{"id":43145,"date":"2025-09-11T05:46:43","date_gmt":"2025-09-11T12:46:43","guid":{"rendered":"https:\/\/coderpad.io\/?post_type=doc&#038;p=43145"},"modified":"2025-09-11T05:59:12","modified_gmt":"2025-09-11T12:59:12","slug":"projets","status":"publish","type":"doc","link":"https:\/\/coderpad.io\/fr\/resources\/docs\/screen\/tests\/projects\/","title":{"rendered":"Projets"},"content":{"rendered":"<p>Les projets sont des exercices de codage multi-fichiers, pertinents pour l'emploi, qui fournissent aux candidats un environnement de d\u00e9veloppement complet bas\u00e9 sur Visual Studio (VS) Code avec acc\u00e8s au terminal, extensions, d\u00e9bogage et toutes les fonctionnalit\u00e9s par d\u00e9faut de VS Code. Ils permettent aux candidats de construire, d'ex\u00e9cuter, de tester et de d\u00e9boguer du code comme ils le feraient au travail, en utilisant des packages, des outils et des flux de travail qu'ils connaissent d\u00e9j\u00e0.<\/p>\n\n\n\n<p>Les principales caract\u00e9ristiques des projets sont les suivantes<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Exp\u00e9rience compl\u00e8te de l'IDE VS Code<\/strong> avec acc\u00e8s au terminal, outils de d\u00e9bogage et support d'extension<\/li>\n\n\n\n<li><strong>Prise en charge de plusieurs fichiers<\/strong> pour des sc\u00e9narios de codage complexes et r\u00e9alistes<\/li>\n\n\n\n<li><strong>Paquets et biblioth\u00e8ques personnalis\u00e9s<\/strong> capacit\u00e9s d'installation<\/li>\n\n\n\n<li><strong>Environnement bas\u00e9 sur l'IA<\/strong> avec en option l'assistance par chat de l'IA<\/li>\n\n\n\n<li><strong>Capacit\u00e9s de classement automatique<\/strong> avec des rapports d'essai complets<\/li>\n\n\n\n<li><strong>Rendu en direct de l'interface utilisateur<\/strong> pour les projets de d\u00e9veloppement web<\/li>\n\n\n\n<li><strong>Support de base de donn\u00e9es<\/strong> pour les \u00e9valuations backend et full-stack<\/li>\n\n\n\n<li><strong>Int\u00e9gration de Git<\/strong> pour les flux de contr\u00f4le de version lors de la cr\u00e9ation de projets<\/li>\n<\/ul>\n\n\n\n<p>Les projets transforment les \u00e9valuations de codage de puzzles isol\u00e9s en exp\u00e9riences de d\u00e9veloppement authentiques o\u00f9 les candidats peuvent d\u00e9montrer tout l'\u00e9ventail de leurs capacit\u00e9s techniques.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>L'importance des projets \u00e0 l'\u00e8re de l'IA<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Des signaux plus riches et pertinents pour l'emploi.<\/strong> Les projets refl\u00e8tent le travail d'ing\u00e9nierie r\u00e9el (d\u00e9p\u00f4ts multi-fichiers, outillage, d\u00e9bogage, tests) afin que vous puissiez \u00e9valuer les comp\u00e9tences qui comptent sur le terrain, et pas seulement les comp\u00e9tences algorithmiques.<\/li>\n\n\n\n<li><strong>Les comp\u00e9tences \u00e9voluent.<\/strong> \u00c0 mesure que l'IA devient plus puissante et s'int\u00e8gre dans les flux de travail quotidiens, les d\u00e9veloppeurs passent moins de temps \u00e0 \u00e9crire des bribes de base et plus de temps \u00e0 des t\u00e2ches de plus haut niveau : r\u00e9vision du code, d\u00e9bogage, optimisation des performances, assemblage de plusieurs suggestions g\u00e9n\u00e9r\u00e9es par l'IA, et prise de d\u00e9cisions architecturales judicieuses.<\/li>\n\n\n\n<li><strong>R\u00e9duire la tricherie gr\u00e2ce \u00e0 des t\u00e2ches concr\u00e8tes.<\/strong> Les questions sur les projets rendent les r\u00e9ponses copi\u00e9es-coll\u00e9es plus difficiles \u00e0 r\u00e9ussir. L'IA peut aider \u00e0 r\u00e9aliser certaines parties du travail, mais des contraintes r\u00e9alistes (configurations, tests, donn\u00e9es, \u00e9tapes de construction) n\u00e9cessitent une v\u00e9ritable compr\u00e9hension pour parvenir \u00e0 une solution compl\u00e8te.<\/li>\n\n\n\n<li><strong>(Facultatif) Mesurer l'efficacit\u00e9 de l'IA.<\/strong> Lorsqu'ils sont activ\u00e9s, les projets vous permettent de voir comment les candidats sont invit\u00e9s, \u00e9valuent les r\u00e9sultats de l'IA et l'int\u00e8grent de mani\u00e8re responsable, fournissant ainsi un signal sur une comp\u00e9tence de plus en plus critique : <strong>coder avec l'IA<\/strong>.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Comment ajouter des projets \u00e0 un test<\/h2>\n\n\n\n<p>Il y a deux fa\u00e7ons d'incorporer des projets dans vos tests :<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">M\u00e9thode 1 : \u00e0 partir de la page Questions<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Naviguez jusqu'\u00e0 la page <em>Questions <\/em>page<\/li>\n\n\n\n<li>Utilisez le menu d\u00e9roulant du filtre pour s\u00e9lectionner <strong>Exercice du projet<\/strong> comme type de question<\/li>\n\n\n\n<li>Parcourez notre biblioth\u00e8que de projets pr\u00eats \u00e0 l'emploi<\/li>\n\n\n\n<li>Cliquez sur <strong>Cr\u00e9er un test<\/strong> pour les projets s\u00e9lectionn\u00e9s<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/coderpad.io\/wp-content\/uploads\/2025\/09\/image.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"590\" src=\"https:\/\/coderpad.io\/wp-content\/uploads\/2025\/09\/image-1024x590.png\" alt=\"Capture d&#039;\u00e9cran du tableau de bord des questions de CoderPad montrant les filtres de recherche des questions. Le menu d\u00e9roulant du filtre &quot;Type&quot; est d\u00e9velopp\u00e9 et affiche les options suivantes : Question \u00e0 choix multiple, Question \u00e0 texte libre, Exercice de codage et Exercice de projet. Une grande fl\u00e8che rouge pointe vers l&#039;option &quot;Exercice de projet&quot;.\" class=\"wp-image-43157\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2025\/09\/image-1024x590.png 1024w, https:\/\/coderpad.io\/wp-content\/uploads\/2025\/09\/image-300x173.png 300w, https:\/\/coderpad.io\/wp-content\/uploads\/2025\/09\/image-768x442.png 768w, https:\/\/coderpad.io\/wp-content\/uploads\/2025\/09\/image-18x10.png 18w, https:\/\/coderpad.io\/wp-content\/uploads\/2025\/09\/image.png 1517w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">M\u00e9thode 2 : \u00e0 partir d'un test<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Ouvrez le test dans lequel vous souhaitez ajouter un projet<\/li>\n\n\n\n<li>Cliquez sur le bouton <strong>Ajouter une question<\/strong> bouton<\/li>\n\n\n\n<li>Filtrer le type de question sur <strong>Exercice du projet<\/strong><\/li>\n\n\n\n<li>Choisir parmi les projets disponibles<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/coderpad.io\/wp-content\/uploads\/2025\/09\/image-1.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"486\" src=\"https:\/\/coderpad.io\/wp-content\/uploads\/2025\/09\/image-1-1024x486.jpg\" alt=\"Capture d&#039;\u00e9cran de l&#039;interface de cr\u00e9ation de test CoderPad Screen pour une \u00e9valuation senior Full-stack (JavaScript, Node.js, React, SQL). L&#039;onglet &quot;Questions&quot; est s\u00e9lectionn\u00e9. Sur la droite, le filtre de recherche avanc\u00e9e est ouvert et le &quot;Type&quot; est r\u00e9gl\u00e9 sur &quot;Exercice de projet&quot;. Une grande fl\u00e8che rouge pointe vers cette option de filtre. Ci-dessous, la liste des questions montre des exercices de projet tels que &quot; V\u00e9rifier et h\u00e9berger un avatar &quot;, &quot; G\u00e9n\u00e9rateur de site statique \u00e0 partir de... &quot;, &quot; Bouton de synth\u00e8se vocale &quot; et &quot; Test de gpes wqp &quot;, avec les points et les dur\u00e9es associ\u00e9s.\" class=\"wp-image-43158\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2025\/09\/image-1-1024x486.jpg 1024w, https:\/\/coderpad.io\/wp-content\/uploads\/2025\/09\/image-1-300x143.jpg 300w, https:\/\/coderpad.io\/wp-content\/uploads\/2025\/09\/image-1-768x365.jpg 768w, https:\/\/coderpad.io\/wp-content\/uploads\/2025\/09\/image-1-1536x730.jpg 1536w, https:\/\/coderpad.io\/wp-content\/uploads\/2025\/09\/image-1-18x9.jpg 18w, https:\/\/coderpad.io\/wp-content\/uploads\/2025\/09\/image-1.jpg 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\"><br>Comment cr\u00e9er un projet personnalis\u00e9<\/h2>\n\n\n\n<p>Pour une flexibilit\u00e9 maximale et un alignement sur vos besoins sp\u00e9cifiques, vous pouvez cr\u00e9er des projets enti\u00e8rement personnalis\u00e9s, adapt\u00e9s \u00e0 la pile technologique et aux d\u00e9fis de codage de votre organisation. <a href=\"https:\/\/coderpad.io\/fr\/ressources\/docs\/screen\/questions-sur-la-personnalisation-des-ecrans-2\/creation-de-questions-personnalisees\/questions-sur-le-projet-personnalise\/\">Vous trouverez plus de documentation sur les questions de projet personnalis\u00e9es ici.<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Comment examiner les soumissions avec les projets<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Examen bas\u00e9 sur l'IDE<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Dans le rapport d\u00e9taill\u00e9 d'un candidat, cliquez sur <strong>Ouvrir dans l'IDE<\/strong> pour tout projet soumis<\/li>\n\n\n\n<li>Naviguer vers l'ic\u00f4ne de contr\u00f4le de la source pour voir toutes les modifications apport\u00e9es pendant l'\u00e9valuation.<\/li>\n\n\n\n<li>Examiner les modifications, les ajouts et les suppressions de fichiers<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/coderpad.io\/wp-content\/uploads\/2025\/09\/image-7-1.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1527\" height=\"800\" src=\"https:\/\/coderpad.io\/wp-content\/uploads\/2025\/09\/image-7-1.jpg\" alt=\"Capture d&#039;\u00e9cran de Visual Studio Code montrant le contr\u00f4le de la source Git et les modifications du code. \u00c0 gauche, le panneau Source Control affiche deux fichiers modifi\u00e9s sous &quot;Changes&quot; : App.tsx et SpeechButton.tsx. Une fl\u00e8che pointe vers ces fichiers. Le centre montre la vue diff\u00e9rente de SpeechButton.tsx : l&#039;ancien code sur la gauche a une fonction avec un simple message console.log, maintenant supprim\u00e9. Le nouveau code \u00e0 droite importe useState et useCallback de React, ajoute un \u00e9tat pour isReading, et \u00e9tend la fonction handleTextToSpeech pour obtenir le texte s\u00e9lectionn\u00e9, v\u00e9rifier si le texte existe, et v\u00e9rifier le support du navigateur pour speechSynthesis avant de continuer.\" class=\"wp-image-43193\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2025\/09\/image-7-1.jpg 1527w, https:\/\/coderpad.io\/wp-content\/uploads\/2025\/09\/image-7-1-300x157.jpg 300w, https:\/\/coderpad.io\/wp-content\/uploads\/2025\/09\/image-7-1-1024x536.jpg 1024w, https:\/\/coderpad.io\/wp-content\/uploads\/2025\/09\/image-7-1-768x402.jpg 768w, https:\/\/coderpad.io\/wp-content\/uploads\/2025\/09\/image-7-1-18x9.jpg 18w\" sizes=\"auto, (max-width: 1527px) 100vw, 1527px\" \/><\/a><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\"><br>Syst\u00e8me de lecture am\u00e9lior\u00e9<\/h3>\n\n\n\n<p>Les projets sont dot\u00e9s d'un syst\u00e8me de lecture am\u00e9lior\u00e9 qui capture non seulement les modifications de code, mais aussi toutes les interactions au sein de l'IDE :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Enregistrement complet de la session<\/strong> montrer les mouvements de la souris, les clics et les sch\u00e9mas de navigation<\/li>\n\n\n\n<li><strong>Registres d'interaction avec l'IA<\/strong> afficher exactement comment les candidats ont demand\u00e9 et utilis\u00e9 l'assistance de l'IA<\/li>\n\n\n\n<li><strong>Aper\u00e7u de la session de d\u00e9bogage<\/strong> montrer des approches de r\u00e9solution de probl\u00e8mes et des m\u00e9thodes de d\u00e9pannage<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/coderpad.io\/wp-content\/uploads\/2025\/09\/image-7-3.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"623\" src=\"https:\/\/coderpad.io\/wp-content\/uploads\/2025\/09\/image-7-3-1024x623.jpg\" alt=\"Capture d&#039;\u00e9cran d&#039;un environnement d&#039;\u00e9valuation du codage dans Visual Studio Code. Le panneau de gauche montre l&#039;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&#039;objectif expliquant qu&#039;un bouton React doit utiliser la fonction speechSynthesis du navigateur pour lire le texte s\u00e9lectionn\u00e9 \u00e0 haute voix. Le panneau de droite montre le fichier App.tsx avec le code React JSX qui importe SpeechButton et rend un en-t\u00eate et un contenu. Une barre de contr\u00f4le de lecture en bas montre l&#039;enregistrement de la r\u00e9ponse du candidat \u00e0 1 minute 8 secondes sur 20 minutes, avec les contr\u00f4les de lecture\/pause visibles.\" class=\"wp-image-43197\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2025\/09\/image-7-3-1024x623.jpg 1024w, https:\/\/coderpad.io\/wp-content\/uploads\/2025\/09\/image-7-3-300x182.jpg 300w, https:\/\/coderpad.io\/wp-content\/uploads\/2025\/09\/image-7-3-768x467.jpg 768w, https:\/\/coderpad.io\/wp-content\/uploads\/2025\/09\/image-7-3-18x12.jpg 18w, https:\/\/coderpad.io\/wp-content\/uploads\/2025\/09\/image-7-3.jpg 1253w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<blockquote class=\"wp-block-quote\">\n<p>\u2705 Affichez la lecture en mode plein \u00e9cran pour une exp\u00e9rience d'examen plus compl\u00e8te.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\">Plus de ressources<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/coderpad.io\/fr\/ressources\/docs\/screen\/questions-sur-la-personnalisation-des-ecrans-2\/creation-de-questions-personnalisees\/questions-sur-le-projet-personnalise\/\">Comment cr\u00e9er une question de projet personnalis\u00e9e<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/coderpad.io\/fr\/ressources\/docs\/screen\/tests-decran-2\/tricherie-prevention-detection\/#real-world-coding-projects\">Projets et pr\u00e9vention de la fraude<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/coderpad.io\/fr\/ressources\/docs\/pour-candidats-2\/codingame-screen-for-candidates\/projets-exercices\/\">Pr\u00e9paration des candidats et projets<\/a><\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>","protected":false},"parent":8881,"menu_order":0,"template":"","class_list":["post-43145","doc","type-doc","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/coderpad.io\/fr\/wp-json\/wp\/v2\/doc\/43145","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/coderpad.io\/fr\/wp-json\/wp\/v2\/doc"}],"about":[{"href":"https:\/\/coderpad.io\/fr\/wp-json\/wp\/v2\/types\/doc"}],"version-history":[{"count":10,"href":"https:\/\/coderpad.io\/fr\/wp-json\/wp\/v2\/doc\/43145\/revisions"}],"predecessor-version":[{"id":43231,"href":"https:\/\/coderpad.io\/fr\/wp-json\/wp\/v2\/doc\/43145\/revisions\/43231"}],"up":[{"embeddable":true,"href":"https:\/\/coderpad.io\/fr\/wp-json\/wp\/v2\/doc\/8881"}],"wp:attachment":[{"href":"https:\/\/coderpad.io\/fr\/wp-json\/wp\/v2\/media?parent=43145"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}