Fixes #531 - Translate existing page in fr (#533)

1 files changed, 45 insertions, 40 deletions

diff --git a/files/fr/learn/javascript/first_steps/test_your_skills_colon__arrays/index.html b/files/fr/learn/javascript/first_steps/test_your_skills_colon__arrays/index.html
index 546eb86a8c..d41702445b 100644
--- a/files/fr/learn/javascript/first_steps/test_your_skills_colon__arrays/index.html
+++ b/files/fr/learn/javascript/first_steps/test_your_skills_colon__arrays/index.html
@@ -1,88 +1,93 @@
 ---
-title: 'Testez vos compétences: Tableaux'
+title: 'Testez vos compétences : les tableaux'
 slug: Learn/JavaScript/First_steps/Test_your_skills:_Arrays
+tags:
+  - Arrays
+  - Beginner
+  - JavaScript
+  - Learn
+  - test your skills
 translation_of: Learn/JavaScript/First_steps/Test_your_skills:_Arrays
 original_slug: Learn/JavaScript/First_steps/Testes_vos_competence:_Tableaux
 ---
 <div>{{learnsidebar}}</div>
 
-<p>This aim of this skill test is to assess whether you've understood our <a href="/en-US/docs/Learn/JavaScript/First_steps/Arrays">Arrays</a> article.</p>
+<p>L'objectif de ce test est d'évaluer votre compréhension <a href="/fr/docs/Learn/JavaScript/First_steps/Arrays">de l'article sur les tableaux en JavaScript (<i>arrays</i>)</a>.</p>
 
-<div class="blockIndicator note">
-<p><strong>Note</strong>: You can try out solutions in the interactive editors below, however it may be helpful to download the code and use an online tool such as <a href="https://codepen.io/">CodePen</a>, <a href="https://jsfiddle.net/">jsFiddle</a>, or <a href="https://glitch.com/">Glitch</a> to work on the tasks.<br>
- <br>
- If you get stuck, then ask us for help — see the {{anch("Assessment or further help")}} section at the bottom of this page.</p>
+<div class="notecard note">
+<p><strong>Note</strong> : Vous pouvez essayer vos solutions dans les éditeurs interactifs qui suivent. Toutefois, il peut aussi être utile de télécharger le code et d'utiliser un outil en ligne comme <a href="https://codepen.io/">CodePen</a>, <a href="https://jsfiddle.net/">jsFiddle</a>, ou <a href="https://glitch.com/">Glitch</a> afin de travailler sur ces tâches.</p>
+<p>Si vous vous retrouvez bloqué·e, vous pouvez demander de l'aide (voir <a href="#assessment_or_further_help">la section à ce sujet en fin de page</a>).</p>
 </div>
 
-<div class="blockIndicator note">
-<p><strong>Note</strong>: In the examples below, if there is an error in your code it will be outputted into the results panel on the page, to help you try to figure out the answer (or into the browser's JavaScript console, in the case of the downloadable version).</p>
+<div class="notecard note">
+<p><strong>Note</strong> : Dans les exemples qui suivent, s'il y a une erreur dans votre code, celle-ci s'affichera dans le panneau des résultats, sur la page, afin de vous aider à trouver la solution (ou bien dans la console JavaScript du navigateur si vous utilisez la version téléchargeable).</p>
 </div>
 
-<h2 id="Arrays_1">Arrays 1</h2>
+<h2 id="arrays_1">Tableaux - Exercice 1</h2>
 
-<p>Let's start off with some basic array practice. In this task we'd like you to create an array of three items, stored inside a variable called <code>myArray</code>. The items can be anything you want — how about your favourite foods or bands?</p>
+<p>Commençons par quelques manipulations de base. Dans cet exercice, vous devrez créer un tableau avec trois éléments. Ce tableau devra être stocké dans une variable intitulée <code>myArray</code>. Les éléments du tableau peuvent être n'importe quoi (si vous avez besoin d'inspiration : pourquoi ne pas utiliser vos plats ou vos groupes de musique préférés ?).</p>
 
-<p>Next, modify the first two items in the array using simple bracket notation and assignment. Then add a new item to the beginning of the array.</p>
+<p>Ensuite, modifiez les deux premiers éléments du tableau en utilisant la notation avec les guillemets/quotes et des opérations d'affectation. Puis ajoutez un nouvel élément au début du tableau.</p>
 
-<p>Try updating the live code below to recreate the finished example:</p>
+<p>Vous pouvez mettre à jour le code suivant pour parvenir à la solution :</p>
 
 <p>{{EmbedGHLiveSample("learning-area/javascript/introduction-to-js-1/tasks/arrays/arrays1.html", '100%', 400)}}</p>
 
-<div class="blockIndicator note">
-<p><a href="https://github.com/mdn/learning-area/blob/master/javascript/introduction-to-js-1/tasks/arrays/arrays1-download.html">Download the starting point for this task</a> to work in your own editor or in an online editor.</p>
+<div class="notecard note">
+<p><a href="https://github.com/mdn/learning-area/blob/master/javascript/introduction-to-js-1/tasks/arrays/arrays1-download.html">Téléchargez le code initial pour cet exercice</a> afin de travailler dans votre éditeur sur votre ordinateur ou sur un éditeur en ligne.</p>
 </div>
 
-<h2 id="Arrays_2">Arrays 2</h2>
+<h2 id="arrays_2">Tableaux - Exercice 2</h2>
 
-<p>Now let's move on to another task. Here you are provided with a string to work with. We'd like you to:</p>
+<p>Voyons maintenant un autre exercice. Ici, vous avez une chaîne de caractères sur laquelle travailler. Vous devrez :</p>
 
 <ol>
- <li>Convert the string into an array, removing the <code>+</code> characters in the process. Save the result in a variable called <code>myArray</code>.</li>
- <li>Store the length of the array in a variable called <code>arrayLength</code>.</li>
- <li>Store the last item in the array in a variable called <code>lastItem</code>.</li>
+ <li>Convertir la chaîne de caractères en un tableau tout en retirant les caractères <code>+</code> lors de la conversion. Stockez ensuite le résultat dans une variable intitulée <code>myArray</code>.</li>
+ <li>Stocker la longueur du tableau dans une variable intitulée <code>arrayLength</code>.</li>
+ <li>Stocker le dernier élément du tableau dans une variable intitulée <code>lastItem</code>.</li>
 </ol>
 
-<p>Try updating the live code below to recreate the finished example:</p>
+<p>Essayez de mettre à jour le code qui suit pour parvenir à la solution :</p>
 
 <p>{{EmbedGHLiveSample("learning-area/javascript/introduction-to-js-1/tasks/arrays/arrays2.html", '100%', 400)}}</p>
 
-<div class="blockIndicator note">
-<p><a href="https://github.com/mdn/learning-area/blob/master/javascript/introduction-to-js-1/tasks/arrays/arrays2-download.html">Download the starting point for this task</a> to work in your own editor or in an online editor.</p>
+<div class="notecard note">
+<p><a href="https://github.com/mdn/learning-area/blob/master/javascript/introduction-to-js-1/tasks/arrays/arrays2-download.html">Téléchargez le code initial pour cet exercice</a> afin de travailler dans votre éditeur sur votre ordinateur ou sur un éditeur en ligne.</p>
 </div>
 
-<h2 id="Arrays_3">Arrays 3</h2>
+<h2 id="Arrays_3">Tableaux - Exercice 3</h2>
 
-<p>For this final array task, we provide you with a starting array, and you will work in somewhat the opposite direction. You need to:</p>
+<p>Dans ce dernier exercice, vous disposez d'un tableau de départ et vous devrez effectuer les opérations inverses de l'exercice précédent. Voici ce qu'il faudra réaliser :</p>
 
 <ol>
- <li>Remove the last item in the array.</li>
- <li>Add two new names to the end of the array.</li>
- <li>Go over each item in the array and add its index number after the name inside parentheses, for example <code>Ryu (0)</code>. Note that we don't teach how to do this in the Arrays article, so you'll have to do some research.</li>
- <li>Finally, join the array items together in a single string called <code>myString</code>, with a separator of "<code> - </code>".</li>
+ <li>Retirer le dernier élément du tableau.</li>
+ <li>Ajouter deux nouveaux noms à la fin du tableau.</li>
+ <li>Parcourir chaque élément du tableau et ajouter son indice, entre parenthèses, après le nom (par exemple <code>Ryu (0)</code>). Note : ceci n'est pas indiqué dans l'article sur les tableaux, il vous faudra rechercher comment faire.</li>
+ <li>Enfin, fusionner les éléments du tableau dans une chaîne de caractères intitulée <code>myString</code> en utilisant "<code> - </code>" comme séparateur.</li>
 </ol>
 
-<p>Try updating the live code below to recreate the finished example:</p>
+<p>Essayez de mettre à jour le code qui suit pour parvenir à la solution :</p>
 
 <p>{{EmbedGHLiveSample("learning-area/javascript/introduction-to-js-1/tasks/arrays/arrays3.html", '100%', 400)}}</p>
 
-<div class="blockIndicator note">
-<p><a href="https://github.com/mdn/learning-area/blob/master/javascript/introduction-to-js-1/tasks/arrays/arrays3-download.html">Download the starting point for this task</a> to work in your own editor or in an online editor.</p>
+<div class="notecard note">
+<p><a href="https://github.com/mdn/learning-area/blob/master/javascript/introduction-to-js-1/tasks/arrays/arrays3-download.html">Téléchargez le code initial pour cet exercice</a> afin de travailler dans votre éditeur sur votre ordinateur ou sur un éditeur en ligne.</p>
 </div>
 
-<h2 id="Assessment_or_further_help">Assessment or further help</h2>
+<h2 id="assessment_or_further_help">Recevoir une évaluation ou de l'aide</h2>
 
-<p>You can practice these examples in the Interactive Editors above.</p>
+<p>Vous pouvez vous exercer sur ces exemples grâce aux éditeurs interactifs de la page.</p>
 
-<p>If you would like your work assessed, or are stuck and want to ask for help:</p>
+<p>Si vous souhaitez faire évaluer votre travail ou si vous êtes bloqué·e et que vous voulez demander de l'aide :</p>
 
 <ol>
- <li>Put your work into an online shareable editor such as <a href="https://codepen.io/">CodePen</a>, <a href="https://jsfiddle.net/">jsFiddle</a>, or <a href="https://glitch.com/">Glitch</a>. You can write the code yourself, or use the starting point files linked to in the above sections.</li>
- <li>Write a post asking for assessment and/or help at the <a href="https://discourse.mozilla.org/c/mdn/learn">MDN Discourse forum Learning category</a>. Your post should include:
+ <li>Enregistrez votre travail dans un éditeur en ligne tel que <a href="https://codepen.io/">CodePen</a>, <a href="https://jsfiddle.net/">jsFiddle</a>, ou <a href="https://glitch.com/">Glitch</a> pour le partager. Vous pouvez écrire le code vous-même ou utiliser les fichiers téléchargeables indiqués comme point de départ.</li>
+ <li>Rédigez un message pour la demande d'aide ou d'évaluation sur <a href="https://discourse.mozilla.org/c/mdn/learn">la catégorie <i>Learning</i> du forum Discourse de MDN</a>. Votre billet devrait inclure :
   <ul>
-   <li>A descriptive title such as "Assessment wanted for Variables 1 skill test".</li>
-   <li>Details of what you have already tried, and what you would like us to do, e.g. if you are stuck and need help, or want an assessment.</li>
-   <li>A link to the example you want assessed or need help with, in an online shareable editor (as mentioned in step 1 above). This is a good practice to get into — it's very hard to help someone with a coding problem if you can't see their code.</li>
-   <li>A link to the actual task or assessment page, so we can find the question you want help with.</li>
+   <li>Un titre descriptif comme « Évaluation demandée pour le test Tableaux JavaScript ».</li>
+   <li>Des détails sur ce que vous avez déjà tenté et sur quels aspects vous avez besoin d'aide si vous bloquez.</li>
+   <li>Un lien vers l'exemple que vous voulez évaluer ou sur lequel vous avez besoin d'aide. Ce lien doit pointer vers un éditeur en ligne (voir l'étape 1). Il s'agit ici d'une bonne pratique pour commencer : il est souvent difficile d'aider quelqu'un si on ne peut pas voir le code.</li>
+   <li>Un lien vers la page MDN pour la tâche ou l'évaluation afin que nous puissions trouver la question sur laquelle vous avez besoin d'aide.</li>
   </ul>
  </li>
 </ol>