{"id":835,"date":"2021-02-24T19:50:10","date_gmt":"2021-02-25T03:50:10","guid":{"rendered":"https:\/\/coderpad.local\/?post_type=doc&#038;p=722"},"modified":"2023-11-10T07:41:05","modified_gmt":"2023-11-10T15:41:05","slug":"coussinets-2","status":"publish","type":"doc","link":"https:\/\/coderpad.io\/fr\/resources\/docs\/interview\/pads\/","title":{"rendered":"Pads"},"content":{"rendered":"<blockquote class=\"wp-block-quote\">\n<p>\u2705 Si vous cherchez le guide de d\u00e9marrage rapide pour <strong>Interview en direct pads<\/strong>, <a href=\"https:\/\/coderpad.io\/fr\/ressources\/docs\/entretien\/coderpad-guides-de-demarrage-rapide\/enqueteurs\/tapis-dentretien-en-direct\/\">vous pouvez le trouver ici<\/a>. Vous pouvez trouver le guide de d\u00e9marrage rapide pour <a href=\"https:\/\/coderpad.io\/fr\/ressources\/docs\/entretien\/enqueteurs\/ressources\/docs\/entretien\/coderpad-guides-de-demarrage-rapide\/enqueteurs\/ressources\/docs\/entretien\/coderpad-guides-de-demarrage-rapide\/enqueteurs\/ressources\/docs\/entretien\/coderpad-guides-de-demarrage-rapide\/enqueteurs\/projets-a-emporter\/\"><strong>Tampons \u00e0 emporter<\/strong> ici<\/a>.<\/p>\n<\/blockquote>\n\n\n\n<p>Un \"pad\" est la session d'entretien collaboratif o\u00f9 le candidat \u00e9crit et ex\u00e9cute du code. Il se compose d'un \u00e9diteur de code sur le c\u00f4t\u00e9 gauche et d'une sortie sur le c\u00f4t\u00e9 droit. <strong>Vous devez faire un nouveau bloc pour chaque entretien.<\/strong> <\/p>\n\n\n\n<blockquote class=\"wp-block-quote\">\n<p>\u2705 La fen\u00eatre de droite contient \u00e9galement les r\u00e9sultats des sc\u00e9narios de tests, les notes priv\u00e9es du recruteur et les instructions pour le candidat, en fonction du type de pad que vous cr\u00e9ez et du r\u00f4le de l'utilisateur.<\/p>\n<\/blockquote>\n\n\n\n<div class=\"wp-block-rank-math-toc-block\" id=\"rank-math-toc\"><nav aria-label=\"Table des mati\u00e8res\"><ul><li class=\"\"><a href=\"#add-your-starter-code\">Ajoutez votre code de d\u00e9marrage<\/a><ul><li class=\"\"><a href=\"#drag-and-drop-files\">Glisser-d\u00e9poser des fichiers<\/a><\/li><\/ul><\/li><li class=\"\"><a href=\"#execute-the-code\">Ex\u00e9cuter le code<\/a><\/li><li class=\"\"><a href=\"#program-output\">Output<\/a><\/li><li class=\"\"><a href=\"#reviewing-interview-results\">Analyse des r\u00e9sultats des entretiens<\/a><\/li><li class=\"\"><a href=\"#pad-status\">Statut du pad<\/a><\/li><\/ul><\/nav><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"add-your-starter-code\">Ajoutez votre code de d\u00e9marrage<\/h2>\n\n\n\n<p>Vous pouvez ajouter un code de d\u00e9marrage lorsque vous <a href=\"https:\/\/coderpad.io\/fr\/ressources\/docs\/entretien\/banque-de-questions\/creer-une-question\/\" target=\"_blank\" rel=\"noreferrer noopener\">cr\u00e9er une question<\/a> ou directement dans un pad ouvert.<\/p>\n\n\n\n<p>Pour tous les langages hors frameworks ou \u00e0 fichier unique, vous pouvez simplement taper votre code de d\u00e9marrage directement dans l'\u00e9diteur :<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/coderpad.io\/wp-content\/uploads\/2023\/11\/image-15.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"500\" src=\"https:\/\/coderpad.io\/wp-content\/uploads\/2023\/11\/image-15-1024x500.png\" alt=\"Un fichier unique pad avec le code mis en \u00e9vidence dans l&#039;\u00e9diteur de code \u00e0 gauche du pad.\" class=\"wp-image-37273\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2023\/11\/image-15-1024x500.png 1024w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/11\/image-15-300x146.png 300w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/11\/image-15-768x375.png 768w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/11\/image-15-1536x750.png 1536w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/11\/image-15-18x9.png 18w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/11\/image-15.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\" id=\"drag-and-drop-files\">Glisser-d\u00e9poser des fichiers<\/h3>\n\n\n\n<p>Pour les langages multi-fichiers, vous pouvez \u00e9galement ajouter votre code de d\u00e9marrage dans l'\u00e9diteur OU utiliser notre fonction \"glisser-d\u00e9poser\" pour charger plusieurs fichiers et dossiers dans le pad - id\u00e9al si vous avez d\u00e9j\u00e0 des questions d'entretien. <\/p>\n\n\n\n<p>Il suffit de faire glisser les fichiers ou les dossiers dans l'arborescence situ\u00e9e \u00e0 gauche de l'\u00e9cran pour qu'ils soient pr\u00eats \u00e0 \u00eatre utilis\u00e9s par vous ou votre candidat :<\/p>\n\n\n\n<figure class=\"wp-block-video aligncenter\"><video height=\"782\" style=\"aspect-ratio: 1600 \/ 782;\" width=\"1600\" autoplay controls loop muted src=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/04\/dragndrop.mp4\"><\/video><\/figure>\n\n\n\n<p>Quelques points \u00e0 garder \u00e0 l'esprit si vous utilisez la fonction \"glisser-d\u00e9poser\" :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Bien que la plupart des types de fichiers soient accept\u00e9s, vous ne pourrez pas charger de fichiers contenant des caract\u00e8res binaires, notamment des images ou des applications compil\u00e9es.<\/li>\n\n\n\n<li>Lorsque vous t\u00e9l\u00e9chargez un fichier portant le m\u00eame nom qu'un fichier existant, vous avez la possibilit\u00e9 de le remplacer ou de conserver les deux.<\/li>\n\n\n\n<li>Certains fichiers pr\u00e9-remplis par CoderPad ne peuvent pas \u00eatre supprim\u00e9s. Tous les fichiers de packages ou les \"build files\" (comme <code>package.json<\/code>, <code>vite.config.ts<\/code>) sont n\u00e9cessaires au fonctionnement de l'application et, \u00e0 ce titre, vous ne verrez pas d'option pour les supprimer de l'arborescence des fichiers - bien que vous puissiez toujours les modifier si n\u00e9cessaire.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"execute-the-code\">Ex\u00e9cuter le code<\/h2>\n\n\n\n<p>Pour ex\u00e9cuter du code dans n'importe quel langage, il suffit d'appuyer sur le bouton <strong>Run <\/strong>dans le coin sup\u00e9rieur gauche d'un pad. <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/03\/image-11.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"500\" src=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/03\/image-11-1024x500.png\" alt=\"Un exemple de pad avec le code dans la fen\u00eatre de gauche et les notes de l&#039;enqu\u00eateur dans la fen\u00eatre de droite. Un gros bouton vert &quot;run&quot; se trouve en haut \u00e0 gauche.\" class=\"wp-image-32170\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2023\/03\/image-11-1024x500.png 1024w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/03\/image-11-300x146.png 300w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/03\/image-11-768x375.png 768w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/03\/image-11-1536x750.png 1536w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/03\/image-11-18x9.png 18w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/03\/image-11.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Nous donnons \u00e9galement un <a href=\"https:\/\/coderpad.io\/fr\/ressources\/docs\/entretien\/coussinets-2\/raccourcis-clavier\/\" target=\"_blank\" rel=\"noreferrer noopener\">raccourci clavier<\/a> si vous ne voulez pas l\u00e2cher le clavier.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"program-output\">Output<\/h2>\n\n\n\n<p id=\"block-35635794-2248-47fd-bd77-6066226bc2e0\">D\u00e8s que vous cliquez sur le bouton <strong>Run <\/strong>votre code est ex\u00e9cut\u00e9 et l'output s'affiche dans une fen\u00eatre REPL. S'il y a des erreurs dans le code qui est ex\u00e9cut\u00e9, les erreurs sont \u00e9galement affich\u00e9es dans la fen\u00eatre de droite.<\/p>\n\n\n\n<p id=\"block-7515cb3e-0208-4729-9e33-09b5397e6442\">Pour effacer l'output du REPL \u00e0 tout moment, il suffit de cliquer sur l'ic\u00f4ne <strong>Reset <\/strong>situ\u00e9 dans le coin sup\u00e9rieur droit du pad. Cela ne r\u00e9initialise pas le code dans le volet de gauche, mais efface simplement l'output dans le REPL.<\/p>\n\n\n\n<p id=\"block-9f7f0562-606e-45e1-8c83-8bf7003c0136\">Pour certains langages (Ruby, Python, Javascript) - le REPL reprend les variables du volet de gauche, qui sont directement accessibles dans le REPL. Pour d'autres langages (Clojure, Erlang, OCaml, Perl, R, MySQL, PostgreSQL), le REPL est \"d\u00e9connect\u00e9\" de la fen\u00eatre de gauche.<\/p>\n\n\n\n<p id=\"block-08f8935e-dcbc-4507-98fd-17406706df20\">Tout code \u00e9crit dans le REPL n'est pas sauvegard\u00e9\/visible via le Code Playback.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"reviewing-interview-results\">Analyse des r\u00e9sultats des entretiens<\/h2>\n\n\n\n<p>Un enregistrement de tout ce que le candidat tape dans le pad sera sauvegard\u00e9 de mani\u00e8re permanente pour que votre \u00e9quipe puisse <a href=\"https:\/\/coderpad.io\/fr\/ressources\/docs\/entretien\/coussinets-2\/mode-de-lecture\/\" target=\"_blank\" rel=\"noreferrer noopener\">revoir et partager ensuite<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"pad-status\">Statut du pad<\/h2>\n\n\n\n<p>Dans le <strong>Liste des tampons<\/strong> dans votre tableau de bord, vous remarquerez que chaque pad se voit attribuer un <em>Statut<\/em>:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2022\/12\/image-18.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"342\" src=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2022\/12\/image-18-1024x342.png\" alt=\"Une liste pads avec la colonne d&#039;\u00e9tat en surbrillance.\" class=\"wp-image-27613\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2022\/12\/image-18-1024x342.png 1024w, https:\/\/coderpad.io\/wp-content\/uploads\/2022\/12\/image-18-300x100.png 300w, https:\/\/coderpad.io\/wp-content\/uploads\/2022\/12\/image-18-768x256.png 768w, https:\/\/coderpad.io\/wp-content\/uploads\/2022\/12\/image-18-18x6.png 18w, https:\/\/coderpad.io\/wp-content\/uploads\/2022\/12\/image-18.png 1447w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>L'\u00e9tat du pad est comme indiqu\u00e9 ci-dessous :<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Pads d'entretiens en direct<\/th><th>Pads de projets asynchrones<\/th><\/tr><\/thead><tbody><tr><td><strong>Pas encore commenc\u00e9<\/strong>: Pad cr\u00e9\u00e9 et il y a eu peu ou pas d'action des participants.<\/td><td><strong>Pas encore commenc\u00e9<\/strong>: Pad cr\u00e9\u00e9 sans action men\u00e9e par le candidat.<\/td><\/tr><tr><td><\/td><td><strong>Ouvert<\/strong>: Un candidat a ouvert le pad.<\/td><\/tr><tr><td><strong>D\u00e9marr\u00e9<\/strong>: au moins deux participants ont rejoint le pad \u00e0 un moment donn\u00e9 ET au moins deux actions d\u00e9tectables ont \u00e9t\u00e9 r\u00e9alis\u00e9es (par exemple, r\u00e9diger du code + ex\u00e9cuter du code).<\/td><td><strong>D\u00e9marr\u00e9<\/strong>: au moins cinq minutes se sont \u00e9coul\u00e9es ET au moins deux actions d\u00e9tectables ont \u00e9t\u00e9 effectu\u00e9es (par exemple, r\u00e9diger du code + ex\u00e9cuter du code).<\/td><\/tr><tr><td><\/td><td><strong>Pr\u00eat pour l'examen<\/strong>: Soit le candidat a soumis le pad, soit le d\u00e9lai a \u00e9t\u00e9 atteint et le pad a \u00e9t\u00e9 soumis automatiquement.<\/td><\/tr><tr><td><strong>Termin\u00e9<\/strong>Le bouton <em>End Interview<strong> <\/strong><\/em>a \u00e9t\u00e9 cliqu\u00e9 OU le pad s'est ferm\u00e9 automatiquement en raison des param\u00e8tres du compte.<\/td><td><strong>R\u00e9vision :<\/strong>Le bouton <em>Finish Review<\/em> a \u00e9t\u00e9 cliqu\u00e9 sur la page du Code Playback.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p><\/p>","protected":false},"parent":16734,"menu_order":2,"template":"","class_list":["post-835","doc","type-doc","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/coderpad.io\/fr\/wp-json\/wp\/v2\/doc\/835","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":26,"href":"https:\/\/coderpad.io\/fr\/wp-json\/wp\/v2\/doc\/835\/revisions"}],"predecessor-version":[{"id":40761,"href":"https:\/\/coderpad.io\/fr\/wp-json\/wp\/v2\/doc\/835\/revisions\/40761"}],"up":[{"embeddable":true,"href":"https:\/\/coderpad.io\/fr\/wp-json\/wp\/v2\/doc\/16734"}],"wp:attachment":[{"href":"https:\/\/coderpad.io\/fr\/wp-json\/wp\/v2\/media?parent=835"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}