Objectifs pédagogiques
- Choisir les outils les plus adaptés pour un développement d'applications basé sur le triptyque HTML 5 / CSS 3 / JavaScript et ses frameworks
- Identifier les frameworks JavaScript et les choisir à bon escient
- Reconnaître et mettre en place les outils d'industrialisation du code, de gestion de dépendance, de test...
Modalités et moyens pédagogiques
Formation délivrée en présentiel ou distanciel* (e-learning, classe virtuelle, présentiel à distance).
Le formateur alterne entre méthode** démonstrative, interrogative et active (via des travaux pratiques et/ou des mises en situation).
Variables suivant les formations, les moyens pédagogiques mis en oeuvre sont :
- Ordinateurs Mac ou PC (sauf pour les cours de l'offre Management), connexion internet fibre, tableau blanc ou paperboard, vidéoprojecteur ou écran tactile interactif (pour le distanciel)
- Environnements de formation installés sur les postes de travail ou en ligne
- Supports de cours et exercices
En cas de formation intra sur site externe à M2i, le client s'assure et s'engage également à avoir toutes les ressources matérielles pédagogiques nécessaires (équipements informatique...) au bon déroulement de l'action de formation visée conformément aux prérequis indiqués dans le programme de formation communiqué.
* nous consulter pour la faisabilité en distanciel
** ratio variable selon le cours suivi
Niveau requis
Avoir des connaissances en JavaScript et avoir utilisé un outil de développement.
Testez vos connaissances
Afin de vous orienter vers la formation la plus adaptée à votre niveau, passez votre test de connaissances pour évaluer vos compétences actuelles.
Temps estimé : 4 minutes.
Passer le testPublic concerné
Développeurs devant intégrer une équipe développement Front End.
Programme
Architecture d'une application Web
Rôle et position des langages Web
- HTML 5
- CSS 3
- JavaScript
- Les frameworks HTML 5 / CSS 3
- Les outils d'analyse de code : JSHint et JSLint
- Les outils de modularisation du code : AMD
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
Coder et gérer les sources
- Les outils disponibles pour développer en JavaScript
- NetBeans
- Visual Studio Code
- SublimeText...
- Gérer ses sources avec un gestionnaire de sources comme GIT
Gestion des dépendances
- Gestion des dépendances avec Bower
- Différences entre NPM et Bower
Automatiser le développement avec Node.js
- Le package manager
- Les modules utiles
- Gérer les dépendances
Automatiser les tâches avec Gulp et Grunt
- Automatisation des tâches avec Gulp
- Créer un build avec Gulp
- Automatisation des tâches avec Grunt
- Créer un build avec Grunt
Compiler et packager
- Compiler avec Babel
- Packager avec WebPack
Automatisation des tests
- Les outils de test JavaScript disponibles
- Tester avec QUnit
Le contenu de ce programme peut faire l'objet d'adaptation selon les niveaux, prérequis et besoins des apprenants.
Modalités d’évaluation des acquis
- En cours de formation, par des études de cas ou des travaux pratiques
- Et, en fin de formation, par un questionnaire d'auto-évaluation ou une certification (M2i ou éditeur)