Environnements linguistiques

Interface des pads

Pads prend en charge un grand nombre de langages de programmation et de frameworks. Chaque langage possède un IDE, un volet d'exécution du code et un REPL (lorsqu'il est disponible). 

✅ Vous pouvez avoir plusieurs environnements linguistiques par pad. Vous pouvez également ajouter un nouvel environnement linguistique à tout moment de l'entretien. 

Pour ajouter un nouvel environnement linguistique au pad, cliquez sur le bouton "+" à gauche de l'écran. Vous verrez une liste de langues et d'environnements parmi lesquels choisir.

Une fois que vous avez sélectionné le langage ou le cadre souhaité, un nouvel onglet s'ouvre avec l'exemple de code ou d'application pour ce langage particulier :

Cadres multi-fichiers

CoderPad propose deux types d'environnements linguistiques - un seul fichier comme le OCaml pad que vous voyez ci-dessus, et des cadres multi-fichiers.

Lorsque vous sélectionnez un cadre multi-fichier pour coder, vous remarquerez une fenêtre multi-volets similaire à celle que vous trouverez dans les IDE les plus courants.

1. Le premier volet affiche le contenu du fichier actif sélectionné dans l'arborescence des fichiers.
2. Le deuxième volet affiche la sortie de votre application.
3. Le troisième volet propose un shell interactif, une sortie de journal du serveur et une console.
4. Une URL est fournie si vous souhaitez ouvrir l'application rendue dans une fenêtre séparée.

Avec les frameworks multi-fichiers, vous aurez non seulement accès à l'éditeur de code standard, mais vous verrez également des fonctionnalités supplémentaires qui rendent l'entretien avec les ingénieurs front-end et back-end plus réaliste.

Vous pouvez trouver plus d'informations sur chaque cadre et ses paramètres en consultant le fichier README.md situé dans le répertoire des fichiers.

Arbre des fichiers et éditeur de code.

Lorsque vous cliquez sur un fichier dans l'arborescence des fichiers (1), le fichier s'affiche dans l'éditeur de code (2) pour que vous puissiez le modifier si nécessaire. Pour ajouter un nouveau dossier ou fichier à l'arborescence des fichiers, il suffit de cliquer sur l'icône du dossier ou du fichier, respectivement.

Fenêtre de sortie

Outre l'affichage du code rendu dans la fenêtre de sortie (4), vous pouvez également accéder à vos notes d'entretien privées ou à API Requests client (1). Vous pouvez également copier l'URL (2) de la barre d'URL pour la coller dans un nouvel onglet/fenêtre, ou utiliser le bouton pop-out (3) pour faire de même.

✅ Le client API est uniquement disponible avec les frameworks backend.

Journaux du serveur, journaux de la console, shell interactif et historique des requêtes API.

La partie inférieure du côté droit de la pad se compose des éléments suivants :

1. Journaux du serveur. Vous pouvez redémarrer le serveur en cliquant sur le bouton Restart en haut à droite de la fenêtre.

2. Un shell interactif. Vous pouvez utiliser ce shell pour installer des paquets externes en utilisant npm ou pip3.

3. Journaux de la console. Vous pouvez sélectionner le type dans le menu déroulant en haut à droite de la fenêtre.

4. Historique des demandes pour le client API.

Pour trouver plus d'informations sur l'utilisation des frameworks multi-fichiers, consultez le Guide de l'ingénieur sur les frameworks multi-fichiers.

Changer de langue

Nous proposons deux façons de passer d'une langue à l'autre :

1. Changer de langue à l'intérieur d'une question - utiliser cette option pour répondre à une question dans une autre langue.
2. Passer à un nouvel onglet linguistique - utilisez cette option pour commencer à coder dans un nouvel onglet vierge.

Dans les deux cas, vous pouvez passer d'une langue à l'autre à tout moment de l'entretien. Sélectionnez la langue ou l'onglet précédent pour afficher le code que vous y avez écrit.

1. Changer de langue au sein d'une question

Si vous avez chargé une question dans le pad et que votre candidat souhaite coder dans une autre langue, il peut utiliser le menu déroulant.

Passez la souris sur l'onglet de la question et le menu d'options s'affichera, y compris la liste déroulante Langues. Vous pouvez utiliser la barre de recherche pour taper une langue ou la sélectionner dans la liste ci-dessous.

Les instructions relatives aux questions seront toujours disponibles sur le côté droit du pad.

Lorsque vous changez de langue dans une question, le code de la langue précédente sera automatiquement affiché dans l'éditeur de la nouvelle langue sous forme de commentaire. Cela vous permet, ainsi qu'à votre candidat, de ne pas perdre votre travail lorsque vous passez d'une langue à l'autre.

2. Changer de langue pour ouvrir un nouvel environnement pad

Cette option permet d'ouvrir un nouvel onglet de langue sans l'associer à une question. Il suffit de cliquer sur l'option Langues dans le menu de gauche et de sélectionner la nouvelle langue que vous souhaitez utiliser.

❗Lorsque vous passez d'un onglet d'environnement à un autre, tous les autres participants du pad passent également au même environnement en même temps que vous. Prévenez les autres participants du pad lorsque vous êtes sur le point de changer d'environnement. 

[ACTUALISER GIFS]

✅ Tout code que vous écrivez dans un environnement linguistique sera enregistré dans cet onglet, de sorte que vous n'aurez jamais à vous soucier de perdre votre code.

Enregistrement automatique ou manuel des fichiers

Dans les cadres de langue multi-fichiers (front-end et back-end), vous verrez une bascule pour désactiver la fonctionnalité actuelle de rechargement à chaud/enregistrement automatique. Ce paramètre est au niveau de pad, donc changer le paramètre le changera aussi pour tous les autres participants pad.

Le paramètre par défaut correspond au comportement actuel de sauvegarde automatique. Si vous basculez en "sauvegarde manuelle", vous devrez cliquer sur le bouton Save (ou le raccourci clavier ⌘ + S/ CTRL + S) pour enregistrer les modifications du fichier et les voir apparaître dans le volet de droite.

Ajouter une question

Pour ajouter une question au pad, cliquez sur le bouton Questions à gauche de l'écran. Cliquez ensuite sur l'onglet Sélectionner une question. Vous verrez des onglets pour les questions de votre Organisation, Mon contenu, et Exemples de questions, reflétant la banque de questions. Vous pouvez rechercher ou filtrer les questions par langue.

Une fois que vous avez ajouté une question, vous pouvez changer la langue de cet onglet en cliquant sur l'onglet et en choisissant "Langue". Cela peut s'avérer pratique si un candidat souhaite utiliser une langue dans laquelle la question n'a pas été rédigée à l'origine. Le fait de changer de langue sur l'onglet garantit que toutes les ressources attachées, telles que les bases de données ou les fichiers, restent accessibles à partir de l'onglet de la question.

Pour plus de détails et de conseils sur le passage d'une langue à l'autre dans une question, consultez la section Switching Languages ci-dessus.

Informations linguistiques

✅ Seules les langues sélectionnées disposeront d'un onglet Info. Pour les frameworks multi-fichiers comme Node et React, vous pouvez consulter les informations relatives au framework dans le fichier README.MD inclus dans l'arborescence des fichiers du projet.

Vous pouvez obtenir plus d'informations sur l'environnement linguistique en survolant le nom de la langue dans le menu Environnements et en sélectionnant Info.

Adaptateurs de bases de données

Les environnements d'Interview fournissent des adaptateurs de base de données et des ORM spécifiques à un langage commun, à utiliser dans les évaluations. 

⚠️Notez que la plupart des langages ne prennent pas en charge les adaptateurs de base de données.

Pour sélectionner un package pour votre langue, survolez d'abord la langue à laquelle vous souhaitez ajouter un adaptateur. Cliquez ensuite sur le menu déroulant Adaptateurs de base de données pour voir les adaptateurs pour cette langue particulière.

❗ Cela effacera/remplacera tout code que vous avez précédemment écrit dans cet onglet.

Mode dessin

Le mode dessin est désormais accessible à partir de la navigation par onglets :