Merge pull request #368 from HachemiH/master

Conflicts fixed after sync with upstream @ 45934de

Author: HachemiH

1-js/02-first-steps/08-operators/article.md

@@ -205,11 +205,7 @@ Un extrait du [tableau de précédence](https://developer.mozilla.org/en-US/docs
 | 2          | affectation     | `=`     |
 | ...        | ...             | ...     |
 
-<<<<<<< HEAD
-Comme on peut le voir, le "plus unaire" a une priorité de `15`, ce qui est supérieur à `12` pour "l'addition" (plus binaire). C’est pourquoi, dans l’expression `"+apples + +oranges"`, les plus unaires fonctionnent en premier, puis l’addition.
-=======
-As we can see, the "unary plus" has a priority of `15` which is higher than the `12` of "addition" (binary plus). That's why, in the expression `"+apples + +oranges"`, unary pluses work before the addition.
->>>>>>> 45934debd9bb31376ea5da129e266df5b43e545f
+Comme on peut le voir, le "plus unaire" a une priorité de `15`, ce qui est supérieur à `12` pour "l'addition" (plus binaire). C’est pourquoi, dans l’expression `"+apples + +oranges"`, les plus unaires fonctionnent avant l’addition.
 
 ## Affectation
 

1-js/02-first-steps/17-arrow-functions-basics/article.md

@@ -48,11 +48,7 @@ Comme vous pouvez le voir `(a, b) => a + b` représente une fonction qui accepte
     alert( double(3) ); // 6
     ```
 
-<<<<<<< HEAD
-- Sans arguments, les parenthèses seront alors vides (mais elles doivent êtres présentes) :
-=======
-- If there are no arguments, parentheses are empty, but they must be present:
->>>>>>> 45934debd9bb31376ea5da129e266df5b43e545f
+- S’il n’y a pas d’arguments, les parenthèses seront alors vides, mais elles doivent êtres présentes :
 
     ```js run
     let sayHi = () => alert("Hello!");
@@ -80,15 +76,9 @@ Elles sont très utile pour des actions sur une ligne et que l'on est juste pare
 
 ## Les fonctions fléchées multiligne
 
-<<<<<<< HEAD
-L'exemple ci-dessous prend les arguments sur la gauche de `=>` et évalue le coté droit avec ces arguments.
+Les fonctions fléchées que nous avons vues jusqu'à présent étaient très simples. Elles ont pris des arguments à gauche de `=>`, les ont évalués et ont renvoyé l'expression de droite avec eux.
 
 Parfois nous avons besoin de plus de compléxité, comme des expressions multiples ou des déclarations. Cela est possible avec des accolades les délimitant. Il faut ensuite utiliser un `return` à l'intérieur de celles-ci.
-=======
-The arrow functions that we've seen so far were very simple. They took arguments from the left of `=>`, evaluated and returned the right-side expression with them.
-
-Sometimes we need a more complex function, with multiple expressions and statements. In that case, we can enclose them in curly braces. The major difference is that curly braces require a `return` within them to return a value (just like a regular function does).
->>>>>>> 45934debd9bb31376ea5da129e266df5b43e545f
 
 Comme cela :
 
@@ -115,14 +105,7 @@ Pour l'instant, nous pouvons les utiliser pour des actions sur une ligne ou des
 
 ## Résumé
 
-<<<<<<< HEAD
-Les fonctions fléchées sont pratiques pour les déclarations sur une ligne. Elles ont deux syntaxes :
-
-1. Sans accolades : `(...args) => expression` -- le coté droit est une expression : la fonction l'évalue et retourne le résultat.
-2. Avec accolades : `(...args) => { body }` -- les accolades nous permet des déclarations multiples au sein de la fonction, mais nous devons ajouter un `return` pour retourner quelque chose.
-=======
-Arrow functions are handy for simple actions, especially for one-liners. They come in two flavors:
+Les fonctions fléchées sont pratiques pour des actions simples, en particulier pour les one-liners. Ils se déclinent en deux variantes :
 
-1. Without curly braces: `(...args) => expression` -- the right side is an expression: the function evaluates it and returns the result. Parentheses can be omitted, if there's only a single argument, e.g. `n => n*2`.
-2. With curly braces: `(...args) => { body }` -- brackets allow us to write multiple statements inside the function, but we need an explicit `return` to return something.
->>>>>>> 45934debd9bb31376ea5da129e266df5b43e545f
+1. Sans accolades : `(...args) => expression` -- le coté droit est une expression : la fonction l'évalue et retourne le résultat. Les parenthèses peuvent être omises s'il n'y a qu'un seul argument, par ex. `n => n*2`. 
+2. Avec accolades : `(...args) => { body }` -- les accolades nous permet des déclarations multiples au sein de la fonction, mais nous devons ajouter un `return` explicite pour retourner quelque chose.

1-js/03-code-quality/01-debugging-chrome/article.md

@@ -38,11 +38,7 @@ Si nous appuyons sur `key:Esc`, une console s'ouvre ci-dessous. Nous pouvons tap
 
 Une fois une instruction exécutée, son résultat est présenté ci-dessous.
 
-<<<<<<< HEAD
-Par exemple, ici `1+2` donne `3`, et `hello("débogueur")` ne renvoie rien, le résultat est donc `undefined` :
-=======
-For example, here `1+2` results in `3`, while the function call `hello("debugger")` returns nothing, so the result is `undefined`:
->>>>>>> 45934debd9bb31376ea5da129e266df5b43e545f
+Par exemple, ici `1+2` donne `3`, tandis que l'appel de fonction `hello("debugger")` ne renvoie rien, donc le résultat est `undefined` :
 
 ![](chrome-sources-console.svg)
 
@@ -66,22 +62,13 @@ Nous pouvons toujours trouver une liste de points d'arrêt dans le volet de droi
 - Supprimer le point d'arrêt en cliquant avec le bouton droit de la souris et en sélectionnant Supprimer.
 - … Et ainsi de suite
 
-<<<<<<< HEAD
 ```smart header="Points d'arrêt conditionnels"
-Un *clic droit* sur le numéro de ligne permet de créer un point d'arrêt conditionnel. Cela ne se déclenche que lorsque l'expression donnée est vraie.
-=======
-```smart header="Conditional breakpoints"
-*Right click* on the line number allows to create a *conditional* breakpoint. It only triggers when the given expression, that you should provide when you create it, is truthy.
->>>>>>> 45934debd9bb31376ea5da129e266df5b43e545f
+*Clic droit* sur le numéro de ligne permet de créer un point d'arrêt *conditionnel*. Il ne se déclenche que lorsque l'expression donnée, que vous devez fournir lors de sa création, est vraie.
 
 C’est pratique lorsque nous devons nous arrêter uniquement pour une certaine valeur de variable ou pour certains paramètres de fonction.
 ```
 
-<<<<<<< HEAD
-## Commande du débogueur
-=======
-## The command "debugger"
->>>>>>> 45934debd9bb31376ea5da129e266df5b43e545f
+## La commande "debugger"
 
 Nous pouvons également suspendre le code en utilisant la commande `debugger`, comme ceci :
 
@@ -97,12 +84,8 @@ function hello(name) {
 }
 ```
 
-<<<<<<< HEAD
-C’est très pratique lorsque vous utilisez un éditeur de code et que vous ne souhaitez pas passer au navigateur et rechercher le script dans les outils de développement pour définir le point d’arrêt.
+Une telle commande ne fonctionne que lorsque les outils de développement sont ouverts, sinon le navigateur l'ignore.
 
-=======
-Such command works only when the development tools are open, otherwise the browser ignores it.
->>>>>>> 45934debd9bb31376ea5da129e266df5b43e545f
 
 ## Pause et regarder autour
 
@@ -116,11 +99,7 @@ Veuillez ouvrir les menus déroulants d’information à droite (indiqués par d
 
 1. **`Watch` -- affiche les valeurs actuelles pour toutes les expressions.**
 
-<<<<<<< HEAD
-    Vous pouvez cliquer sur le plus `+` et entrer une expression. Le débogueur affichera sa valeur à tout moment, en la recalculant automatiquement au cours de l'exécution.
-=======
-    You can click the plus `+` and input an expression. The debugger will show its value, automatically recalculating it in the process of execution.
->>>>>>> 45934debd9bb31376ea5da129e266df5b43e545f
+    Vous pouvez cliquer sur le plus `+` et saisir une expression. Le débogueur affichera sa valeur, la recalculant automatiquement dans le processus d'exécution.
 
 2. **`Call Stack` -- affiche la chaîne des appels imbriqués.**
 
@@ -155,21 +134,12 @@ Il y a des boutons pour cela en haut du volet de droite. Actionnons-les.
 
     En cliquant dessus encore et encore, vous parcourrez toutes les instructions de script une par une.
 
-<<<<<<< HEAD
 <span class="devtools" style="background-position:-62px -192px"></span> -- "Step over": lance la commande suivante, mais *n'entre pas dans une fonction*, raccourci clavier `key:F10`.
-: Semblable à la précédente commande "Step", mais se comporte différemment si l'instruction suivante est un appel de fonction. C’est-à-dire qu’il ne s’agit pas d’une fonction intégrée, comme `alert`, mais d’une fonction propre.
+ : Similaire à la commande "Step" précédente, mais se comporte différemment si l'instruction suivante est un appel de fonction (pas une fonction intégrée, comme `alert`, mais une fonction qui nous est propre).
 
-    La commande "Step" y pénètre et met en pause l'exécution à la première ligne, tandis que "Step over" exécute l'appel de fonction imbriqué de manière invisible, en ignorant les éléments internes de la fonction.
+    Si nous les comparons, la commande "Step" entre dans un appel de fonction imbriqué et interrompt l'exécution à sa première ligne, tandis que "Step over" exécute l'appel de fonction imbriqué de manière invisible pour nous, en sautant les fonctions internes.
 
     L'exécution est alors suspendue immédiatement après cette fonction.
-=======
-<span class="devtools" style="background-position:-62px -192px"></span> -- "Step over": run the next command, but *don't go into a function*, hotkey `key:F10`.
-: Similar to the previous "Step" command, but behaves differently if the next statement is a function call (not a built-in, like `alert`, but a function of our own).
-
-    If we compare them, the "Step" command goes into a nested function call and pauses the execution at its first line, while "Step over" executes the nested function call invisibly to us, skipping the function internals.
-
-    The execution is then paused immediately after that function call.
->>>>>>> 45934debd9bb31376ea5da129e266df5b43e545f
 
     C'est bien si nous ne sommes pas intéressés à voir ce qui se passe dans l'appel de fonction.
 
@@ -184,13 +154,8 @@ Il y a des boutons pour cela en haut du volet de droite. Actionnons-les.
 <span class="devtools" style="background-position:-61px -74px"></span> -- active / désactive tous les points d'arrêt.
 : Ce bouton ne déplace pas l'exécution. Juste un ensemble de on/off pour les points d'arrêt.
 
-<<<<<<< HEAD
 <span class="devtools" style="background-position:-90px -146px"></span> -- active/désactive la pause automatique en cas d'erreur.
-: Lorsque cette option est activée et que les outils de développement sont ouverts, une erreur de script interrompt automatiquement l'exécution. Ensuite, nous pouvons analyser les variables pour voir ce qui ne va pas. Donc, si notre script meurt avec une erreur, nous pouvons ouvrir le débogueur, activer cette option et recharger la page pour voir où il meurt et quel est le contexte à ce moment.
-=======
-<span class="devtools" style="background-position:-90px -146px"></span> -- enable/disable automatic pause in case of an error.
-: When enabled, if the developer tools is open, an error during the script execution automatically pauses it. Then we can analyze variables in the debugger to see what went wrong. So if our script dies with an error, we can open debugger, enable this option and reload the page to see where it dies and what's the context at that moment.
->>>>>>> 45934debd9bb31376ea5da129e266df5b43e545f
+: Lorsqu'il est activé, si les outils de développement sont ouverts, une erreur lors de l'exécution du script le met automatiquement en pause. Ensuite, nous pouvons analyser les variables dans le débogueur pour voir ce qui n'a pas fonctionné. Donc, si notre script s’arrête avec une erreur, nous pouvons ouvrir le débogueur, activer cette option et recharger la page pour voir où il s’arrête et quel est le contexte à ce moment-là.
 
 ```smart header="Continue to here"
 Un clic droit sur une ligne de code ouvre le menu contextuel avec une excellente option appelée "Continue to here".
@@ -222,11 +187,7 @@ Comme nous pouvons le constater, il existe trois méthodes principales pour susp
 2. Les instructions du `debugger`.
 3. Une erreur (si les outils de développement sont ouverts et le bouton <span class="devtools" style="background-position:-90px -146px"></span> est "on")
 
-<<<<<<< HEAD
 En pause, nous pouvons déboguer -- examiner les variables et suivre le code pour voir où l’exécution s’est mal passée.
-=======
-When paused, we can debug: examine variables and trace the code to see where the execution goes wrong.
->>>>>>> 45934debd9bb31376ea5da129e266df5b43e545f
 
 Il y a beaucoup plus d'options dans les outils de développement que celles couvertes ici. Le manuel complet est ici <https://developers.google.com/web/tools/chrome-devtools>.
 

1-js/03-code-quality/06-polyfills/article.md

@@ -1,5 +1,5 @@
 
-# Polyfills and transpilers
+# Polyfills et transpilers
 
 Le langage JavaScript évolue régulièrement. De nouvelles propositions pour le langage apparaissent régulièrement, elles sont analysées et, si elles sont jugées utiles, elles sont ajoutées à la liste dans <https://tc39.github.io/ecma262/> et ensuite progressent vers la [specification officielle](http://www.ecma-international.org/publications/standards/Ecma-262.htm).
 
@@ -9,7 +9,7 @@ Il est donc assez courant pour un moteur de ne mettre en œuvre qu'une partie de
 
 Une bonne page pour voir l’état actuel de la prise en charge des fonctionnalités du langage est <https://kangax.github.io/compat-table/es6/> (c’est énorme, nous avons encore beaucoup à étudier).
 
-As programmers, we'd like to use most recent features. The more good stuff - the better!
+En tant que programmeurs, nous aimerions utiliser les fonctionnalités les plus récentes. Plus il y a de bonnes choses, mieux c'est !
 
 D'un autre côté, comment faire fonctionner le code moderne sur des moteurs plus anciens qui ne comprennent pas encore les fonctionnalités récentes ?
 
@@ -42,11 +42,7 @@ Habituellement, un développeur exécute le transpiler sur son propre ordinateur
 
 En parlant de noms, [Babel](https://babeljs.io) est l'un des transpileurs les plus connus.
 
-<<<<<<< HEAD
-Les systèmes de construction de projets modernes, tels que [webpack](http://webpack.github.io/), fournissent des moyens pour exécuter un transpiler automatiquement à chaque changement de code, il est donc très facile à intégrer dans le processus de développement.
-=======
-Modern project build systems, such as [webpack](https://webpack.js.org/), provide means to run transpiler automatically on every code change, so it's very easy to integrate into development process.
->>>>>>> 45934debd9bb31376ea5da129e266df5b43e545f
+Les systèmes de construction de projets modernes, tels que [webpack](http://webpack.js.org/), fournissent des moyens pour exécuter un transpiler automatiquement à chaque changement de code, il est donc très facile à intégrer dans le processus de développement.
 
 ## Les polyfills
 
@@ -86,11 +82,7 @@ Dans ce chapitre, nous aimerions vous motiver à étudier les fonctionnalités d
 
 N'oubliez pas d'utiliser un transpiler (si vous utilisez une syntaxe ou des opérateurs modernes) et des polyfills (pour ajouter des fonctions qui peuvent manquer). Et ils veilleront à ce que le code fonctionne.
 
-<<<<<<< HEAD
-Par exemple, plus tard, lorsque vous serez familiarisé avec JavaScript, vous pourrez configurer un système de création de code basé sur [webpack](http://webpack.github.io/) avec le plugin [babel-loader](https://github.com/babel/babel-loader).
-=======
-For example, later when you're familiar with JavaScript, you can setup a code build system based on [webpack](https://webpack.js.org/) with [babel-loader](https://github.com/babel/babel-loader) plugin.
->>>>>>> 45934debd9bb31376ea5da129e266df5b43e545f
+Par exemple, plus tard, lorsque vous serez familiarisé avec JavaScript, vous pourrez configurer un système de création de code basé sur [webpack](http://webpack.js.org/) avec le plugin [babel-loader](https://github.com/babel/babel-loader).
 
 De bonnes ressources qui montrent l'état actuel de la prise en charge de diverses fonctionnalités :
 - <https://kangax.github.io/compat-table/es6/> - pour du pur JavaScript.