Bibliothèques et frameworks javascript

Développer des applications Web Full JavaScript

28 heures 0 mins

Bibliothèques et frameworks javascript

Objectifs de la formation

  • Maîtriser 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
  • Déployer en production avec Docker une application Full Javascript

Programme de la formation

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

  • Architecture d’une application déployée : reverse proxy, HTTPS, load balancer.
  • Liste des principales méthodes de déploiement : Docker/Kubernetes, PM2, BaaS (Netlify, Firebase, etc.).
  • Rendre une application Full Javascript déployable : utilisation des variables d’environnement. Librairie dotenv.
  • Outils de gestion de production PM2.
  • Fichier d’ecosystème de PM2 : ecosystem.config.js.

Travaux pratiques

Utiliser PM2 pour démarrer en mode production l’application précédente.

MOYENS PÉDAGOGIQUES ET TECHNIQUES D’ENCADREMENT DES FORMATIONS

Modalités pédagogiques :

  • Évaluation des besoins et du profil des participants.
  • Apport théorique et méthodologique : séquences pédagogiques regroupées en différents modules.
  • Contenus des programmes adaptés en fonction des besoins identifiés pendant la formation.
  • Le formateur évalue la progression pédagogique du participant tout au long de la formation au moyen de travaux pratiques, étude de cas et mise en situation.
  • Méthodes expositive, active et participative.
  • Réflexion et échanges sur cas pratiques.
  • Retours d'expériences.
  • Corrections appropriées et contrôles des connaissances à chaque étape, fonction du rythme de l’apprenant mais également des exigences requises au titre de la formation souscrite.

Éléments matériels :

  • Mise à disposition des outils nécessaires au bon déroulement des travaux pratiques.
  • Support de cours au format numérique projeté sur écran et transmis au participant en fin de la formation.

Référent pédagogique et formateur :

  • Chaque formation est sous la responsabilité du directeur pédagogique de l’organisme de formation.
  • Le bon déroulement est assuré par le formateur désigné par l’organisme de formation.
MOYENS PERMETTANT LE SUIVI ET L’APPRÉCIATION DES RÉSULTATS
  • Feuilles de présences signées des participants et du formateur par demi-journée.
  • Attestation de fin de formation mentionnant les objectifs, la nature et la durée de l’action et les résultats de l’évaluation des acquis de la formation.
Please login to get access to the quiz
Vue.js, maîtriser le framework JavaScript Open Source (Prev Lesson)
(Next Lesson) Node.js, programmation JavaScript côté serveur
Back to Bibliothèques et frameworks javascript
Public

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.

Vérifiez que vous avez les prérequis nécessaires pour profiter pleinement de cette formation en effectuant le test disponible en bas de cette page.

Lieu de formation

Intra-entreprise/à distance

Dates ou période

À définir. Nous consulter

Tarif

Sur devis. Merci de nous contacter

Modalités

Pour s’inscrire à notre formation, veuillez nous contacter par mail ou téléphone.

Démarrage de la formation sous deux semaines (délai indicatif).

Nous contacer
training@profind.fr
Informations complémentaires

Pour toute réclamation, aléas ou difficultés rencontrés pendant la formation, veuillez prendre contact avec notre organisme par téléphone ou par e-mail. Nous mettrons tout en œuvre pour trouver une solution adapter.

Formation synchrone, réalisée à distance en visioconférence via l’application Microsoft Teams ou en présentiel dans les locaux du client.

Sur le même thème