menu Menu documentation

Projets

Dernière mise à jour le - Available in English

Les projets sont des exercices de codage multi-fichiers, pertinents pour l'emploi, qui fournissent aux candidats un environnement de développement complet basé sur Visual Studio (VS) Code avec accès au terminal, extensions, débogage et toutes les fonctionnalités par défaut de VS Code. Ils permettent aux candidats de construire, d'exécuter, de tester et de déboguer du code comme ils le feraient au travail, en utilisant des packages, des outils et des flux de travail qu'ils connaissent déjà.

Les principales caractéristiques des projets sont les suivantes

  • Expérience complète de l'IDE VS Code avec accès au terminal, outils de débogage et support d'extension
  • Prise en charge de plusieurs fichiers pour des scénarios de codage complexes et réalistes
  • Paquets et bibliothèques personnalisés capacités d'installation
  • Environnement basé sur l'IA avec en option l'assistance par chat de l'IA
  • Capacités de classement automatique avec des rapports d'essai complets
  • Rendu en direct de l'interface utilisateur pour les projets de développement web
  • Support de base de données pour les évaluations backend et full-stack
  • Intégration de Git pour les flux de contrôle de version lors de la création de projets

Les projets transforment les évaluations de codage de puzzles isolés en expériences de développement authentiques où les candidats peuvent démontrer tout l'éventail de leurs capacités techniques.

L'importance des projets à l'ère de l'IA

  • Des signaux plus riches et pertinents pour l'emploi. Les projets reflètent le travail d'ingénierie réel (dépôts multi-fichiers, outillage, débogage, tests) afin que vous puissiez évaluer les compétences qui comptent sur le terrain, et pas seulement les compétences algorithmiques.
  • Les compétences évoluent. À mesure que l'IA devient plus puissante et s'intègre dans les flux de travail quotidiens, les développeurs passent moins de temps à écrire des bribes de base et plus de temps à des tâches de plus haut niveau : révision du code, débogage, optimisation des performances, assemblage de plusieurs suggestions générées par l'IA, et prise de décisions architecturales judicieuses.
  • Réduire la tricherie grâce à des tâches concrètes. Les questions sur les projets rendent les réponses copiées-collées plus difficiles à réussir. L'IA peut aider à réaliser certaines parties du travail, mais des contraintes réalistes (configurations, tests, données, étapes de construction) nécessitent une véritable compréhension pour parvenir à une solution complète.
  • (Facultatif) Mesurer l'efficacité de l'IA. Lorsqu'ils sont activés, les projets vous permettent de voir comment les candidats sont invités, évaluent les résultats de l'IA et l'intègrent de manière responsable, fournissant ainsi un signal sur une compétence de plus en plus critique : coder avec l'IA.

Comment ajouter des projets à un test

Il y a deux façons d'incorporer des projets dans vos tests :

Méthode 1 : à partir de la page Questions

  1. Naviguez jusqu'à la page Questions page
  2. Utilisez le menu déroulant du filtre pour sélectionner Exercice du projet comme type de question
  3. Parcourez notre bibliothèque de projets prêts à l'emploi
  4. Cliquez sur Créer un test pour les projets sélectionnés
Capture d'écran du tableau de bord des questions de CoderPad montrant les filtres de recherche des questions. Le menu déroulant du filtre "Type" est développé et affiche les options suivantes : Question à choix multiple, Question à texte libre, Exercice de codage et Exercice de projet. Une grande flèche rouge pointe vers l'option "Exercice de projet".

Méthode 2 : à partir d'un test

  1. Ouvrez le test dans lequel vous souhaitez ajouter un projet
  2. Cliquez sur le bouton Ajouter une question bouton
  3. Filtrer le type de question sur Exercice du projet
  4. Choisir parmi les projets disponibles
Capture d'écran de l'interface de création de test CoderPad Screen pour une évaluation senior Full-stack (JavaScript, Node.js, React, SQL). L'onglet "Questions" est sélectionné. Sur la droite, le filtre de recherche avancée est ouvert et le "Type" est réglé sur "Exercice de projet". Une grande flèche rouge pointe vers cette option de filtre. Ci-dessous, la liste des questions montre des exercices de projet tels que " Vérifier et héberger un avatar ", " Générateur de site statique à partir de... ", " Bouton de synthèse vocale " et " Test de gpes wqp ", avec les points et les durées associés.


Comment créer un projet personnalisé

Pour une flexibilité maximale et un alignement sur vos besoins spécifiques, vous pouvez créer des projets entièrement personnalisés, adaptés à la pile technologique et aux défis de codage de votre organisation. Vous trouverez plus de documentation sur les questions relatives aux projets personnalisés ici.

Comment examiner les soumissions avec les projets

Examen basé sur l'IDE

  1. Dans le rapport détaillé d'un candidat, cliquez sur Ouvrir dans l'IDE pour tout projet soumis
  2. Naviguer vers l'icône de contrôle de la source pour voir toutes les modifications apportées pendant l'évaluation.
  3. Examiner les modifications, les ajouts et les suppressions de fichiers
Capture d'écran de Visual Studio Code montrant le contrôle de la source Git et les modifications du code. À gauche, le panneau Source Control affiche deux fichiers modifiés sous "Changes" : App.tsx et SpeechButton.tsx. Une flèche pointe vers ces fichiers. Le centre montre la vue différente de SpeechButton.tsx : l'ancien code sur la gauche a une fonction avec un simple message console.log, maintenant supprimé. Le nouveau code à droite importe useState et useCallback de React, ajoute un état pour isReading, et étend la fonction handleTextToSpeech pour obtenir le texte sélectionné, vérifier si le texte existe, et vérifier le support du navigateur pour speechSynthesis avant de continuer.


Système de lecture amélioré

Les projets sont dotés d'un système de lecture amélioré qui capture non seulement les modifications de code, mais aussi toutes les interactions au sein de l'IDE :

  • Enregistrement complet de la session montrer les mouvements de la souris, les clics et les schémas de navigation
  • Registres d'interaction avec l'IA afficher exactement comment les candidats ont demandé et utilisé l'assistance de l'IA
  • Aperçu de la session de débogage montrer des approches de résolution de problèmes et des méthodes de dépannage
Capture d'écran d'un environnement d'évaluation du codage dans Visual Studio Code. Le panneau de gauche montre l'explorateur de projet avec des fichiers tels que App.tsx, SpeechButton.tsx et instructions.md. Le panneau central affiche instructions.md avec un texte de contexte et d'objectif expliquant qu'un bouton React doit utiliser la fonction speechSynthesis du navigateur pour lire le texte sélectionné à haute voix. Le panneau de droite montre le fichier App.tsx avec le code React JSX qui importe SpeechButton et rend un en-tête et un contenu. Une barre de contrôle de lecture en bas montre l'enregistrement de la réponse du candidat à 1 minute 8 secondes sur 20 minutes, avec les contrôles de lecture/pause visibles.

✅ Affichez la lecture en mode plein écran pour une expérience d'examen plus complète.

Plus de ressources