Bibliothèques et frameworks javascript

Objectifs

• Être capable de programmer un site web en HTML5, CSS3 et JavaScript
• Connaître le socle MEAN
• Acquérir une autonomie en programmation JavaScript avec Node.js et Express
• Être en mesure de manipuler le Framework Angular
• Comprendre REST et l’articulation avec MongoDB
• Maîtriser les environnements de développement JavaScript

Programme

Application web HTML5, CSS3, JavaScript : nouvelle architecture

• Présentation des trois technologies de base : HTML5, CSS3, JavaScript
• Explication du principe d’application mono-page (vs multi-pages)
• Présentation du socle MEAN
• Présentation d’une comparaison MEAN vs LAMP

HTML5 et application mono page

• Principe de base d’une page HTML5
• Principe de base du langage JavaScript
• Le DOM et sa manipulation

CSS3 et JQuery

• Feuille de style CSS3
• Les sélecteurs
• La disposition d’une page HTML5
• Les styles media
• JQuery et les sélecteurs
• Manipulation du DOM en JS et en JQuery

Requêtes http et Ajax

• HTTP et ses requêtes (GET, POST, PUT, DELETE)
• Requêtes synchrones et requêtes asynchrones : Ajax
• Front end dynamique et back end statique

Node.js et back end dynamique

• Présentation de Node.js et de npm
• Explication du concept de middleware et de route dans Node.js
• Le serveur web Express
• Le format JSON
• Lien front end / back end

MongoDB via NodeJS

• Principe de base NoSQL
• MongoDB, une base orientée documents
• Les drivers Node.js pour interagir avec MongoDB
• Le style architectural REST

Environnement de développement et tests

• Les tests unitaires en JavaScript
• Les tests end to end (E2E) en JavaScript
• Les Frameworks JavaScript supports aux tests
• Le debug
• L’automatisation des tâches de développement avec npm, bower et Yeoman

Angular et son MVC

• Le pattern MVC sur un front end web
• Angular et ses concepts front end
• Le lien avec le back end

Angular et ses directives

• Présentation du concept de Template HTML
• Présentation des directives Angular
• Catalogue des directives Angular
• Création d’une directive

Angular et la gestion des routes

• Présentation du concept de route pour le front
• HTTP et le caractère #
• Exploitation des routes dans Angular pour avoir des modules front

Angular et les ressources (lien avec le back)

• Principes d’échange de données entre le front et le back
• Les appels Ajax dans Angular
• Le concept de ressource et de synchronisation automatisée

Design d’application web (module, etc.)

• Codage et conception web
• Les modules Angular
• Les linter JavaScript
• Le nommage des routes front et des routes back

Mise en place de droits d’accès

• Les droits d’accès et les applications mono page
• Architecture de partage d’information dans le front
• Principe de base de la vérification des droits dans Angular

Angular 2.0 et les autres frameworks web

• Principe de base d’un Framework MVC
• Vers le concept de composant web
• Vue d’ensemble des autres frameworks

Rendu visuel avec HMTL5 et CSS3

• Le CSS3 et bootstrap
• Les animations
• Intégration des différents frameworks