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 :
-
Ressources :
- 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