Index des Docs

Guide de l'ingénieur pour les cadres multi-fichiers

Il est désormais plus facile de mener des entretiens plus réalistes dans CoderPad - observez les candidats effectuer des appels d'API, rendre des interfaces utilisateur, se connecter à des bases de données et créer une application entièrement fonctionnelle, le tout depuis le navigateur - avec neuf frameworks multi-fichiers populaires.

Un multifichier pad avec l'arbre des fichiers à gauche, le contenu du fichier au milieu, et la sortie rendue et la console d'enregistrement à droite.

Ce que vous devez savoir

  • Disponible en React, Vue, Angular, HTML/CSS/JS, Svelte, Nœud, Django, Printemps, et Ruby on Rails.
  • Ajoutez des fichiers et des répertoires dans l'arborescence des fichiers sur le côté gauche de la pad.
  • Sélectionnez les fichiers pour afficher le contenu au milieu du pad.
  • L'interface utilisateur de la webapp s'affiche sur la droite. Vous pouvez copier le lien en haut pour ouvrir cette vue dans son propre onglet de navigateur.
  • Dans le coin inférieur droit, vous avez accès au serveur web, à un shell interactif et à une console.

A quoi ressemble un cadre pad ?

Un pad s'affiche. Le message suivant est affiché :

Voyez-le en action :

Comment commencer

✅ Vous pouvez essayer l'interface utilisateur du cadre multi-fichier dès maintenant dans la section le bac à sable ci-dessous.

Vous avez trois options pour créer un pad multi-fichier :

1. Créez un pad vierge et sélectionnez un cadre.

Dans votre tableau de bord CoderPad, naviguez dans votre Liste de Pad et sélectionnez Créer un Pad.

Tableau de bord Coderpad avec une flèche pointant vers le bouton "créer pad" dans la liste pads.

Sélectionnez ensuite l'onglet Languages dans le menu naval de gauche et cliquez sur l'un des frameworks frontend ou backend.

Un pad est ouvert avec un 1 pointant vers l'onglet "langues" dans la barre de navigation de gauche et un 2 dans la section des cadres.

ℹ️ Plus d'informations pour créer pads peuvent être trouvées ici.

2. Créer un pad à partir d'une question-cadre

Tout d'abord, créez une question multi-fichier à l'aide de l'assistant de question - vous trouverez des instructions détaillées ici. C'est similaire à la création d'une question ordinaire, sauf que vous ajouterez des fichiers, des contenus de fichiers et des dossiers dans l'écran Editer le code de démarrage.

La fenêtre de création de question "Edit starter code" est affichée avec un exemple de question node js en surbrillance.

Une fois que vous avez terminé votre question et appuyé sur Save, vous aurez la possibilité de créer immédiatement un pad à partir de cette question.

3. Charger une question

Commencez par créer un pad vierge comme dans la première option ci-dessus. 

Dans le menu de navigation de gauche, vous pouvez cliquer sur Questions pour faire apparaître votre liste de questions (1) ; à partir de là, vous pouvez sélectionner une question-cadre que vous avez précédemment créée (2) et elle alimentera le pad. Vous pouvez également choisir une question dans la liste des questions d'exemple CoderPad (3). 

Un pad est ouvert avec un 1 pointant sur l'onglet "questions" dans la barre de navigation de gauche et un 2 pointant sur l'onglet "mon contenu" et un 3 pointant sur l'onglet "exemples" dans la fenêtre de sélection des questions.

ℹ️ Plus d'informations pour créer des questions peuvent être trouvées ici.

Ressources supplémentaires

Bac à sable