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

Avis loadedNote : 4,4Length : 2TotalNote : 35TotalNote20 : 1
Toutes nos formations Développement Front-End

Formation Développer des applications Web Full JavaScript

4,4 / 5
Stage pratique
Durée : 4 jours
Réf : FUJ
Prix  2021 : 2490 € H.T.
Pauses et déjeuners offerts
  • Programme
  • Participants / Prérequis
  • Intra / sur-mesure
  • avis clients
Programme

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.

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

Participants / Prérequis

» Participants

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.
Intra / sur-mesure

Demande de devis intra-entreprise
(réponse sous 48h)

Vos coordonnées

En cochant cette case, j’atteste avoir lu et accepté les conditions liées à l’usage de mes données dans le cadre de la réglementation sur la protection des données à caractère personnel (RGPD).
Vous pouvez à tout moment modifier l’usage de vos données et exercer vos droits en envoyant un email à l’adresse rgpd@orsys.fr
En cochant cette case, j’accepte de recevoir les communications à vocation commerciale et promotionnelle de la part d’ORSYS Formation*
Vous pouvez à tout moment vous désinscrire en utilisant le lien de désabonnement inclus dans nos communications.
* Les participants inscrits à nos sessions de formation sont également susceptibles de recevoir nos communications avec la possibilité de se désabonner à tout moment.
Avis clients
picto avis clients
LIONEL M. 08/12/2020
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/2020
4 / 5
manque la partie javascript à contrario des informations sur certains composants comme NPM et les vulnérabilités
Avis clients 4,4 / 5

Les avis clients sont issus des feuilles d’évaluation de fin de formation. La note est calculée à partir de l’ensemble des avis datant de moins de 12 mois.

CLASSE A DISTANCE

En inter et en intra-entreprise
Inscrivez-vous ou contactez-nous !

Pour vous inscrire

Cliquez sur la ville, puis sur la date de votre choix.
[+]
CLASSE A DISTANCE
[+]
PARIS
[+]
LYON

Horaires

Les cours ont lieu de 9h à 12h30 et de 14h à 17h30.
Les participants sont accueillis à partir de 8h45.
Pour les stages pratiques de 4 ou 5 jours, les sessions se terminent à 15h30 le dernier jour.