Formation Industrialisation Front-End : maîtriser ses pratiques de développement

1/ Architecture d'une application Web

• Structurer un projet d'application Web

• HTML5

• CSS3

• JavaScript

• SuperSet JavaScript

• Les frameworks HTML 5 / CSS 3

• Les outils d'analyse de code : JSHint et JSLint

• Les outils de modularisation du code : AMD

2/ Choisir l'environnement de développement

• Offre du marché (SublimeText, Eclipse...)

• Choisir et configurer son IDE (extensions...)

• Quelles fonctionnalités attendre, "live Template", "code snippet" ?

• Les solutions pour développer en ligne (Cloud 9...)

• Les environnements pré-intégrés (PrePros)

3/ Les frameworks utiles dans JavaScript

• Les frameworks HTML 5 / CSS 3

• Les frameworks JavaScript de manipulation DOM

• Les frameworks de gestion graphique

• Les frameworks Ajax

• Les frameworks de test unitaire

• Les frameworks MVC

4/ "Versionner" avec GIT

• Gestion de source : centralisée versus distribuée

• Concepts de base, initialiser un repository

• Organiser les branches de développement

5/ Gestion des dépendances

• Gestion des dépendances avec Bower

• Différences entre NPM et Bower

6/ Automatiser le développement avec Node.js

• Présentation de Node.js. Le Node Package Manager

• Les modules indispensables pour le développeur

• Gestion des dépendances. Créer un package npm

7/ Automatiser les tâches avec Gulp et Grunt

• Présentation : automatisation des tâches

• Définition des types de tâches : créer une commande

• Structure d'un fichier gulptfile.js

• Les contributions indispensables

• Créer un "Build" efficace avec Gulp

8/ Automatisation des tests

• Utilitaires de test : Jasmine, Mocha...

• Recommandation pour l'écriture des tests unitaires

• Karma : présentation et configuration

• Générer les rapports de test et de couverture du code

• End to End Testing : interface utilisateur

9/ Créer un template de projet

• Présentation, avantage et inconvénient du scaffolding

• Quels utilitaires : Yeoman, Lineman ?

• Les générateurs de Yo. Création de générateur