Objectifs

-Comprendre les concepts de programmation asynchrone,
fonctionnelle et réactive de Javascript.
-Développer une application cliente SPA avec Angular et Material
Design.
-Développer une application serveur et une REST API en Javascript
avec Node, Express.
-Ajouter une couche de persistance de données via une approche
NoSQL avec MongoDB.

Programme

– Prototype, hoisting, ES5/6, binding, get/set.

– Programmation asynchrone

– Accès au DOM

– Gestion des événements

– Ajax.

– Programmation réactive

– Typescript

– La philosophie de NodeJS

– Spécificités du développement « côté serveur »

– Le système de modules

– Rôle du NPM

– Programmation asynchrone.

– La programmation événementielle.

– Tour d’horizon de l’API Node.js.

– Mise en œuvre d’un serveur WEB avec NodeJS
Travaux pratiques
Installation d’un environnement de développement. Construction d’un site
http « hello-world » en JS, sans express.

– Pourquoi utiliser ExpressJS ?

– Installation et configuration

– Forme générale d’une application ExpressJS

– La gestion des erreurs

– Les vues avec ExpressJS

– La gestion des formulaires

– Le dépôt de fichiers (upload)

– Le routage d’URL

– Mise en place d’un Web Service (API REST)
Travaux pratiques
Réalisation d’un serveur express avec templates EJS et une API web service JSON de base, et une API REST.

– Digestion, intérêt des observables, behaviorSubject.

– Routes et formulaires réactifs.

– Requêtes http.

– Utilisation de layout et widget sur étagère

– Construction du livrable de production.

– Démarrer un projet avec Angular cli.

– Présentation des artefacts.

 – Concept de Databinding.
Travaux pratiques
Réalisation d’un client Angular SPA permettant de faire un CRUD sur une ressource.

– Installation de Mongo.

– Installation de Mongo compass (client intuitif).

– Exploration des concepts de Mongo : collections, documents, etc.

– CRUD sur Mongo depuis Node.

– REST API avec Middleware express exposant une collection Mongo.
Travaux pratiques
Ajout d’une couche de persistance complète à l’application précédente.

– Installation de docker.

– Vue d’ensemble des directives.

– Fichiers : dockerFile, docker-compose.yml, dockerIgnore, etc.

– Construction des livrables de production en tenant compte des environnements cibles.

– Livrer en une comman

Référence :  WEB025

Type de Stage : Pratique

Durée : 5 jours

Public concerné:

Développeurs et chefs de projets.

Prérequis:

Bonnes connaissances en
Javascript, HTML et CSS