DEVELOPPEMENT & PRODUCTION WORKFLOW

Cours Javascript ES6 pour la dernière semaine de formation Webprogramer à Nomades Advenced Technologies

Inscriptions: http://nomade.ch

• Rappel sur les classes javascript ES6
  • Utilisation des classes
  • Définition

• Usage des fonctions comme des spaces de nom
• Gestion des dependences automatisé :
  • création un fichier .js avec le système de dépendences entre les modules
• Gestion des importation et exportations des modules

• Conception de la structure de l'application
  • Séparation des fichiers d'application et de templates
  • Organisation des modules
  • Création d'un répertoire de production
• Introduction à Node.js et npm manager
• Installation de Bower (gestion des dépendences)
• Modules : Pages, Providers (APIs, API BBDD/ Firebase), Components, etc

• Automatisation des tâches : GULP (task runner)
  • Gestion des dependences Bower
  • Pilotage de Babel
  • Minification des fichiers (JS, CSS, SASS, etc)
  • Compilation des fichiers
  • Compresion des images
  • Livereload & browsersync
• Framework Babel
  • Plugings pour Babel : Browserify
  • Debogage en ES6
  • Code ES6 / ES5

Les exercices se trouvent sur les branches de ce repository. Il sont distinctement séparé afin de pouvoir comparer les "step" entre eux.

Voir les branches:

• step0 à step10
• puis step10-01_timer à step10-19_final_fix

• Support de cours :

  • Slides
  • PDF

• Ressources :

  • es6-features.org
  • MDN
  • Exploring JS

• Programmation ES6 Objets
• Séparation des concernes
• Conception d'un environement de développement et de distribution
• Utilisation de Node.js en environement de developpement
• Utilisation de Gulp, Babel, Browserify, Browsersync et autres modules Node.

Salut, je suis un Font-End developpeur qui vit à Genève. Je conçois et developpe des application web & mobile depuis plus de 15 ans et j'enseigne principalement Javascript ES6 et TypeScript à Nomades Advenced Technologies. Tu peux me suivre sur Twitter @FazioNico ou visiter mon site web http://nicolasfazio.ch