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 de langage - un fichier unique comme le OCaml pad que vous voyez ci-dessus, et des cadres multi-fichiers comme dans cet exemple Node :

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.

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 (5).

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

(3) Journaux de la console.

(4) Historique des requêtes 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

Vous pouvez passer d'un environnement à l'autre à tout moment pendant l'entretien. Il suffit de cliquer pour revenir à l'autre environnement et le code que vous y avez écrit précédemment s'affichera.

✅ 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.

Lorsque vous passez de Plain Text ou Markdown à un langage de codage, tout texte existant de ces langages sera copié dans le nouvel environnement linguistique en tant que commentaires de code :

Toutes les autres langues stockent votre code dans des fichiers de langue distincts. Lorsque vous passez d'une langue à une autre qui n'est pas du typePlain Text/Markdown langue, le code précédent est enregistré dans son environnement de langue, mais n'est pas copié dans l'environnement de langue suivant. Pour afficher le code dans un environnement de langue précédemment utilisé, basculez à nouveau vers celui-ci.

❗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. 

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 les 3 points de l'onglet puis en choisissant "Langue". Cela peut être pratique si un candidat souhaite utiliser une langue dans laquelle la question n'a pas été rédigée à l'origine. En changeant la langue de l'onglet, vous vous assurez que toutes les ressources jointes, telles que les bases de données ou les fichiers, restent accessibles à partir de l'onglet de la question.

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 :