Formation Développer des applications Web Full JavaScript


Formation Développer des applications Web Full JavaScript

Catalogue : Technologies Web



Rappels de fondamentaux
• Prototype, hoisting, ES5/6, binding, get/set.
• Programmation asynchrone : event loop, appel bloquant, promise, async-await.
• Primitives d’IHM (accès au DOM, gestion des événements, ajax).
• Programmation réactive : observable, subjet, behaviorSubject (RxJS).
• Typescript : programmation typée et modulaire. Décorateurs. Generics.
Travaux pratiques
Application web qui affiche le contenu d’un BehaviorSubject en temps réel. (ex : chronomètre)
Node.js
• Les commandes : Node, npm, npx.
• Les fichiers : package.json, node_modules, etc.
• Modules global et local, versions semver.
• Contrat d’API Node asynchrone.
• Des outils pratiques : Nodemon, ts-node, webpack.
Travaux pratiques
Installation d’un environnement de développement. Construction d’un site http « hello-world » en JS, sans express.
ExpressJS
• RequestListener, Middleware, Chaining de middleware.
• Construction d'un squelette d'application.
• Configuration d'Express et de l'application.
• Le rendu de vues avec EJS.
• Mise en place d'une API REST : CRUD sur http.
• Implementation d’un serveur express en Typescript.
Travaux pratiques
Réalisation d’un serveur express avec templates EJS et une API web service JSON de base, et une API REST.
Angular
• Digestion, intérêt des observables, behaviorSubject.
• Routes et formulaires réactifs.
• Requêtes http.
• Utilisation de layout et widget sur étagère : Angular Material.
• 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 avec Angular Material permettant de faire un CRUD sur une ressource.
MongoDB
• Installation de Mongo, normale, et via docker.
• 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.
Déploiement d’une application Full JavaScript
• 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 commande.
Travaux pratiques
Préparation d’une machine de production (docker, git) et livraison dessus.

 

Fiche de la formation



 Cible :

Développeurs et chefs de projets.


 Prérequis :

Bonnes connaissances des fondamentaux du langage JavaScript (notamment de la notion de callback) ainsi que des notions affirmées de HTML et CSS.


 Durée : 4 jours

 Type : Stage pratique


 Contactez-nous