Merge pull request #261 from javascript-tutorial/sync-23da191b

Sync with upstream @ 23da191

Author: HachemiH

1-js/02-first-steps/01-hello-world/article.md

@@ -9,7 +9,11 @@ Alors, voyons d'abord comment intégrer un script à une page Web. Pour les envi
 
 ## La balise "script" 
 
+<<<<<<< HEAD
 Les programmes JavaScript peuvent être insérés dans n'importe quelle partie d'un document HTML à l'aide de la balise `<script>`.
+=======
+JavaScript programs can be inserted almost anywhere into an HTML document using the `<script>` tag.
+>>>>>>> 23da191b58643387783f38e999f5b05be87d3d93
 
 Par exemple :
 

1-js/04-object-basics/01-object/article.md

@@ -92,6 +92,7 @@ let user = {
 ```
 Cela s'appelle une virgule  "trailing" ou "hanging". Elle facilite l'ajout/suppression/déplacement des propriétés, car toutes les lignes se ressemblent.
 
+<<<<<<< HEAD
 ````smart header="L'objet avec const peut être modifié"
 Remarque: un objet déclaré comme `const` *peut* être modifié.
 
@@ -117,6 +118,9 @@ Il existe une autre façon de créer des propriétés d'objet constantes, nous l
 ````
 
 ## Crochets
+=======
+## Square brackets
+>>>>>>> 23da191b58643387783f38e999f5b05be87d3d93
 
 Pour les propriétés multi-mots, l’accès par points ne fonctionne pas :
 

1-js/04-object-basics/02-object-copy/article.md

@@ -73,9 +73,13 @@ admin.name = 'Pete'; // changé par la référence "admin"
 alert(*!*user.name*/!*); // 'Pete', les changements sont visibles sur la référence "user"
 ```
 
+<<<<<<< HEAD
 C'est comme si l'on avait un cabinet avec deux clés et que on l'on utilisait l'un d'elles (`admin`) pour y accéder. Puis, si l'on utilise plus tard la clé (`user`) on peut voir les changements.
 
 ## Comparaison par référence
+=======
+It's just as if we had a cabinet with two keys and used one of them (`admin`) to get into it. Then, if we later use another key (`user`) we can see changes.
+>>>>>>> 23da191b58643387783f38e999f5b05be87d3d93
 
 Deux objets sont egaux seulement s'ils sont le même objet.
 
@@ -230,7 +234,35 @@ Pour régler ça, on doit utiliser la boucle de clonage qui examine chaque valeu
 
 On peut utiliser la récursion pour l'implémenter. Ou, pour ne pas réinventer la roue, prendre un implémentation existante. par exemple [_.cloneDeep(obj)](https://lodash.com/docs#cloneDeep) de la librairie [lodash](https://lodash.com).
 
+<<<<<<< HEAD
 ## Résumé
+=======
+```smart header="Const objects can be modified"
+An important "side effect" of storing objects as references is that an object declared as `const` *can* be modified.
+
+For instance:
+
+```js run
+const user = {
+  name: "John"
+};
+
+*!*
+user.name = "Pete"; // (*)
+*/!*
+
+alert(user.name); // Pete
+```
+
+It might seem that the line `(*)` would cause an error, but no. The value of `user` is constant, it must always reference the same object. But properties of that object are free to change.
+
+In other words, the `const user` gives an error only if we try to set `user=...` as a whole, and that's all.
+
+That said, if we really need to make constant object properties, it's also possible, but using totally different methods, we'll mention that in the chapter <info:property-descriptors>.
+```
+
+## Summary
+>>>>>>> 23da191b58643387783f38e999f5b05be87d3d93
 
 Les objets sont assignés et copiés par référence. En d'autres mots, une variable ne stocke pas la "valeur de l'objet" mais la "référence" (l'adresse en mémoire) de la valeur. Donc copier cette variable, ou la passer en argument d'une fonction, copie la référence, pas l'objet.
 

2-ui/4-forms-controls/3-events-change-input/article.md

@@ -77,11 +77,21 @@ Par exemple, le code ci-dessous empêche tous ces événements et montre ce que
 
 Veuillez noter qu'il est possible de copier/coller non seulement du texte, mais tout. Par exemple, nous pouvons copier un fichier dans le gestionnaire de fichiers du système d'exploitation et le coller.
 
+<<<<<<< HEAD
 Il y a une liste de méthodes [dans la spécification](https://www.w3.org/TR/clipboard-apis/#dfn-datatransfer) qui peuvent fonctionner avec différents types de données, y compris des fichiers, en lecture/écriture dans le presse-papiers.
 
 Mais veuillez noter que le presse-papiers est une chose "globale" au niveau du système d'exploitation. La plupart des navigateurs n'autorisent l'accès en lecture/écriture au presse-papiers que dans le cadre de certaines actions de l'utilisateur pour raison de sécurité, par ex: dans les gestionnaires d'événements `onclick`.
 
 Il est également interdit de générer des événements de presse-papiers "personnalisés" avec `dispatchEvent` dans tous les navigateurs, à l'exception de Firefox.
+=======
+That's because `clipboardData` implements `DataTransfer` interface, commonly used for drag'n'drop and copy/pasting. It's bit beyound our scope now, but you can find its methods [in the specification](https://html.spec.whatwg.org/multipage/dnd.html#the-datatransfer-interface).
+
+```warn header="ClipboardAPI: user safety restrictions"
+The clipboard is a "global" OS-level thing. So most browsers allow read/write access to the clipboard only in the scope of certain user actions for the safety, e.g. in `onclick` event handlers.
+
+Also it's forbidden to generate "custom" clipboard events with `dispatchEvent` in all browsers except Firefox.
+```
+>>>>>>> 23da191b58643387783f38e999f5b05be87d3d93
 
 ## Récapitulatif