Formation Développer des applications Web Full JavaScript

Cette formation vous apprendra à développer des applications Web multipages ou monopages en JavaScript. Les frameworks utilisés seront AngularJS pour la partie client et Node.js pour la partie serveur. Les bases de données NoSQL seront évoquées au travers de MongoDB ainsi que d'autres frameworks utiles.

Rappels de fondamentaux

• Concepts généraux JavaScript et JSON.
• La programmation événementielle en JavaScript.
• La manipulation du Document Object Model (DOM).
• Travaux pratiques   Tests de primitives et de concepts avec JSFiddle.

Introduction à Node.js

• Pourquoi utiliser du JavaScript côté serveur ?
• Le packetmanager de node : NPM.
• Programmation asynchrone.
• Utiliser la programmation événementielle.
• Tour d'horizon de l'API Node.js.
• Travaux pratiques   Mise en place du squelette d'application, principaux traitements côté serveur.

La persistance via une approche NoSQL

• Les concepts fondamentaux du NoSQL.
• Introduction à MongoDB.
• Des documents plutôt que des tables.
• Utilisation du MongoShell.
• Construire des opérations de CRUD (Create...).
• Recherche multicritère d'objets.
• Mise en oeuvre dans Node.js.
• Travaux pratiques   Ajout d'une couche de persistance complète à l'application exemple.

Initiation à Grunt, Bower et Bootstrap

• L'automatisation de processus complexes avec Grunt.
• Gestion de dépendances dans le front-end via Bower.
• Initiation au framework Twitter Bootstrap.

Introduction à ExpressJS

• Les concepts fondamentaux d'Express.
• Construction d'un squelette d'application.
• Configuration d'Express et de l'application.
• Le rendu de vues avec EJS.
• La gestion de formulaires et des uploads de fichiers.
• Le routage d'URL par Express.
• Mise en place d'une API REST.
• La gestion des erreurs.
• Travaux pratiques   Mise en place d'une approche SIA/SPA dans notre application.

Mise en oeuvre d'AngularJS

• Le databinding bidirectionnel. Le modèle MVVM.
• Vue d'ensemble des directives.
• Vues et templates. Modèles et contrôleurs.
• Gestion du scope.
• La gestion du routage.
• Travaux pratiques   Ajout d'Angular sur le frontend.

L'approche MEAN

• Les concepts fondamentaux qui mènent à MEAN.
• Structure d'un projet MEAN. Les packages.
• L'injection de dépendances.
• Intégration avec AngularJS.
• La gestion des assets et l'agrégation.
• La gestion des routes.
• Travaux pratiques   Refactoring de l'application construite afin de suivre l'approche MEAN.