Dveloppement Moderne Javascript et ES6, ES7 | Web Development Online Course by Udemy

Development Online Course by Udemy, On Sale Here

Maitrisez les nouveauts Javascript ES6, ES7 et les outils modernes du dveloppeur: Npm, Webpack, Babel.

An excellent training about Web Development

Dveloppement Moderne Javascript et ES6, ES7

Dans ce cours on va parler de Dveloppement Moderne en Javascript. Pourquoi Dveloppement Moderne? Pour 2 raisons: La premire cest au niveau du code! Nouveauts ES6 ES7Des nouveauts, il y en a pas mal, on peut dire quES6 nous a particulirement gt. Les variables, quon peut maintenant dclarer avecletetconst, qui nous permettent dutiliser lesscopes de bloc. Lesfonctions flches, on va voir que nos fonctions peuvent aussi utiliser lesparamtres par dfautou lesparamtres REST. Il y aussi le nouveloprateur SPREAD, la bouclefor of, lesTemplates Stringset mme ce quon appelle leDestructuring. Bref! On en a des nouvelles choses apprendre. Classes ES6Alors il y a certaines nouveauts plus impactantes que dautres et qui mritent quon sy attarde plus. Par exemple lesClasses ES6: on verra comment une classe peuthriterdune autre classe, on pourra mme crer des classes quihritent directement des lments intgrs Javascript. On verra ce quest unemthode statiqueet comment contrler laccs au proprits de nos objets avecgetetset. Modules ES6Une autre nouveaut majeure dES6, ce sont lesModules. Avec lesimportet lesexport, on va pouvoir utiliser des lments dclars dans dautres fichiers: cest le principe du module et cest obligatoire si vous travaillez sur des gros projets. TerminalLa deuxime raison pour laquelle jai appel ce cours Dveloppement Moderne, cest quon va dcouvrir lesoutils modernes du dveloppeur! On va apprendre maitriser le terminalpour excuter des commandes. NpmAvecNpm, vous allez installer des packets Javascipt en quelques secondes et tout sera configur automatiquement dans unfichier package. jsonWebpackOn va dcouvrir un autre outil fantastique: Webpack! Il va empaqueter tous nos fichiers en un seul! Mais ce nest pas tout! On va lutiliser pour crer un serveur local qui dtecte les modifications de notre code et les charge directement dans le navigateur. Plus pratique pour coder! Cest aussi important dtre bien organis! On va apprendre structurer notre projet: un dossier pour les fichiers source et un pour ceux de production. BabelEt le dernier outil dont on va parler cestBabel! Car ES6, ES7 cest bien mais si les navigateurs daujourdhui ne le supportent pas encore 100%, on a rien gagn. Donc je vais vous montrer comment utiliser letranspiler Babelainsi que lespolyfillspour rendre votre code compatible avec tous les navigateurs d’aujourdhui. Projet du SnakeAlors je ne lai pas precis mais toutes ces choses quon 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 lavez compris, on a pas mal de boulot! Allez cest parti!

Udemy is the leading global marketplace for learning and instruction

By connecting students all over the world to the best instructors, Udemy is helping individuals reach their goals and pursue their dreams.

Study anytime, anywhere.

START HERE