Venez en toute sécurité dans nos centres ! Voir notre dispositif sanitaire

> Formations > Technologies numériques > Technologies Web > Développement Front-End > Formation Développer des applications Web Full JavaScript > Formations > Technologies numériques > Formation Développer des applications Web Full JavaScript

Développer des applications Web Full JavaScript

Développer des applications Web Full JavaScript

Télécharger au format pdf Partager cette formation par e-mail


Vous apprendrez à développer des applications Web multipages ou monopages en JavaScript. Les frameworks utilisés seront Angular 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 comme Express JS.


Inter
Intra
Sur mesure

Cours pratique en présentiel ou en classe à distance

Réf : FUJ
Prix : 2490 € HT
  4j - 28h
Pauses-café et
déjeuners offerts




Vous apprendrez à développer des applications Web multipages ou monopages en JavaScript. Les frameworks utilisés seront Angular 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 comme Express JS.

Objectifs pédagogiques
À l’issue de la formation, le participant sera en mesure de :
  • 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.

Public concerné
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.

Modalités d'évaluation
Le formateur évalue la progression pédagogique du participant tout au long de la formation au moyen de QCM, mises en situation, travaux pratiques…
Le participant complète également un test de positionnement en amont et en aval pour valider les compétences acquises.

Modalités pratiques
Exercice
Une application fil rouge sera construite, en l'enrichissant progressivement des concepts abordés.
Méthodes pédagogiques
Une application fil rouge sera construite, en l'enrichissant progressivement des concepts abordés.

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

  • 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.


Solutions de financement
Pour trouver la meilleure solution de financement adaptée à votre situation : contactez votre conseiller formation.
Il vous aidera à choisir parmi les solutions suivantes :
  • Le plan de développement des compétences de votre entreprise : rapprochez-vous de votre service RH.
  • Le dispositif FNE-Formation.
  • L’OPCO (opérateurs de compétences) de votre entreprise.
  • Pôle Emploi sous réserve de l’acceptation de votre dossier par votre conseiller Pôle Emploi.
  • Le plan de développement des compétences de votre entreprise : rapprochez-vous de votre service RH.
  • Le dispositif FNE-Formation.
  • L’OPCO (opérateurs de compétences) de votre entreprise.
  • Pôle Emploi sous réserve de l’acceptation de votre dossier par votre conseiller Pôle Emploi.


Avis clients
5 / 5
Les avis clients sont issus des évaluations de fin de formation. La note est calculée à partir de l’ensemble des évaluations datant de moins de 12 mois. Seules celles avec un commentaire textuel sont affichées.
FREDERIC G.
19/10/21
5 / 5

Cours très dense et très complet. Bonne pédagogie et explications toujours bien à propos.
LIONEL M.
08/12/20
5 / 5

Cours tres complet et dense. Necessite une mise en pratique posterieure (support de cours fournis indispensable) Animateur tres competent et pedagogue. Support a mettre a jour pour eviter une legere obsolescence.
ABDELKADER B.
08/12/20
3 / 5

manque la partie javascript à contrario des informations sur certains composants comme NPM et les vulnérabilités




Horaires
En présentiel, les cours ont lieu de 9h à 12h30 et de 14h à 17h30.
Les participants sont accueillis à partir de 8h45. Les pauses et déjeuners sont offerts.
En classe à distance, la formation démarre à partir de 9h.
Pour les stages pratiques de 4 ou 5 jours, quelle que soit la modalité, les sessions se terminent à 15h30 le dernier jour.

Dates et lieux
Pour vous inscrire, sélectionnez la ville et la date de votre choix.
Du 22 au 25 février 2022
Lyon
S’inscrire
Du 22 au 25 mars 2022
Classe à distance
S’inscrire
Du 22 au 25 mars 2022
Paris La Défense
S’inscrire
Du 10 au 13 mai 2022
Lyon
S’inscrire
Du 7 au 10 juin 2022
Classe à distance
S’inscrire
Du 7 au 10 juin 2022
Paris La Défense
S’inscrire
Du 6 au 9 septembre 2022
Lyon
S’inscrire
Du 27 au 30 septembre 2022
Classe à distance
S’inscrire
Du 27 au 30 septembre 2022
Paris La Défense
S’inscrire
Du 15 au 18 novembre 2022
Paris La Défense
S’inscrire
Du 15 au 18 novembre 2022
Classe à distance
S’inscrire
Du 6 au 9 décembre 2022
Lyon
S’inscrire