Merge pull request #306 from HachemiH/master

HachemiH · web-flow · commit 1007ac430e5f · 2021-04-26T08:32:42.000+02:00
Conflicts fixed after sync with upstream @ 6ab384f
diff --git a/1-js/01-getting-started/4-devtools/article.md b/1-js/01-getting-started/4-devtools/article.md
@@ -8,13 +8,9 @@ Mais dans le navigateur, un utilisateur ne voit pas les erreurs par défaut. Ain
 
 Pour voir les erreurs et obtenir beaucoup d’informations utiles sur les scripts, les navigateurs intègrent des "outils de développement".
 
-<<<<<<< HEAD
 Le plus souvent, les développeurs se tournent vers Chrome ou Firefox pour le développement, car ces navigateurs disposent des meilleurs outils de développement. D'autres navigateurs fournissent également des outils de développement, parfois dotés de fonctions spéciales, mais jouent généralement le rôle de "rattrapage" pour Chrome ou Firefox. Donc, la plupart des gens ont un navigateur "favori" et passent à d'autres si un problème est spécifique au navigateur.
 
-Les outils de développement sont très puissants, ils possèdent de nombreuses fonctionnalités. Pour commencer, nous allons apprendre à les ouvrir, à examiner les erreurs et à exécuter des commandes JavaScript.
-=======
-Developer tools are potent; they have many features. To start, we'll learn how to open them, look at errors, and run JavaScript commands.
->>>>>>> 6ab384f2512902d74e4b0ff5a6be60e48ab52e96
+Les outils de développement sont très puissants ; ils possèdent de nombreuses fonctionnalités. Pour commencer, nous allons apprendre à les ouvrir, à examiner les erreurs et à exécuter des commandes JavaScript.
 
 ## Google Chrome
 
diff --git a/1-js/02-first-steps/15-function-basics/article.md b/1-js/02-first-steps/15-function-basics/article.md
@@ -412,11 +412,7 @@ Les fonctions utilisées *très souvent* portent parfois des noms ultra-courts.
 
 Par exemple le framework [jQuery](http://jquery.com) définit une fonction avec `$`. La librairie [LoDash](http://lodash.com/) a nommé sa fonction principale `_`.
 
-<<<<<<< HEAD
-Ce sont des exceptions. En règle générale, les noms de fonctions doivent être concis, mais descriptifs.
-=======
-These are exceptions. Generally function names should be concise and descriptive.
->>>>>>> 6ab384f2512902d74e4b0ff5a6be60e48ab52e96
+Ce sont des exceptions. En règle générale, les noms de fonctions doivent être concis et descriptifs.
 ```
 
 ## Fonctions == Commentaires
diff --git a/1-js/03-code-quality/05-testing-mocha/article.md b/1-js/03-code-quality/05-testing-mocha/article.md
@@ -2,10 +2,6 @@
 
 Les tests automatisés seront utilisés dans d'autres tâches. Ils sont également largement utilisés dans des projets réels.
 
-<<<<<<< HEAD
-=======
-## Why do we need tests?
->>>>>>> 6ab384f2512902d74e4b0ff5a6be60e48ab52e96
 
 ## Pourquoi avons-nous besoin de tests ?
 
diff --git a/1-js/03-code-quality/06-polyfills/article.md b/1-js/03-code-quality/06-polyfills/article.md
@@ -48,11 +48,7 @@ Les systèmes de construction de projets modernes, tels que [webpack](http://web
 
 Les nouvelles fonctionnalités du langage peuvent inclure non seulement des constructions de syntaxe et des opérateurs, mais également des fonctions intégrées.
 
-<<<<<<< HEAD
-Par exemple, `Math.trunc(n)` est une fonction qui "coupe" la partie décimale d'un nombre, par exemple `Math.trunc(1.23) = 1`.
-=======
-For example, `Math.trunc(n)` is a function that "cuts off" the decimal part of a number, e.g `Math.trunc(1.23)` returns `1`.
->>>>>>> 6ab384f2512902d74e4b0ff5a6be60e48ab52e96
+Par exemple, `Math.trunc(n)` est une fonction qui "coupe" la partie décimale d'un nombre, par exemple `Math.trunc(1.23)` retourne `1`.
 
 Dans certains moteurs JavaScript (très obsolètes), il n'y a pas de `Math.trunc`, donc un tel code échouera.
 
diff --git a/1-js/04-object-basics/04-object-methods/article.md b/1-js/04-object-basics/04-object-methods/article.md
@@ -81,11 +81,7 @@ user = {
 // la méthode abrégée semble mieux, non ?
 user = {
 *!*
-<<<<<<< HEAD
-  sayHi() { // identique à "sayHi: function()"
-=======
-  sayHi() { // same as "sayHi: function(){...}"
->>>>>>> 6ab384f2512902d74e4b0ff5a6be60e48ab52e96
+  sayHi() { // identique à "sayHi: function(){...}"
 */!*
     alert("Hello");
   }
diff --git a/1-js/05-data-types/08-weakmap-weakset/article.md b/1-js/05-data-types/08-weakmap-weakset/article.md
@@ -1,10 +1,6 @@
 # WeakMap et WeakSet
 
-<<<<<<< HEAD
-Comme nous le savons du chapitre <info:garbage-collection>, le moteur JavaScript stocke une valeur en mémoire pendant qu'elle est accessible (et peut potentiellement être utilisée).
-=======
-As we know from the chapter <info:garbage-collection>, JavaScript engine keeps a value in memory while it is "reachable" and can potentially be used.
->>>>>>> 6ab384f2512902d74e4b0ff5a6be60e48ab52e96
+Comme nous le savons du chapitre <info:garbage-collection>, le moteur JavaScript stocke une valeur en mémoire pendant qu'elle est accessible et peut potentiellement être utilisée.
 
 Par exemple :
 ```js
diff --git a/1-js/05-data-types/09-keys-values-entries/article.md b/1-js/05-data-types/09-keys-values-entries/article.md
@@ -98,8 +98,4 @@ let doublePrices = Object.fromEntries(
 alert(doublePrices.meat); // 8
 ```   
 
-<<<<<<< HEAD
 Cela peut sembler difficile au premier abord, mais il devient facile à comprendre après l’avoir utilisé une ou deux fois. Nous pouvons faire de puissantes chaînes de transformations de cette façon.
-=======
-It may look difficult at first sight, but becomes easy to understand after you use it once or twice. We can make powerful chains of transforms this way. 
->>>>>>> 6ab384f2512902d74e4b0ff5a6be60e48ab52e96
diff --git a/1-js/11-async/02-promise-basics/article.md b/1-js/11-async/02-promise-basics/article.md
@@ -28,17 +28,10 @@ Ses arguments `resolve` (tenir) et `reject` (rompre) sont les fonctions de retou
 
 Quand l'exécuteur obtient un résultat, qu'il soit rapide ou pas, cela n'a pas d'importance, il appellera une des deux fonctions callbacks :
 
-<<<<<<< HEAD
 - `resolve(value)` -  si la tâche s'est terminée avec succés, avec le résultat `value`.
-- `reject(error)` - si une erreur est survenue, `error` est l'object erreur.
+- `reject(error)` - si une erreur est survenue, `error` est l'objet erreur.
 
-Donc, pour résumer : l'exécuteur s'exécute automatiquement et effectue un travail. Ensuite, il devrait appeler `resolve` s'il a réussi ou `reject` s'il y avait une erreur.
-=======
-- `resolve(value)` — if the job is finished successfully, with result `value`.
-- `reject(error)` — if an error has occurred, `error` is the error object.
-
-So to summarize: the executor runs automatically and attempts to perform a job. When it is finished with the attempt, it calls `resolve` if it was successful or `reject` if there was an error.
->>>>>>> 6ab384f2512902d74e4b0ff5a6be60e48ab52e96
+Donc, pour résumer : l'exécuteur s'exécute automatiquement et tente d’effectuer un travail. Ensuite, il devrait appeler `resolve` s'il a réussi ou `reject` s'il y avait une erreur.
 
 L'objet `promise` retourné par le constructeur `new Promise` a des propriétés internes :
 
diff --git a/1-js/11-async/07-microtask-queue/article.md b/1-js/11-async/07-microtask-queue/article.md
@@ -30,11 +30,7 @@ Comme indiqué dans la [spécification](https://tc39.github.io/ecma262/#sec-jobs
 - La file d'attente est premier entré, premier sorti: les tâches mises en file d'attente en premier sont exécutées en premier.
 - L'exécution d'une tâche est lancée uniquement lorsque rien d'autre n'est en cours d'exécution.
 
-<<<<<<< HEAD
 Ou, simplement, lorsqu'une promesse est prête, ses gestionnaires `.then/catch/finally` sont mis en file d'attente ; ils ne sont pas encore exécutés. Lorsque le moteur JavaScript est libéré du code actuel, il extrait une tâche de la file d'attente et l'exécute.
-=======
-Or, to put it more simply, when a promise is ready, its `.then/catch/finally` handlers are put into the queue; they are not executed yet. When the JavaScript engine becomes free from the current code, it takes a task from the queue and executes it.
->>>>>>> 6ab384f2512902d74e4b0ff5a6be60e48ab52e96
 
 C'est pourquoi "code finished" dans l'exemple ci-dessus s'affiche en premier.
 
@@ -44,11 +40,7 @@ Les gestionnaires de promesses passent toujours par cette file d'attente interne
 
 S'il existe une chaîne avec plusieurs `.then/catch/finally`, chacun d'entre eux est exécuté de manière asynchrone. C'est-à-dire qu'il est d'abord mis en file d'attente et exécuté lorsque le code actuel est terminé et que les gestionnaires précédemment placés en file d'attente sont terminés.
 
-<<<<<<< HEAD
-**Et si l'order importait pour nous ? Comment pouvons-nous faire en sorte que `code finished` s'exécute après `promise done` ?**
-=======
-**What if the order matters for us? How can we make `code finished` appear after `promise done`?**
->>>>>>> 6ab384f2512902d74e4b0ff5a6be60e48ab52e96
+**Et si l'ordre importait pour nous ? Comment pouvons-nous faire en sorte que `code finished` apparaisse après `promise done` ?**
 
 Facile, il suffit de le mettre dans la file d'attente avec `.then`:
 
diff --git a/2-ui/1-document/03-dom-navigation/article.md b/2-ui/1-document/03-dom-navigation/article.md
@@ -214,11 +214,7 @@ alert( document.body.previousSibling ); // HTMLHeadElement
 
 ## Navigation par élément uniquement
 
-<<<<<<< HEAD
 Les propriétés de navigation répertoriées ci-dessus font référence à *tous* les nœuds. Par exemple, dans `childNodes`, nous pouvons voir à la fois les nœuds texte, les nœuds élément et même les nœuds commentaire s'il en existe.
-=======
-Navigation properties listed above refer to *all* nodes. For instance, in `childNodes` we can see both text nodes, element nodes, and even comment nodes if they exist.
->>>>>>> 6ab384f2512902d74e4b0ff5a6be60e48ab52e96
 
 Mais pour de nombreuses tâches, nous ne voulons pas de nœuds texte ou commentaire. Nous voulons manipuler des nœuds élément qui représentent des balises et forment la structure de la page.
 
diff --git a/2-ui/1-document/10-size-and-scroll-window/article.md b/2-ui/1-document/10-size-and-scroll-window/article.md
@@ -73,17 +73,13 @@ alert('Current scroll from the left: ' + window.pageXOffset);
 
 Ces propriétés sont en lecture seule.
 
-<<<<<<< HEAD
-## Défilement : scrollTo, scrollBy, scrollIntoView [#window-scroll]
-=======
-```smart header="Also available as `window` properties `scrollX` and `scrollY`"
-For historical reasons, both properties exist, but they are the same:
-- `window.pageXOffset` is an alias of `window.scrollX`.
-- `window.pageYOffset` is an alias of `window.scrollY`.
+```smart header="Également disponible en tant que propriétés `window` `scrollX` et `scrollY`"
+Pour des raisons historiques, les deux propriétés existent, mais elles sont identiques :
+- `window.pageXOffset` est un alias de `window.scrollX`.
+- `window.pageYOffset` est un alias de `window.scrollY`.
 ```
+## Défilement : scrollTo, scrollBy, scrollIntoView [#window-scroll]
 
-## Scrolling: scrollTo, scrollBy, scrollIntoView [#window-scroll]
->>>>>>> 6ab384f2512902d74e4b0ff5a6be60e48ab52e96
 
 ```warn
 Pour faire défiler la page avec JavaScript, son DOM doit être entièrement construit.
diff --git a/4-binary/03-blob/article.md b/4-binary/03-blob/article.md
@@ -74,11 +74,7 @@ link.href = URL.createObjectURL(blob);
 
 On peut aussi créer un lien dynamiquement en JavaScript et simuler un clic par `link.click()`, puis le téléchargement démarre automatiquement.
 
-<<<<<<< HEAD
-Voici un code similaire qui oblige l'utilisateur à télécharger le `Blob` créé dynamiquement, sans aucun HTML:
-=======
-Here's the similar code that causes user to download the dynamically created `Blob`, without any HTML:
->>>>>>> 6ab384f2512902d74e4b0ff5a6be60e48ab52e96
+Voici un code similaire qui oblige l'utilisateur à télécharger le `Blob` créé dynamiquement, sans aucun HTML :
 
 ```js run
 let link = document.createElement('a');
@@ -196,11 +192,7 @@ let context = canvas.getContext('2d');
 context.drawImage(img, 0, 0);
 // nous pouvons context.rotate(), et faire beaucoup d'autres choses sur canvas
 
-<<<<<<< HEAD
-// toBlob est une opération asynchrone, le rappel est appelé une fois terminé
-=======
-// toBlob is async operation, callback is called when done
->>>>>>> 6ab384f2512902d74e4b0ff5a6be60e48ab52e96
+// toBlob est une opération asynchrone, le callback est appelé lorsque c’est terminé
 canvas.toBlob(function(blob) {
   // blob prêt, téléchargez-le
   let link = document.createElement('a');
@@ -249,11 +241,7 @@ Cela rend les Blobs pratiques pour les opérations de téléchargement (upload /
 
 Les méthodes qui effectuent des requêtes Web, telles que [XMLHttpRequest](info:xmlhttprequest), [fetch](info:fetch) et ainsi de suite, peuvent fonctionner avec `Blob` de manière native, ainsi qu'avec d'autres types binaires.
 
-<<<<<<< HEAD
-Nous pouvons facilement convertir les types de données binaires `Blob` et de bas niveau:
-=======
-We can easily convert between `Blob` and low-level binary data types:
->>>>>>> 6ab384f2512902d74e4b0ff5a6be60e48ab52e96
+Nous pouvons facilement convertir les types de données binaires `Blob` et de bas niveau :
 
 - Nous pouvons créer un Blob à partir d'un tableau typé en utilisant le constructeur `new Blob(...)`.
 - Nous pouvons récupérer un `ArrayBuffer` à partir d'un Blob en utilisant `FileReader`, puis créer une vue dessus pour un traitement binaire de bas niveau.
diff --git a/5-network/03-fetch-progress/article.md b/5-network/03-fetch-progress/article.md
@@ -9,11 +9,7 @@ Pour suivre la progression du téléchargement, nous pouvons utiliser la propri
 
 Contrairement à `response.text()`, `response.json()` et à d'autres méthodes, `response.body` donne un contrôle total sur le processus de lecture, et nous pouvons compter la quantité consommée à tout moment.
 
-<<<<<<< HEAD
 Voici l'esquisse de code qui lit la réponse de `response.body` :
-=======
-Here's the sketch of code that reads the response from `response.body`:
->>>>>>> 6ab384f2512902d74e4b0ff5a6be60e48ab52e96
 
 ```js
 // au lieu de response.json() et d'autres méthodes
diff --git a/5-network/06-fetch-api/article.md b/5-network/06-fetch-api/article.md
@@ -169,15 +169,9 @@ Normalement, `fetch` suit de manière transparente les redirections HTTP, comme
 
 L'option `redirect` permet de changer cela :
 
-<<<<<<< HEAD
 - **`"follow"`** -- par défaut, suit les redirections HTTP,
 - **`"error"`** -- erreur en cas de redirection HTTP,
-- **`"manual"`** -- permet de traiter manuellement les redirections HTTP. En cas de redirection, nous obtiendrons un objet de réponse spécial, avec `response.type="opaqueredirect"` et un statut zéro/vide ainsi que la plupart des autres propriétés.
-=======
-- **`"follow"`** -- the default, follow HTTP-redirects,
-- **`"error"`** -- error in case of HTTP-redirect,
-- **`"manual"`** -- allows to process HTTP-redirects manually. In case of redirect, we'll get a special response object, with `response.type="opaqueredirect"` and zeroed/empty status and most other properies.
->>>>>>> 6ab384f2512902d74e4b0ff5a6be60e48ab52e96
+- **`"manual"`** -- permet de traiter manuellement les redirections HTTP. En cas de redirection, nous obtiendrons un objet de réponse spécial, avec `response.hype="opaqueredirect"` et un statut zéro/vide ainsi que la plupart des autres propriétés.
 
 ## integrity
 
diff --git a/5-network/11-websocket/article.md b/5-network/11-websocket/article.md
@@ -88,19 +88,11 @@ Sec-WebSocket-Key: Iv8io/9s+lYFgZWcXczP8Q==
 Sec-WebSocket-Version: 13
 ```
 
-<<<<<<< HEAD
 - `Origin` -- l'origine de la page client, par exemple `https://javascript.info`. Les objets WebSocket sont cross-origin par nature. Il n'y a pas d'en-têtes spéciaux ou d'autres limitations. Les anciens serveurs ne sont pas en mesure de gérer WebSocket de toute façon, il n'y a donc pas de problème de compatibilité. Mais l'en-tête `Origin` est important, car il permet au serveur de décider de discuter ou non en WebSocket avec ce site Web.
 - `Connection: Upgrade` -- indique que le client souhaite modifier le protocole.
 - `Upgrade: websocket` -- le protocole demandé est "websocket".
 - `Sec-WebSocket-Key` -- une clé générée aléatoirement par le navigateur pour la sécurité.
 - `Sec-WebSocket-Version` -- Version du protocole WebSocket, 13 est la version actuelle.
-=======
-- `Origin` -- the origin of the client page, e.g. `https://javascript.info`. WebSocket objects are cross-origin by nature. There are no special headers or other limitations. Old servers are unable to handle WebSocket anyway, so there are no compatibility issues. But `Origin` header is important, as it allows the server to decide whether or not to talk WebSocket with this website.
-- `Connection: Upgrade` -- signals that the client would like to change the protocol.
-- `Upgrade: websocket` -- the requested protocol is "websocket".
-- `Sec-WebSocket-Key` -- a random browser-generated key for security.
-- `Sec-WebSocket-Version` -- WebSocket protocol version, 13 is the current one.
->>>>>>> 6ab384f2512902d74e4b0ff5a6be60e48ab52e96
 
 ```smart header="Le handshake WebSocket ne peut pas être émulé"
 Nous ne pouvons pas utiliser `XMLHttpRequest` ou` fetch` pour effectuer ce type de requête HTTP, car JavaScript n'est pas autorisé à définir ces en-têtes.
