{"id":8969,"date":"2022-08-30T12:44:06","date_gmt":"2022-08-30T19:44:06","guid":{"rendered":"https:\/\/coderpad.io\/?post_type=doc&#038;p=8969"},"modified":"2023-02-02T09:29:37","modified_gmt":"2023-02-02T17:29:37","slug":"monaco-code-editor","status":"publish","type":"doc","link":"https:\/\/coderpad.io\/fr\/resources\/docs\/screen\/more-screen-resources\/monaco-code-editor\/","title":{"rendered":"Editeur de code"},"content":{"rendered":"<p>Notre IDE bas\u00e9 \u00e0 Monaco offre plusieurs fonctionnalit\u00e9s qui permettent \u00e0 votre candidat de produire plus facilement un code de qualit\u00e9 pendant son \u00e9valuation :<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Mise en \u00e9vidence de la syntaxe<\/strong> qui utilise un sch\u00e9ma de couleurs adapt\u00e9 au langage de programmation d'une question donn\u00e9e. Il est ainsi beaucoup plus facile de comprendre la structure d'un programme et de trouver ce que l'on cherche.<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter is-resized\"><a href=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2022\/08\/img_62ebaefbeb0b7.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2022\/08\/img_62ebaefbeb0b7.png\" alt=\"Un extrait de code avec diff\u00e9rents mots-cl\u00e9s de la syntaxe sont de couleurs diff\u00e9rentes.\" width=\"419\" height=\"351\"\/><\/a><\/figure>\n<\/div>\n\n\n<ol class=\"wp-block-list\" start=\"2\">\n<li><strong>Ach\u00e8vement automatique<\/strong> (c.-\u00e0-d. \"autocompl\u00e9tion\") pour augmenter la vitesse de codage.<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter is-resized\"><a href=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2022\/08\/img_62ebaefd8d3d3.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2022\/08\/img_62ebaefd8d3d3.png\" alt=\"Un exemple d&#039;auto-exemple pour le mot-cl\u00e9 &quot;return&quot;.\" width=\"771\" height=\"252\"\/><\/a><\/figure>\n<\/div>\n\n\n<ol class=\"wp-block-list\" start=\"3\">\n<li><strong>Diagnostic automatique des erreurs<\/strong>qui s'affichent sous forme de taches rouges sous tout code comportant des erreurs.<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter is-resized\"><a href=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2022\/08\/img_62ebaefe6ca51.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2022\/08\/img_62ebaefe6ca51.png\" alt=\"Un soulignement rouge indiquant une erreur de syntaxe.\" width=\"171\" height=\"101\"\/><\/a><\/figure>\n<\/div>\n\n\n<ol class=\"wp-block-list\" start=\"4\">\n<li><strong>Aide contextuelle<\/strong> lorsque vous survolez une fonction. Une fen\u00eatre contextuelle affiche la liste des param\u00e8tres, la valeur de retour attendue et la documentation de la fonction.<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2022\/08\/img_62ebaeff00c8e.png\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2022\/08\/img_62ebaeff00c8e.png\" alt=\"Un exemple d&#039;aide contextuelle avec une explication de la m\u00e9thode java toLowerCase().\"\/><\/a><\/figure>\n<\/div>\n\n\n<ol class=\"wp-block-list\" start=\"5\">\n<li><strong>Mise en forme du document<\/strong> est disponible dans le menu du clic droit. Cela produit une disposition de code standardis\u00e9e et facile \u00e0 lire.<\/li>\n<\/ol>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter is-resized\"><a href=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2022\/08\/img_62ebaeff8e78d.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/d2h1bfu6zrdxog.cloudfront.net\/wp-content\/uploads\/2022\/08\/img_62ebaeff8e78d.png\" alt=\"Le menu du clic droit de l&#039;IDE avec l&#039;\u00e9l\u00e9ment &quot;Format Document&quot; en surbrillance.\" width=\"320\" height=\"385\"\/><\/a><\/figure>\n<\/div>\n\n\n<ol class=\"wp-block-list\" start=\"6\">\n<li><strong>Importation automatique de paquets<\/strong>. L'ajout d'une classe ajoute automatiquement la ligne d'importation correspondante, ce qui permet au candidat de gagner du temps.<\/li>\n<\/ol>","protected":false},"parent":22470,"menu_order":5,"template":"","class_list":["post-8969","doc","type-doc","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/coderpad.io\/fr\/wp-json\/wp\/v2\/doc\/8969","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":14,"href":"https:\/\/coderpad.io\/fr\/wp-json\/wp\/v2\/doc\/8969\/revisions"}],"predecessor-version":[{"id":23651,"href":"https:\/\/coderpad.io\/fr\/wp-json\/wp\/v2\/doc\/8969\/revisions\/23651"}],"up":[{"embeddable":true,"href":"https:\/\/coderpad.io\/fr\/wp-json\/wp\/v2\/doc\/22470"}],"wp:attachment":[{"href":"https:\/\/coderpad.io\/fr\/wp-json\/wp\/v2\/media?parent=8969"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}