LearnES6

ES6 pour tous les fichiers de démarrage

Tout ce dont vous avez besoin pour apprendre ES6 sur es6.io

---

Bûches

Jour 1: 12 mai 2017

J'ai obtenu ce cours gratuitement de Wes Bos en tant que cadeau d'appréciation ❤️ a commencé à regarder l'aperçu de ce cours et à mettre en place Slack.

Pensées:

• Module terminé # 1 Nouvelles variables - Création, mise à jour et portée
• var est la portée de la fonction
• Nous pouvons le redémarrer plusieurs fois dans la même portée
• let & const Are Block Scope
• Nous ne pouvons pas le redémarrer deux fois dans la même portée
• Vous pouvez mettre à jour une variable let , mais les variables const ne peuvent pas être mises à jour
• Cependant, les propriétés d'une variable const peuvent changer. C'est parce que l'objet entier n'est pas immuable.
• Est venu à connaître Object.Freeze (), de sorte que rien ne peut être ajouté ou retiré de l'ensemble des propriétés d'un objet gelé.
• Aussi, le module terminé # 2 Améliorations de la fonction: flèches et arguments par défaut
• J'avais connu les fonctions Arrow du cours # javascript30, mais plus en détail à ce sujet aujourd'hui
• Appris davantage sur les fonctions de flèche, renvoie implicite, quand et quand ne pas utiliser les fonctions flèches, this fonction de flèche intérieure
• Aussi, sur les arguments de fonction par défaut

Jour 2: 14 mai 2017

Module terminé # 3 - chaînes de modèle

Réflexions: appris sur: -

• Chaînes de modèle, création de fragments HTML avec littéraux de modèle
• En utilisant si, boucle et fonctions à l'intérieur des chaînes de modèle
• Modèles tagués, certains cas d'utilisation et désinfectant les données des utilisateurs avec des modèles tagués
• Trouvé sur Dompurify qui aide à désinfecter les données dans DOM

Jour 3: 15 mai 2017

Module terminé # 4 - Améliorations de chaînes supplémentaires

Pensées:

• A appris sur startsWith() , endsWith() , inclut () & répéter () les méthodes et a fait une pratique liée à eux
• En outre, examiné dans str.endsWith(searchString[, length]) et str.startsWith(searchString[, position])

Jour 4: 16 mai 2017

Module terminé n ° 5 - destructeur

Pensées:

• A appris les objets destructureurs, le renommer des variables et les valeurs par défaut
• A appris sur les tableaux de destruction, les fonctions et l'échange de variables
• Extraits 1: const { first, last, twitter } = someObjectHere
• Snippets 2: const [ first, last, twitter ] = someArrayHere

Jour 5: 17 mai 2017

Module terminé n ° 6 - Module terminé # 6 Iterables et boucle

Pensées:

• A appris certains avantages de for of boucle for , foreach et for in
• for-of marques est plus facile pour la boucle via des éléments du tableau et la plupart des objets de type tableau comme Dom Nodelist, des arguments
• A appris la méthode Array.prototype.entries() et comment nous pouvons l'utiliser avec une boucle for-of boucle
• Extraits 1: for (const cut of cuts) , juste pour obtenir les valeurs
• Extraits 2: for (const [i, cut] of cuts.entries()) , utilisé à la fois à l'index et à la valeur

Jour 6: 18 mai 2017

Module complété n ° 7 - un tableau d'améliorations du tableau

Pensées:

• A appris la méthode Array.from() & Array.of()
• Des méthodes de prototype de tableau comme find , findIndex , some et every
• Cas d'utilisation 1 pour Array.from()
• Cas d'utilisation 2 pour array.prototype .some() & .every()

Jour 7: 19 mai 2017

Module terminé n ° 8 - Dites bonjour à ... se propager et ... reposer

Pensées:

• A appris sur ... l'opérateur de propagation et ... les paramètres de repos et il y a divers cas d'utilisation avec de nombreux exemples
• Certains cas d'utilisation pour Rest parameters

Jour 8: 20 mai 2017

Module complété # 9 - Amélioration des mises à niveau littérales

Pensées:

• J'ai appris sur des trucs pratiques comme le raccourci de la valeur de la propriété, le raccourci de la définition de la méthode et les clés de propriété calculées

Module terminé n ° 10 - Promises

Pensées:

• A appris comment fonctionne les promesses, la création de mes propres promesses, les enchaîner et travailler avec de multiples promesses
• Comme le promesse.prototype.phen () et promest.prototype.catch () Les méthodes rendent les promesses, elles peuvent être enchaînées comme
• Promesses de chaînage

Jour 9: 23 mai 2017

Module terminé # 11 - Symboles (nouveau type de données primitives)

Pensées:

• A appris le type de données de symboles et divers cas d'utilisation.
• Nous pouvons l'utiliser comme clé d'objet comme identifiant unique

Jour 10: 24 mai 2017

Pensées:

• A appris sur Eslint et sa convivialité
• En outre, a examiné les paramètres d'Airbnb et a fait de la pratique
• A examiné diverses règles d'Eslint et a essayé de comprendre leur importance et quand les utiliser.

Jour 11: 25 mai 2017

Pensées:

• Aujourd'hui, j'ai appris sur les paramètres spécifiques au fichier et à la ligne Eslint pour l'activation / désactiver les règles
• Plus d'informations ici

Jour 12: 26 mai 2017

Pensées:

• Module terminé # 12 - Qualité de code avec Eslint
• Aujourd'hui, j'ai appris sur les modules JavaScript et la configuration d'outillage Webpack 2

Jour 13: 27 mai 2017

Pensées:

• J'ai appris à créer nos propres modules JavaScript et à les importer / les exporter
• En outre, a examiné l'instruction d'exportation et diverses syntaxes.

Jour 14: 28 mai 2017

Pensées:

• Module terminé # 13 - Modules JavaScript et utilisant NPM
• A fait plus de pratique sur les modules ES6
• A appris à importer des modules spécifiques quand il est nécessaire

Jour 15: 29 mai 2017

Pensées:

• Module terminé # 14 - outils ES6

• A appris SystemJS, Babel & Polyfills pour ES6

• Polyfills offre une très bonne couverture pour toutes les fonctionnalités ES6 dans les anciens navigateurs

• Module terminé n ° 15 - Classes

• J'ai appris sur la création d'une nouvelle classe (forme de déclaration), en définissant des méthodes statiques et des méthodes de prototype, des méthodes Get & Set

• J'ai également appris à prolonger une classe existante, la sous-classe de méthodes d'une classe parentale et de sous-classement des intérêts

• Cas d'utilisation simple pour la sous-classe des classes intégrées et DOM ici

Jour 16: 30 mai 2017

Pensées:

• Module terminé n ° 16 - Générateurs
• A appris la fonction des générateurs, qui renvoie un objet générateur. L'utiliser pour le contrôle du flux Ajax (trucs géniaux)
• Cas d'utilisation simple pour Generators

Jour 17: 01 juin 2017

Pensées:

• Appris sur les procurations ES6 et ses divers cas d'utilisation.
• Il fournit à JavaScript une API d'intercession, nous permettant de piéger ou d'intercepter toutes les opérations sur un objet cible et de modifier le fonctionnement de cette cible

Jour 18: 05 juin 2017

Pensées:

• Module terminé n ° 18 - ensembles et faibles
• L'objet Set nous permet de stocker des valeurs uniques de tout type, que ce soit des valeurs primitives ou des références d'objet.
• L'objet WeakSet nous permet de stocker des objets faiblement tenus dans une collection.
• S'il n'y a pas d'autre référence à un objet stocké dans le WeakSet , ils peuvent être collectés aux ordures.
• De plus, WeakSet ne sont pas énumérables

Jour 19: 06 juin 2017

Pensées:

• Module terminé n ° 19 - carte et carte faible
• Un objet Map contient des paires de valeurs clés.
• L'objet Map ittera ses éléments dans l'ordre d'insertion - A for...of Loop renvoie un tableau de [key, value] pour chaque itération.
• L'objet WeakMap est une collection de paires de clés / valeur dans lesquelles les clés sont faiblement référencées.

Jour 20: 28 septembre 2017

Pensées:

• Ce cours a été mis à jour récemment.
• Mise à jour pour ES7 / ES2016 et ES8 / ES2017, y compris Async + Await, Babel 7 et plus!
• J'ai commencé à l'examiner à partir d'aujourd'hui.
• Commencé avec les promesses indigènes et ses cas d'utilisation.
• A également cherché à créer des promesses personnalisées.

Jour 21: 29 septembre 2017

Pensées:

• Aujourd'hui, j'ai passé en revue l'Async + Await une fois de plus.
• En outre, a examiné un moyen générique pour gérer les fonctions asynchrones.

Jour 22: 30 septembre 2017

Pensées:

• Aujourd'hui, j'ai cherché à utiliser plusieurs promesses.
• A examiné un autre cas d'utilisation pour Promise.all()
• J'ai appris comment nous pouvons procéder des fonctions afin que nous puissions utiliser Async + vous attendre.

Jour 23: 02 octobre 2017

Pensées:

• Aujourd'hui, j'ai examiné des ajouts de langue neufs et futurs
• A examiné les propriétés de la classe
• A également examiné dans ES8 padStart et padEnd
• Opérateur d'exponentiation ES7
• Des virgules de traîne (parfois appelés "virgules finales") dans les littéraux

Jour 24: 04 octobre 2017

Pensées:

• Aujourd'hui, j'ai examiné les cas d'utilisation de Object.entries() et Object.values()
• J'ai appris comment il peut être utilisé dans des scénarios spécifiques.
• Finalement terminé le cours?