Maitrisez les nouveautés Javascript ES6, ES7 et les outils modernes du développeur: Npm, Webpack, Babel...
Dans ce cours on va parler de Développement Moderne en Javascript.
Pourquoi Développement Moderne ?
Pour 2 raisons:
La première c’est au niveau du code !
Nouveautés ES6 – ES7
Des nouveautés, il y en a pas mal, on peut dire qu’ES6 nous a particulièrement gâté.
Les variables, qu’on peut maintenant déclarer avec let et const, qui nous permettent d’utiliser les scopes de bloc.
Les fonctions flêchées, on va voir que nos fonctions peuvent aussi utiliser les paramètres par défaut ou les paramètres REST.
Il y aussi le nouvel opérateur SPREAD, la boucle for of, les Templates Strings et même ce qu’on appelle le Destructuring.
Bref ! On en a des nouvelles choses à apprendre.
Classes ES6
Alors il y a certaines nouveautés plus impactantes que d’autres et qui méritent qu’on s’y attarde plus.
Par exemple les Classes ES6: on verra comment une classe peut hériter d’une autre classe, on pourra même créer des classes qui héritent directement des éléments intégrés à Javascript.
On verra ce qu’est une méthode statique et comment contrôler l’accès au propriétés de nos objets avec get et set.
Modules ES6
Une autre nouveauté majeure d’ES6, ce sont les Modules.
Avec les import et les export, on va pouvoir utiliser des éléments déclarés dans d’autres fichiers: c’est le principe du module et c’est obligatoire si vous travaillez sur des gros projets.
Terminal
La deuxième raison pour laquelle j’ai appelé ce cours Développement Moderne , c’est qu’on va découvrir les outils modernes du développeur !
On va apprendre à maitriser le terminal pour exécuter des commandes.
Npm
Avec Npm, vous allez installer des packets Javascipt en quelques secondes et tout sera configuré automatiquement dans un fichier package.json
Webpack
On va découvrir un autre outil fantastique: Webpack ! Il va empaqueter tous nos fichiers en un seul !
Mais ce n’est pas tout ! On va l’utiliser pour créer un serveur local qui détecte les modifications de notre code et les charge directement dans le navigateur. Plus pratique pour coder !
C’est aussi important d’être bien organisé ! On va apprendre à structurer notre projet: un dossier pour les fichiers source et un pour ceux de production.
Babel
Et le dernier outil dont on va parler c’est Babel ! Car ES6, ES7 c’est bien mais si les navigateurs d’aujourd’hui ne le supportent pas encore à 100%, on a rien gagné.
Donc je vais vous montrer comment utiliser le transpiler Babel ainsi que les polyfills pour rendre votre code compatible avec tous les navigateurs d'aujourd’hui.
Projet du Snake
Alors je ne l’ai pas precisé mais toutes ces choses qu’on va apprendre, on va aussi les mettre en pratique directement dans un vrai projet !
On va donner un petit lifting à notre projet fil rouge: le jeu du Serpent ! Le Snake.
Bon vous l’avez compris, on a pas mal de boulot !
Allez c’est parti !
Maîtriser les nouveautés Javascript ES6, ES7
Utiliser les outils modernes du développeur: Npm, Webpack, etc..
5 Lectures
7 Lectures
6 Lectures
0 Lectures
5 Lectures
3 Lectures
2 Lectures
1 Lectures
0 Lectures
1 Lectures
3 Lectures
4 Lectures
3 Lectures
3 Lectures
0 Lectures
1 Lectures
Un Grand Merci aux 100 000+ etudiants qui suivent mes cours.Hello, moi c’est John Taieb, 36 ans, marié et papa d’un petit garçon et d'une petite fille :)Je ressens le besoin de démocratiser le monde du code. De l’extérieur ça fait peur et ça parait compliqué. Mais je sais que c’est accessible à tout le monde. Pas besoin de faire...
Je ressens le besoin de démocratiser le monde du code. De l’extérieur ça fait peur et ça parait compliqué. Mais je sais que c’est accessible à tout le monde. Pas besoin de faire de longues études pour y arriver.Mais surtout, coder c’est une révolution en marche!Le monde a besoin de plus en plus de codeurs. Même les enfants apprennent désormais...
Pas mal de parties de cette formation ne sont plus à jour.
Absolument c'est très bien expliqué. Merci
Très bon cours.
Parfois un peu lent mais c'est sans doute adapté pour le monde des développeurs (qui sont un peu plus lents que nous, le habitants du monde de l'exploitation)
J'ai, en effet, appris pas mal de choses, principalement sur les classes, npm et WebPack
très bien expliqué
Pour l'instant tout va bien
Super cours, merci John pour toutes ces connaissances ! L'animation des vidéos est toujours au top avec une bonne humeur et une pointe d'humour qui font plaisir.
Seul petit bémol, les parties sur webpack et babel ne sont pas traitées avec les toutes dernières versions ce qui nous oblige à chercher par nous même les bonnes configurations (mais c'est peut-être un bon exercice finalement ;))
Hâte de passer à la suite !
Merci, John ce fut un réel plaisir que te progresser chaque jour en ta compagnie. J'ai vraiment consolidé des notions qui avaient été trop vite abordées lors de précédentes formations et j'ai le sentiment des les avoir vraiment acquises et ce, de façon ludique !
Ne change rien, continue à transmettre ton enthousiasme, c'est tout bon !
Excellent cours, juste ce qu'il faut pour bien partir avec npm, webpack et babel. Pour moi, le rythme d'avancement était vraiment lent. Ce n'est cependant pas un reproche puisque je sais que le cours s'adresse à un large public. Par contre, je me serais bien passé de la section 12 sur les terminaux et les commandes de base.
À titre de Québecois, je me suis un peu amusé de l'accent français et des difficultés que représente la langue anglaise pour un Français. Soit rassuré, il n'y avait pas matière à être gêné.
Les explications sont clairs et les mettre en pratique sur un projet "fil-rouge" est très intéressant car on passe d'un projet vraiment basique à quelques chose de structuré.
J'ai appris pleins de choses que je vais pouvoir mettre en pratique sur mes projets, merci John.
Your email address will not be published. Required fields are marked *
Ntyam A. F. L.
C’est bien expliqué