{"id":3584,"date":"2022-08-01T05:23:48","date_gmt":"2022-08-01T12:23:48","guid":{"rendered":"https:\/\/coderpad.io\/?post_type=doc&#038;p=3584"},"modified":"2026-02-24T07:08:00","modified_gmt":"2026-02-24T15:08:00","slug":"environnement","status":"publish","type":"doc","link":"https:\/\/coderpad.io\/fr\/resources\/docs\/interview\/pads\/using-pad-features\/","title":{"rendered":"Fonctionnalit\u00e9s du pad"},"content":{"rendered":"<div class=\"wp-block-rank-math-toc-block\" id=\"rank-math-toc\"><nav aria-label=\"Table des mati\u00e8res\"><ul><li class=\"\"><a href=\"#getting-started\">Pour commencer<\/a><\/li><li class=\"\"><a href=\"#multi-file-pads\">Pads multi-fichiers<\/a><ul><li class=\"\"><a href=\"#pad-set-up\">Param\u00e9trage du pad<\/a><\/li><li class=\"\"><a href=\"#file-tree-and-code-editor\">Arborescence de fichiers et \u00e9diteur de code<\/a><\/li><li class=\"\"><a href=\"#the-shell\">Console<\/a><\/li><li class=\"\"><a href=\"#multi-file-projects\">Projets multi-fichiers<\/a><\/li><li class=\"\"><a href=\"#multi-file-frameworks\">Frameworks multi-fichiers<\/a><ul><li class=\"\"><a href=\"#output-window\">Fen\u00eatre d'output<\/a><\/li><li class=\"\"><a href=\"#server-logs-console-logs-shell-and-api-request-history\">Logs du serveur, de la console et historique des requ\u00eates API<\/a><\/li><\/ul><\/li><\/ul><\/li><li class=\"\"><a href=\"#follow-users\">Suivi des utilisateurs<\/a><\/li><li class=\"\"><a href=\"#s\">Notifications en cas de comportement suspect<\/a><\/li><li class=\"\"><a href=\"#switching-languages\">Changer de langage<\/a><ul><li class=\"\"><a href=\"#1-switching-languages-within-a-question\">1. Changer de langage au sein d'une question<\/a><\/li><li class=\"\"><a href=\"#2-switching-languages-to-open-a-new-pad-environment\">2. Changer de langage pour ouvrir un nouveau pad<\/a><\/li><\/ul><\/li><li class=\"\"><a href=\"#auto-vs-manual-file-save\">Enregistrement automatique ou manuel des fichiers<\/a><\/li><li class=\"\"><a href=\"#adding-a-question\">Ajouter une question<\/a><\/li><li class=\"\"><a href=\"#language-information\">Informations relatives au langage<\/a><\/li><li class=\"\"><a href=\"#database-adaptors\">Adaptateurs de bases de donn\u00e9es<\/a><\/li><li class=\"\"><a href=\"#drawing-mode\">Mode dessin<\/a><\/li><\/ul><\/nav><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"getting-started\">Pour commencer<\/h2>\n\n\n\n<p>Les tampons prennent en charge un grand nombre de<a href=\"https:\/\/coderpad.io\/languages\/\"> les langages de programmation<\/a> et les frameworks. Chaque langage poss\u00e8de un IDE, un volet d'ex\u00e9cution du code et un REPL (lorsqu'il est disponible).&nbsp;<\/p>\n\n\n\n<blockquote class=\"wp-block-quote\">\n<p>\u2705 Vous pouvez avoir plusieurs environnements linguistiques par pad<em>. <\/em>Vous pouvez \u00e9galement ajouter un nouvel environnement linguistique \u00e0 tout moment de l'entretien.&nbsp;<\/p>\n<\/blockquote>\n\n\n\n<p>Pour ajouter un nouvel environnement linguistique au pad, cliquez sur le bouton <strong>Langues<\/strong> sur le c\u00f4t\u00e9 gauche de l'\u00e9cran. Vous verrez une liste de langues et de cadres parmi lesquels vous pourrez choisir.<\/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-18.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"603\" src=\"https:\/\/coderpad.io\/wp-content\/uploads\/2023\/11\/image-18-1024x603.png\" alt=\"L&#039;environnement de s\u00e9lection de la langue s&#039;affiche\" class=\"wp-image-37279\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2023\/11\/image-18-1024x603.png 1024w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/11\/image-18-300x177.png 300w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/11\/image-18-768x452.png 768w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/11\/image-18-18x12.png 18w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/11\/image-18.png 1088w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Une fois que vous avez s\u00e9lectionn\u00e9 le langage ou le framework souhait\u00e9, un nouvel onglet s'ouvre avec l'exemple de code ou d'application \u00e0 r\u00e9diger pour ce langage particulier :<\/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\/11\/image-42.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"284\" src=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2022\/11\/image-42-1024x284.png\" alt=\"L&#039;exemple de code &quot;hello world&quot; se trouve dans la fen\u00eatre d&#039;entr\u00e9e de gauche et la sortie du programme se trouve dans la fen\u00eatre pad de droite.\" class=\"wp-image-24218\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2022\/11\/image-42-1024x284.png 1024w, https:\/\/coderpad.io\/wp-content\/uploads\/2022\/11\/image-42-300x83.png 300w, https:\/\/coderpad.io\/wp-content\/uploads\/2022\/11\/image-42-768x213.png 768w, https:\/\/coderpad.io\/wp-content\/uploads\/2022\/11\/image-42-1536x426.png 1536w, https:\/\/coderpad.io\/wp-content\/uploads\/2022\/11\/image-42-18x5.png 18w, https:\/\/coderpad.io\/wp-content\/uploads\/2022\/11\/image-42.png 1550w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Vous ou votre candidat pouvez maintenant commencer \u00e0 coder ! <\/p>\n\n\n\n<p>Lorsque quelqu'un modifie le code, vous pouvez voir son curseur ainsi qu'une \u00e9tiquette portant son nom. <\/p>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"multi-file-pads\"><strong>Pads multi-fichiers<\/strong><\/h2>\n\n\n\n<p>CoderPad propose trois types d'environnements linguistiques : un fichier unique comme l'application <em>OCaml<\/em> pad que vous voyez ci-dessus, et deux types de pads multi-fichiers :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"#multi-file-projects\">Projets multi-fichiers<\/a>, qui sont des langages backend hors framework et qui incluent C, C++, C#, Java, Ruby, Go, Python3, TypeScript\/Javascript, et Scala.<\/li>\n\n\n\n<li><a href=\"#multi-file-frameworks\">Frameworks multi-fichiers<\/a>, qui comprennent des frameworks front-end et back-end comme React, Angular, Node et Spring.<\/li>\n<\/ul>\n\n\n\n<p>Comme pour les questions \u00e0 fichier unique, nous vous recommandons de suivre les conseils suivants pour tirer le meilleur parti de votre pad multi-fichiers :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Si vous utilisez un pad vierge ou notre sandbox, vous pouvez utiliser l'option <strong>Enregistrer le code comme brouillon<\/strong> (<a href=\"https:\/\/coderpad.io\/fr\/ressources\/docs\/entretien\/banque-de-questions\/creer-une-question\/\">cliquez avec le bouton droit de la souris sur l'ic\u00f4ne du langage pour afficher cette option<\/a>) pour transformer le pad en brouillon.<\/li>\n\n\n\n<li>Vous pouvez utiliser des environnements multi-fichiers pour les projets &amp;asynchrones et les entretiens live.<\/li>\n\n\n\n<li>Sachez que si vous configurez un code de d\u00e9marrage dans un pad, il ne sera pas automatiquement copi\u00e9 dans le nouveau pad si un candidat passe \u00e0 un autre langage.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"pad-set-up\"><strong>Param\u00e9trage du pad<\/strong><\/h3>\n\n\n\n<p>Pour configurer rapidement votre pad multi-fichiers ou votre framework, vous pouvez glisser-d\u00e9poser des fichiers, des dossiers ou des projets complets dans l'arborescence de fichiers. Vous pouvez \u00e9galement ajouter un nouveau dossier ou fichier \u00e0 l'arborescence en cliquant respectivement sur l'ic\u00f4ne du dossier ou du fichier.<\/p>\n\n\n\n<figure class=\"wp-block-video aligncenter\"><video height=\"776\" style=\"aspect-ratio: 1600 \/ 776;\" width=\"1600\" autoplay controls loop muted src=\"https:\/\/coderpad.io\/wp-content\/uploads\/2023\/09\/dragndrop.mp4\"><\/video><\/figure>\n\n\n\n<p>Si vous souhaitez enregistrer votre pad pour l'utiliser ult\u00e9rieurement, vous pouvez cliquer sur <strong>Enregistrer le code comme projet de question<\/strong> dans les options du pad pour transformer le pad en une question r\u00e9utilisable \u00e0 laquelle vous pouvez acc\u00e9der dans la section <a href=\"https:\/\/app.coderpad.io\/dashboard\/questions\/all\"><em>Questions <\/em>de questions<\/a>. <\/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\/04\/image-4.png\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/04\/image-4.png\" alt=\"Un \u00e9l\u00e9ment de menu d&#039;onglet est ouvert avec l&#039;\u00e9l\u00e9ment &quot;cr\u00e9er une question \u00e0 partir d&#039;un onglet&quot; en surbrillance.\"\/><\/a><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\" id=\"file-tree-and-code-editor\"><strong>Arborescence de fichiers et \u00e9diteur de code<\/strong><\/h3>\n\n\n\n<p>Tous les pads multi-fichiers pr\u00e9sentent une arborescence de fichiers et un \u00e9diteur de code bas\u00e9 sur Monaco. Lorsque vous cliquez sur un fichier dans l'arborescence (1), le fichier s'affiche dans l'\u00e9diteur de code (2) pour que vous puissiez le modifier si n\u00e9cessaire. <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/coderpad.io\/wp-content\/uploads\/2023\/09\/image-4.png\"><img loading=\"lazy\" decoding=\"async\" width=\"943\" height=\"774\" src=\"https:\/\/coderpad.io\/wp-content\/uploads\/2023\/09\/image-4.png\" alt=\"La partie gauche d&#039;un pad est repr\u00e9sent\u00e9e par un #1 \u00e0 c\u00f4t\u00e9 du nom du fichier readme.md dans l&#039;arborescence, et un #2 dans l&#039;\u00e9diteur de code montrant le contenu du fichier.\" class=\"wp-image-36509\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2023\/09\/image-4.png 943w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/09\/image-4-300x246.png 300w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/09\/image-4-768x630.png 768w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/09\/image-4-15x12.png 15w\" sizes=\"auto, (max-width: 943px) 100vw, 943px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p><\/p>\n\n\n\n<p>Notez qu'une fois les modifications apport\u00e9es au code, vous disposerez \u00e9galement d'une comparaison de code sous l'arborescence des fichiers - vous pourrez ainsi voir o\u00f9 les ajouts, les soustractions et les modifications ont \u00e9t\u00e9 effectu\u00e9s.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/coderpad.io\/wp-content\/uploads\/2022\/08\/image-157.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"913\" src=\"https:\/\/coderpad.io\/wp-content\/uploads\/2022\/08\/image-157-1024x913.png\" alt=\"Cette image est une capture d&#039;\u00e9cran d&#039;un environnement CoderPad affichant un fichier TypeScript, App.tsx, avec des lignes de code relatives \u00e0 une application todo. Sur la gauche, un explorateur de fichiers montre la structure du projet, y compris les dossiers et les fichiers tels que components, index.css, et package.json. La fen\u00eatre de code principale montre un paquet import\u00e9 de lodash, des composants stylis\u00e9s pour un wrapper, et l&#039;initialisation d&#039;un \u00e9tat de liste de t\u00e2ches avec des exemples de t\u00e2ches comme &quot;Acheter des courses&quot; et &quot;Red\u00e9marrer l&#039;ordinateur&quot;. Les modifications sont suivies gr\u00e2ce \u00e0 des couleurs dans l&#039;\u00e9diteur de code.\" class=\"wp-image-42890\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2022\/08\/image-157-1024x913.png 1024w, https:\/\/coderpad.io\/wp-content\/uploads\/2022\/08\/image-157-300x268.png 300w, https:\/\/coderpad.io\/wp-content\/uploads\/2022\/08\/image-157-768x685.png 768w, https:\/\/coderpad.io\/wp-content\/uploads\/2022\/08\/image-157-13x12.png 13w, https:\/\/coderpad.io\/wp-content\/uploads\/2022\/08\/image-157.png 1137w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\" id=\"the-shell\"><strong>Console<\/strong><\/h3>\n\n\n\n<p>Vous pouvez utiliser le shell pour installer des paquets \u00e0 partir du terminal en utilisant des gestionnaires de paquets externes tels que <code>npm<\/code> ou <code>pip3<\/code>. Toutes les biblioth\u00e8ques que vous avez install\u00e9es dans le cadre d'une question (<a href=\"https:\/\/coderpad.io\/fr\/ressources\/docs\/entretien\/banque-de-questions\/creer-une-question\/\">\u00e0 l'aide de l'assistant de questions ou de l'outil <em>Enregistrer le code comme projet de question<\/em> fonctionnalit\u00e9<\/a>) sera enregistr\u00e9e dans la question pour \u00eatre utilis\u00e9e par votre candidat.<\/p>\n\n\n\n<figure class=\"wp-block-table aligncenter\"><table><thead><tr><th>Projet multi-fichiers<\/th><th>Framework multi-fichiers<\/th><\/tr><\/thead><tbody><tr><td><a href=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/08\/image-64.png\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/08\/image-62.png\" alt=\"Cette image a un attribut alt vide ; son nom de fichier est image-62.png\"><\/a><\/td><td><a href=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/08\/image-65.png\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/08\/image-63.png\" alt=\"\"><\/a><a href=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/05\/image-8.png\" target=\"_blank\" rel=\"noopener\"><\/a><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<blockquote class=\"wp-block-quote\">\n<p>\u26a0\ufe0f La lecture n'est pas actuellement disponible pour le shell. Si vous utilisez un environnement linguistique \u00e0 fichiers multiples, nous recommandons au candidat d'utiliser l'option <strong>Run<\/strong> autant que possible afin d'imprimer le code dans le <em>Output<\/em> qui est enregistr\u00e9e lors de la lecture.<\/p>\n<\/blockquote>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"multi-file-projects\"><strong>Projets multi-fichiers<\/strong><\/h3>\n\n\n\n<p>Outre l'arborescence des fichiers, le pad d'un langage multi-fichier pr\u00e9sente les caract\u00e9ristiques suivantes :<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Un \u00e9diteur de code bas\u00e9 \u00e0 Monaco<\/li>\n\n\n\n<li>La fonctionnalit\u00e9 <strong>Run Main<\/strong>\/<strong>Run Tests<\/strong> qui vous permet de basculer de l'ex\u00e9cution du code \u00e0 l'ex\u00e9cution des sc\u00e9narios de test associ\u00e9s au code.<\/li>\n\n\n\n<li>La fonctionnalit\u00e9 <em>Output <\/em>o\u00f9 vous pouvez voir les r\u00e9sultats des fonctionnalit\u00e9s <strong>Run Main<\/strong> frustrent <strong>Run Tests<\/strong>, lire les <em><a href=\"https:\/\/coderpad.io\/fr\/ressources\/docs\/entretien\/coussinets-2\/private-interviewer-notes\/\">notes priv\u00e9es du recruteur<\/a><\/em> et acc\u00e9der \u00e0 la fonctionnalit\u00e9 <a href=\"https:\/\/coderpad.io\/fr\/ressources\/docs\/entretien\/coussinets-2\/chatgpt-integration\/\"><em>AI Assist<\/em> <\/a>.<\/li>\n\n\n\n<li><a href=\"#the-shell\">Une console interactive<\/a>.<\/li>\n<\/ol>\n\n\n\n<blockquote class=\"wp-block-quote\">\n<p>\u2705 Vous pouvez ajouter diff\u00e9rentes commandes d'ex\u00e9cution ou ex\u00e9cuter plus d'un fichier \u00e0 la fois en mettant \u00e0 jour le fichier <code>.cpad<\/code> fichier.<\/p>\n<\/blockquote>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"493\" src=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/08\/image-66-1024x493.png\" alt=\"\" class=\"wp-image-36227\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2023\/08\/image-66-1024x493.png 1024w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/08\/image-66-300x144.png 300w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/08\/image-66-768x370.png 768w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/08\/image-66-1536x739.png 1536w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/08\/image-66-18x9.png 18w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/08\/image-66.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<blockquote class=\"wp-block-quote\">\n<p>\u2705 Si vous avez ajout\u00e9 une base de donn\u00e9es \u00e0 votre question, nous vous recommandons de mettre en place le code ORM dans le cadre de la question plut\u00f4t que de demander au candidat de le faire - cela permet de gagner du temps et de permettre au candidat de se concentrer sur la logique commerciale la plus importante. Vous pouvez utiliser le code <a href=\"https:\/\/coderpad.io\/fr\/ressources\/docs\/entretien\/coussinets-2\/chatgpt-integration\/\"><em>AI Assist<\/em> onglet<\/a> pour demander \u00e0 ChatGPT de g\u00e9n\u00e9rer du code ORM pour vous.<\/p>\n<\/blockquote>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"multi-file-frameworks\"><strong>Frameworks multi-fichiers<\/strong><\/h3>\n\n\n\n<p>Lorsque vous s\u00e9lectionnez un framework multi-fichiers, vous remarquez une fen\u00eatre multi-volets similaire \u00e0 celle que vous trouvez dans les IDE les plus courants.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Le premier volet affiche le contenu du fichier actif s\u00e9lectionn\u00e9 dans l'arborescence des fichiers.<\/li>\n\n\n\n<li>Le deuxi\u00e8me volet affiche l'output de votre code.<\/li>\n\n\n\n<li>Le troisi\u00e8me volet donne acc\u00e8s \u00e0 une console interactive et \u00e0 l'output des logs du serveur.<\/li>\n\n\n\n<li>Une URL est fournie si vous souhaitez ouvrir l'output dans une fen\u00eatre s\u00e9par\u00e9e.<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2022\/09\/image-18.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"500\" src=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2022\/09\/image-18-1024x500.png\" alt=\"\" class=\"wp-image-17210\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2022\/09\/image-18-1024x500.png 1024w, https:\/\/coderpad.io\/wp-content\/uploads\/2022\/09\/image-18-300x146.png 300w, https:\/\/coderpad.io\/wp-content\/uploads\/2022\/09\/image-18-768x375.png 768w, https:\/\/coderpad.io\/wp-content\/uploads\/2022\/09\/image-18-1536x750.png 1536w, https:\/\/coderpad.io\/wp-content\/uploads\/2022\/09\/image-18.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Avec les frameworks multi-fichiers, vous avez non seulement acc\u00e8s \u00e0 l'\u00e9diteur de code standard, mais vous b\u00e9n\u00e9ficiez \u00e9galement des fonctionnalit\u00e9s suppl\u00e9mentaires qui rendent l'entretien avec des d\u00e9veloppeurs front-end et back-end plus r\u00e9aliste.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote\">\n<p>Vous pouvez obtenir plus d'informations sur chaque cadre et ses param\u00e8tres en consultant la page d'accueil de l'application. <code>README.md<\/code> situ\u00e9 dans le r\u00e9pertoire des fichiers.<\/p>\n<\/blockquote>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"output-window\"><strong>Fen\u00eatre d'output<\/strong><\/h4>\n\n\n\n<p>Outre la visualisation du code rendu dans la fen\u00eatre de sortie (4), vous pouvez \u00e9galement acc\u00e9der \u00e0 vos notes d'entretien priv\u00e9es ou \u00e0 des informations sur l'\u00e9tat de l'art. <a href=\"https:\/\/coderpad.io\/fr\/ressources\/docs\/entretien\/coussinets-2\/api-client\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Demandes d'API<\/strong> client<\/a> (1). Vous pouvez \u00e9galement copier l'URL (2) \u00e0 partir de la barre d'URL pour la coller dans un nouvel onglet ou une nouvelle fen\u00eatre, ou utiliser le bouton d'ouverture (3) pour faire de m\u00eame.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/02\/image-28.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"797\" height=\"432\" src=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/02\/image-28.png\" alt=\"L&#039;\u00e9cran de sortie avec un 1 \u00e0 c\u00f4t\u00e9 de l&#039;onglet client api, un 2 \u00e0 c\u00f4t\u00e9 de l&#039;url, un 3 \u00e0 c\u00f4t\u00e9 de l&#039;ic\u00f4ne popout, et un 4 dans l&#039;interface utilisateur de sortie rendue.\" class=\"wp-image-30796\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2023\/02\/image-28.png 797w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/02\/image-28-300x163.png 300w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/02\/image-28-768x416.png 768w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/02\/image-28-18x10.png 18w\" sizes=\"auto, (max-width: 797px) 100vw, 797px\" \/><\/a><\/figure>\n<\/div>\n\n\n<blockquote class=\"wp-block-quote\">\n<p>\u2705 Le client API est uniquement disponible avec les frameworks backend.<\/p>\n<\/blockquote>\n\n\n\n<h4 class=\"wp-block-heading\" id=\"server-logs-console-logs-shell-and-api-request-history\"><strong>Logs du serveur, de la console et historique des requ\u00eates API<\/strong><\/h4>\n\n\n\n<p>La partie inf\u00e9rieure du c\u00f4t\u00e9 droit du pad se compose des \u00e9l\u00e9ments suivants :<\/p>\n\n\n\n<p>1. Journaux du serveur. Vous pouvez red\u00e9marrer le serveur en cliquant sur le bouton <strong>Red\u00e9marrage<\/strong> en haut \u00e0 droite de la fen\u00eatre.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/05\/image-7.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"945\" height=\"323\" src=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/05\/image-7.png\" alt=\"Les journaux du serveur.\" class=\"wp-image-33832\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2023\/05\/image-7.png 945w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/05\/image-7-300x103.png 300w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/05\/image-7-768x263.png 768w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/05\/image-7-18x6.png 18w\" sizes=\"auto, (max-width: 945px) 100vw, 945px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>2.<a href=\"#the-shell\"> Un shell de commande.<\/a><\/p>\n\n\n\n<p>3. Les logs de la console. Vous pouvez s\u00e9lectionner le type dans le menu d\u00e9roulant en haut \u00e0 droite de la fen\u00eatre.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/05\/image-12.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"870\" height=\"297\" src=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/05\/image-12.png\" alt=\"La fen\u00eatre de la console est affich\u00e9e avec le type de journal -- all, log, error, warn, info et debug -- dans un menu d\u00e9roulant en haut \u00e0 droite de la fen\u00eatre.\" class=\"wp-image-33852\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2023\/05\/image-12.png 870w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/05\/image-12-300x102.png 300w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/05\/image-12-768x262.png 768w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/05\/image-12-18x6.png 18w\" sizes=\"auto, (max-width: 870px) 100vw, 870px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>4. <a href=\"https:\/\/coderpad.io\/fr\/ressources\/docs\/entretien\/coussinets-2\/api-client\/#request-history-window\" target=\"_blank\" rel=\"noreferrer noopener\">Historique des demandes<\/a> pour le client de l'API.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/05\/image-9.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"931\" height=\"314\" src=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/05\/image-9.png\" alt=\"Fen\u00eatre d&#039;historique des requ\u00eates API avec 5 requ\u00eates GET et leurs chemins d&#039;acc\u00e8s affich\u00e9s.\" class=\"wp-image-33834\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2023\/05\/image-9.png 931w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/05\/image-9-300x101.png 300w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/05\/image-9-768x259.png 768w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/05\/image-9-18x6.png 18w\" sizes=\"auto, (max-width: 931px) 100vw, 931px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Pour plus d'informations sur l'utilisation des frameworks multi-fichiers, consultez la page <a href=\"https:\/\/coderpad.io\/fr\/ressources\/docs\/entretien\/coderpad-guides-de-demarrage-rapide\/multi-file-frameworks-for-engineers\/\" target=\"_blank\" rel=\"noreferrer noopener\">Guide pour les d\u00e9veloppeurs sur les frameworks multi-fichiers<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"follow-users\"><strong>Suivi des utilisateurs<\/strong><\/h2>\n\n\n\n<p>Suivez n'importe quel utilisateur en cliquant sur son nom en bas \u00e0 gauche du pad. Le suivi est con\u00e7u pour \u00eatre sans intervention - si vous cliquez ou commencez \u00e0 taper dans l'\u00e9diteur ou l'arborescence de fichiers, vous sortirez du suivi. Cependant, vous pouvez interagir avec les onglets du panneau de droite sans affecter le suivi.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote\">\n<p>\u26a0\ufe0f Follow ne modifie pas l'affichage du fichier si l'utilisateur suivi ne fait que cliquer sur le titre du fichier. La modification du fichier est prise en compte lorsque l'utilisateur suivi clique sur l'\u00e9diteur et commence \u00e0 travailler.<\/p>\n<\/blockquote>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"590\" style=\"aspect-ratio: 758 \/ 590;\" width=\"758\" autoplay controls loop muted src=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/07\/followuser2.mp4\"><\/video><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"s\">Notifications en cas de comportement suspect<\/h2>\n\n\n\n<p><a href=\"https:\/\/coderpad.io\/fr\/ressources\/docs\/entretien\/coderpad-guides-de-demarrage-rapide\/equipes\/#track-suspicious-activity\">S'il est activ\u00e9<\/a>, Vous verrez des fen\u00eatres contextuelles appara\u00eetre sur l'\u00e9cran de votre interlocuteur chaque fois qu'un candidat fait un copier-coller, copie un fichier entier ou quitte l'onglet du navigateur CoderPad.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/coderpad.io\/wp-content\/uploads\/2021\/01\/image-11.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"568\" src=\"https:\/\/coderpad.io\/wp-content\/uploads\/2021\/01\/image-11-1024x568.png\" alt=\"Capture d&#039;\u00e9cran d&#039;un environnement de codage CoderPad affichant un \u00e9diteur JavaScript sur la gauche et une fen\u00eatre de sortie de programme sur la droite. La partie gauche pr\u00e9sente un code JavaScript comprenant une fonction et une m\u00e9thode Lodash. La partie droite montre que l&#039;environnement utilise Node.js v20.15.0 et que les journaux affichent l&#039;activit\u00e9 du shell en temps r\u00e9el. Sous la sortie du programme, des notifications indiquent qu&#039;un utilisateur nomm\u00e9 &quot;John Trampa&quot; entre dans la session et la quitte. En bas de l&#039;\u00e9cran, deux participants, &quot;ken&quot; et &quot;John Trampa&quot;, sont list\u00e9s, avec une option pour mettre fin \u00e0 la session. L&#039;espace de travail est intitul\u00e9 &quot;Untitled Pad - NNGK27NY&quot;.\" class=\"wp-image-40955\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2021\/01\/image-11-1024x568.png 1024w, https:\/\/coderpad.io\/wp-content\/uploads\/2021\/01\/image-11-300x166.png 300w, https:\/\/coderpad.io\/wp-content\/uploads\/2021\/01\/image-11-768x426.png 768w, https:\/\/coderpad.io\/wp-content\/uploads\/2021\/01\/image-11-1536x852.png 1536w, https:\/\/coderpad.io\/wp-content\/uploads\/2021\/01\/image-11-18x10.png 18w, https:\/\/coderpad.io\/wp-content\/uploads\/2021\/01\/image-11.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"switching-languages\">Changer de langage<\/h2>\n\n\n\n<p>Nous proposons deux fa\u00e7ons de passer d'un langage \u00e0 un autre :<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><a href=\"#1-switching-languages-with-a-question\">Changer de langage \u00e0 l'int\u00e9rieur d'une question<\/a> - utilisez cette option pour r\u00e9pondre \u00e0 une question dans un autre langage.<\/li>\n\n\n\n<li><a href=\"#2-switching-languages-to-open-a-new-pad-environment\">Changer de langage dans un nouvel onglet<\/a> - utilisez cette option pour commencer \u00e0 coder dans un nouvel onglet vierge.<\/li>\n<\/ol>\n\n\n\n<p>Dans les deux cas, vous pouvez passer d'un langage \u00e0 un autre \u00e0 tout moment pendant l'entretien. Cliquez sur le langage ou l'onglet pr\u00e9c\u00e9dent pour afficher le code que vous y avez \u00e9crit.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"1-switching-languages-within-a-question\"><strong>1. Changer de langage au sein d'une question<\/strong><\/h3>\n\n\n\n<p>Si vous avez charg\u00e9 une question dans le pad et que votre candidat souhaite coder dans un autre langage, il peut utiliser le menu d\u00e9roulant.<\/p>\n\n\n\n<p>En survolant l'onglet de la question, le menu d'options s'affiche, y compris l'option <strong>Langues<\/strong> dans le menu d\u00e9roulant. Vous pouvez utiliser la barre de recherche pour taper une langue ou la s\u00e9lectionner dans la liste ci-dessous.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/05\/image-10.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"296\" height=\"618\" src=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/05\/image-10.png\" alt=\"Une ic\u00f4ne de souris survole un onglet de question et le menu d\u00e9roulant s&#039;affiche, y compris l&#039;\u00e9l\u00e9ment de menu langue avec une liste de langues en dessous.\" class=\"wp-image-33836\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2023\/05\/image-10.png 296w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/05\/image-10-144x300.png 144w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/05\/image-10-6x12.png 6w\" sizes=\"auto, (max-width: 296px) 100vw, 296px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Les instructions relatives aux questions seront toujours disponibles sur le c\u00f4t\u00e9 droit du pad.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote\">\n<p>Lorsque vous changez de langage dans une question, le code du langage pr\u00e9c\u00e9dent est automatiquement affich\u00e9 dans l'\u00e9diteur du nouveau langage sous forme de commentaire. Cela vous permet, ainsi qu'\u00e0 votre candidat, de ne pas perdre votre travail lorsque vous passez d'un langage \u00e0 un autre.<\/p>\n<\/blockquote>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"2-switching-languages-to-open-a-new-pad-environment\"><strong>2. Changer de langage pour ouvrir un nouveau pad<\/strong><\/h3>\n\n\n\n<p>Cette option permet d'ouvrir un nouvel onglet linguistique sans \u00eatre associ\u00e9 \u00e0 une question. Il suffit de cliquer sur l'ic\u00f4ne <strong>Langues<\/strong> dans le menu de gauche et s\u00e9lectionnez la nouvelle langue que vous souhaitez utiliser.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote\">\n<p>\u2757Lorsque vous passez d'un onglet \u00e0 un autre, tous les autres participants du pad passent \u00e9galement au m\u00eame environnement en m\u00eame temps que vous. Pr\u00e9venez les autres participants du pad lorsque vous \u00eates sur le point de changer d'environnement.&nbsp;<\/p>\n<\/blockquote>\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\/05\/languagesiwtch.mp4\"><\/video><\/figure>\n\n\n\n<blockquote class=\"wp-block-quote\">\n<p>\u2705 Tout code que vous \u00e9crivez dans un langage donn\u00e9 sera enregistr\u00e9 dans cet onglet, de sorte que vous n'aurez jamais \u00e0 vous soucier de perdre votre code.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"auto-vs-manual-file-save\">Enregistrement automatique ou manuel des fichiers<\/h2>\n\n\n\n<p>Dans les cadres linguistiques multi-fichiers (front-end et back-end), vous verrez un bouton permettant de d\u00e9sactiver la fonctionnalit\u00e9 actuelle de rechargement \u00e0 chaud\/enregistrement automatique. Ce param\u00e8tre se trouve dans la section <strong>Niveau pad<\/strong>Le fait de modifier le r\u00e9glage entra\u00eene donc la modification de la valeur de l'option <strong>tous les autres participants au programme pad.<\/strong> <\/p>\n\n\n\n<p>Le param\u00e8tre par d\u00e9faut est le comportement actuel de l'enregistrement automatique. Si vous passez en mode \"sauvegarde manuelle\", vous devrez cliquer sur le bouton <strong>Sauvez <\/strong>(ou la touche <kbd>\u2318<\/kbd> + <kbd>S<\/kbd>\/ <kbd>CTRL<\/kbd> + <kbd>S<\/kbd> ) pour enregistrer les modifications du fichier et les voir appara\u00eetre dans le volet de droite.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2022\/12\/image-9.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"949\" height=\"323\" src=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2022\/12\/image-9.png\" alt=\"L&#039;enregistrement automatique des fichiers est d\u00e9sactiv\u00e9 et le bouton &quot;Ex\u00e9cuter&quot; a \u00e9t\u00e9 transform\u00e9 en bouton &quot;Enregistrer&quot;.\" class=\"wp-image-27304\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2022\/12\/image-9.png 949w, https:\/\/coderpad.io\/wp-content\/uploads\/2022\/12\/image-9-300x102.png 300w, https:\/\/coderpad.io\/wp-content\/uploads\/2022\/12\/image-9-768x261.png 768w, https:\/\/coderpad.io\/wp-content\/uploads\/2022\/12\/image-9-18x6.png 18w\" sizes=\"auto, (max-width: 949px) 100vw, 949px\" \/><\/a><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"adding-a-question\">Ajouter une question<\/h2>\n\n\n\n<p>Pour ajouter une question au pad, cliquez sur le bouton <strong>Questions <\/strong>sur le c\u00f4t\u00e9 gauche de l'\u00e9cran. Cliquez ensuite sur le bouton <strong>S\u00e9lectionnez une question<\/strong> onglet. Vous verrez des onglets pour vos <em>Organisation<\/em>Les questions de la Commission europ\u00e9enne, <em>Mon contenu<\/em>, et <em>Exemples <\/em>questions, \u00e0 l'image de la banque de questions. Vous pouvez rechercher ou filtrer les questions par langue.<\/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\/2022\/07\/addingquestion.mp4\"><\/video><\/figure>\n\n\n\n<p>Une fois que vous avez ajout\u00e9 une question, vous pouvez changer le langage dans cet onglet en cliquant sur l'onglet et en choisissant \"Langage\". Cela peut s'av\u00e9rer pratique si un candidat souhaite utiliser un langage dans lequel la question n'a pas \u00e9t\u00e9 r\u00e9dig\u00e9e \u00e0 l'origine. Le fait de changer de langage dans l'onglet garantit que toutes les ressources attach\u00e9es, telles que les bases de donn\u00e9es ou les fichiers, restent accessibles \u00e0 partir de l'onglet de la question.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/03\/image-50.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"214\" height=\"447\" src=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/03\/image-50.png\" alt=\"Le menu de changement de langue est pr\u00e9sent\u00e9 en affichant une liste de langues.\" class=\"wp-image-32356\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2023\/03\/image-50.png 214w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/03\/image-50-144x300.png 144w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/03\/image-50-6x12.png 6w\" sizes=\"auto, (max-width: 214px) 100vw, 214px\" \/><\/a><\/figure>\n<\/div>\n\n\n<p>Pour plus de d\u00e9tails et de conseils sur le passage d'une langue \u00e0 l'autre dans le cadre d'une question, consultez la rubrique <a href=\"#1-switching-languages-with-a-question\"><em>Changer de langage<\/em> section<\/a> ci-dessus.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"language-information\">Informations relatives au langage<\/h2>\n\n\n\n<blockquote class=\"wp-block-quote\">\n<p>\u2705 Seules les langues s\u00e9lectionn\u00e9es auront une <em>Informations sur les langues<\/em> onglet. Pour les frameworks et projets multi-fichiers comme Node et React, vous pouvez consulter les informations relatives au framework dans le fichier README.MD inclus dans l'arborescence du projet.<\/p>\n<\/blockquote>\n\n\n\n<p>Vous pouvez obtenir plus d'informations sur l'environnement linguistique en survolant le nom de la langue dans le menu de navigation de gauche, puis en s\u00e9lectionnant <strong>Informations sur les langues<\/strong>.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/03\/image-51.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"204\" height=\"154\" src=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/03\/image-51.png\" alt=\"Le menu des options linguistiques est affich\u00e9 avec la s\u00e9lection de la langue, les informations sur la langue, l&#039;onglet de suppression, l&#039;onglet de r\u00e9initialisation et les adaptateurs de base de donn\u00e9es.\" class=\"wp-image-32358\" style=\"width:224px;height:173px\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2023\/03\/image-51.png 204w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/03\/image-51-16x12.png 16w\" sizes=\"auto, (max-width: 204px) 100vw, 204px\" \/><\/a><\/figure>\n<\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/coderpad.io\/wp-content\/uploads\/2023\/08\/image.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"598\" src=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/08\/image-1024x598.png\" alt=\"La page d&#039;information sur kotlin est affich\u00e9e dans le pad.\" class=\"wp-image-35773\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2023\/08\/image-1024x598.png 1024w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/08\/image-300x175.png 300w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/08\/image-768x448.png 768w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/08\/image-1536x897.png 1536w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/08\/image-18x12.png 18w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/08\/image.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"database-adaptors\">Adaptateurs de bases de donn\u00e9es<\/h2>\n\n\n\n<p>Les environnements d'entretien fournissent des adaptateurs de base de donn\u00e9es et des ORM sp\u00e9cifiques \u00e0 un langage commun, \u00e0 utiliser pendant les \u00e9valuations.&nbsp;<\/p>\n\n\n\n<blockquote class=\"wp-block-quote\">\n<p>\u26a0\ufe0fNotez que la plupart des langages ne prennent pas en charge les adaptateurs de base de donn\u00e9es.<\/p>\n<\/blockquote>\n\n\n\n<p>Pour s\u00e9lectionner un paquet pour votre langue, survolez d'abord la langue \u00e0 laquelle vous souhaitez ajouter un adaptateur. Cliquez ensuite sur l'ic\u00f4ne <strong>Adaptateurs de base de donn\u00e9es <\/strong>pour voir les adaptateurs pour cette langue particuli\u00e8re.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><a href=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/03\/image-52.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" width=\"213\" height=\"263\" src=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2023\/03\/image-52.png\" alt=\"La liste d\u00e9roulante des options d&#039;environnement avec un 1 \u00e0 c\u00f4t\u00e9 des ellipses verticales, un 2 \u00e0 c\u00f4t\u00e9 des adaptateurs de base de donn\u00e9es, et un 3 \u00e0 c\u00f4t\u00e9 des options d&#039;adaptateur.\" class=\"wp-image-32361\" style=\"width:285px;height:297px\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2023\/03\/image-52.png 213w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/03\/image-52-10x12.png 10w\" sizes=\"auto, (max-width: 213px) 100vw, 213px\" \/><\/a><\/figure>\n<\/div>\n\n\n<blockquote class=\"wp-block-quote\">\n<p>\u2757 Cela effacera\/remplacera tout code que vous avez pr\u00e9c\u00e9demment \u00e9crit dans cet onglet.<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"drawing-mode\">Mode dessin<\/h2>\n\n\n\n<p>Le mode dessin est d\u00e9sormais accessible dans la navigation par onglets :<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/coderpad.io\/wp-content\/uploads\/2023\/11\/image-19.png\"><img loading=\"lazy\" decoding=\"async\" width=\"689\" height=\"582\" src=\"https:\/\/coderpad.io\/wp-content\/uploads\/2023\/11\/image-19.png\" alt=\"Un pad affichant la fen\u00eatre du mode dessin.\" class=\"wp-image-37282\" srcset=\"https:\/\/coderpad.io\/wp-content\/uploads\/2023\/11\/image-19.png 689w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/11\/image-19-300x253.png 300w, https:\/\/coderpad.io\/wp-content\/uploads\/2023\/11\/image-19-14x12.png 14w\" sizes=\"auto, (max-width: 689px) 100vw, 689px\" \/><\/a><\/figure>\n<\/div>","protected":false},"parent":835,"menu_order":6,"template":"","class_list":["post-3584","doc","type-doc","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/coderpad.io\/fr\/wp-json\/wp\/v2\/doc\/3584","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":102,"href":"https:\/\/coderpad.io\/fr\/wp-json\/wp\/v2\/doc\/3584\/revisions"}],"predecessor-version":[{"id":44061,"href":"https:\/\/coderpad.io\/fr\/wp-json\/wp\/v2\/doc\/3584\/revisions\/44061"}],"up":[{"embeddable":true,"href":"https:\/\/coderpad.io\/fr\/wp-json\/wp\/v2\/doc\/835"}],"wp:attachment":[{"href":"https:\/\/coderpad.io\/fr\/wp-json\/wp\/v2\/media?parent=3584"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}