M2i Formation

Langages et développement - Développeur Web HTML 5, CSS 3 et JavaScript

Développement d'applications clients full stack

Présentiel

5 jours (35 heures) - DEV-CLIF

Accueil  ›  Formations Informatique  ›  Langages et développement  ›  Développeur Web HTML 5, CSS 3 et JavaScript  ›  Développement d'applications clients full stack

Objectifs pédagogiques

  • Maîtriser des notions avancées de JavaScript
  • Développer des applications exploitant les technologies le plus actuelles du côté du client, à savoir le framework Angular 2 / 4, ainsi que sur le framework Node.js sur le serveur
  • Gérer les différents protocoles d'échanges ainsi que les formats de données.

Niveau requis

Avoir des connaissances de base sur JavaSript et HTML 5 / CSS 3.

Public concerné

Développeurs ayant à réaliser des applications clientes SPA ou non.


Éligible aux financements suivants : Formation éligible au CPF

La Défense17/12/20183 000 € HTInscriptions en cours, places disponiblesRéserver

Sessions
planifiées
Sessions
ouvertes
Sessions
confirmées
Réserver
le stage

Metz17/12/20183 000 € HTDates proposées dans les agences M2iRéserver
Mulhouse17/12/20183 000 € HTDates proposées dans les agences M2iRéserver
Nancy17/12/20183 000 € HTDates proposées dans les agences M2iRéserver
Reims17/12/20183 000 € HTDates proposées dans les agences M2iRéserver

Afficher plus de dates

Sessions
planifiées
Sessions
ouvertes
Sessions
confirmées
Réserver
le stage

Caen17/12/20183 000 € HTDates proposées dans les agences M2iRéserver
Évreux17/12/20183 000 € HTDates proposées dans les agences M2iRéserver
Le Havre17/12/20183 000 € HTDates proposées dans les agences M2iRéserver
Lille17/12/20183 000 € HTDates proposées dans les agences M2iRéserver

Afficher plus de dates

Sessions
planifiées
Sessions
ouvertes
Sessions
confirmées
Réserver
le stage

Dijon17/12/20183 000 € HTDates proposées dans les agences M2iRéserver
Grenoble17/12/20183 000 € HTDates proposées dans les agences M2iRéserver
Lyon17/12/20183 000 € HTDates proposées dans les agences M2iRéserver
Saint-Étienne17/12/20183 000 € HTDates proposées dans les agences M2iRéserver

Afficher plus de dates

Sessions
planifiées
Sessions
ouvertes
Sessions
confirmées
Réserver
le stage

Bordeaux17/12/20183 000 € HTDates proposées dans les agences M2iRéserver
Orléans17/12/20183 000 € HTDates proposées dans les agences M2iRéserver
Tours17/12/20183 000 € HTDates proposées dans les agences M2iRéserver

Sessions
planifiées
Sessions
ouvertes
Sessions
confirmées
Réserver
le stage

Aix-en-Provence17/12/20183 000 € HTDates proposées dans les agences M2iRéserver
Montpellier17/12/20183 000 € HTDates proposées dans les agences M2iRéserver
Sophia Antipolis17/12/20183 000 € HTDates proposées dans les agences M2iRéserver

Sessions
planifiées
Sessions
ouvertes
Sessions
confirmées
Réserver
le stage

Certification : M2i Langages de Programmation (+ 120€)

Rappels avancés de JavaScript

  • Les types de variables en JavaScript
  • Portée des déclarations des variables dans JavaScript
  • Les diverses formes de fonctions dans JavaScript
  • Les différents types d'objets dans JavaScript
  • Les prototypes dans JavaScript
  • Mise en oeuvre de l'asynchronisme dans JavaScript
  • Les fonctions de rappel
  • Gestion des modules avec RequireJS

Les protocoles et structures de données

  • Rappels sur REST
  • Mise en oeuvre de REST
  • Rappels sur JSON
  • Echange de données avec REST et JSON

Présentation de Bootstrap

  • Présentation du framework Bootstrap
  • Applications responsives avec Bootstrap

Quelques frameworks MVC actuels

  • Présentation, avantages et inconvénients de
    • Backbone.js
    • React.js
    • Angular

Présentation d'Angular 2 / 4

  • Architecture d'une application Angular
  • Les modules
  • Organiser l'application en modules
  • Les components
  • Les templates
  • Les directives
  • Les services
  • La DI (Dependency Injection)
  • Le routage

Mise en oeuvre d'Angular 2 / 4

  • Structure d'un projet Angular 2
  • Mise en oeuvre des templates
  • Mise en oeuvre des formulaires
  • Travail sur HTTP, récupération des données
  • Mise en oeuvre du routage

Création d'un projet complet avec Angular 2 / 4

Présentation de Node.js

  • Particularités de JavaScript côté serveur
  • Installation de Node.js, l'outil NPM
  • La base de Node.js : la programmation asynchrone
  • Comment palier la non-prise en charge des threads
  • La gestion des modules avec require
  • Les modules HTTP, FS, URL, DNS...
  • L'accès aux bases de données
  • Accès à la base MongoDB et MySQL

Présentation du framework Express Web (Node)

  • Configuration d'Express Web
  • API requêtes et réponses
  • Sérialisation en XML ou JSON
  • Orientation REST

Socket.io (Node)

  • Les WebSockets
  • Réception et envoi de messages

Les outils d'industrialisation

  • Automatisation des tâches avec Grunt
  • Automatisation des tâches avec Gulp
  • Gestion des dépendances avec Bower
  • Présentation de Webpack, le bundling de modules
  • Gestion des sources avec GIT

Certification (en option)

  • Nos tests de validation des compétences font partie intégrante du processus d'apprentissage car ils permettent de développer différents niveaux d'abstractions.
  • Solliciter l'apprenant à l'aide de nos QCM, c'est lui permettre d'étayer sa réflexion en mobilisant sa mémoire pour choisir la bonne réponse. Nous sommes bien dans une technique d'ancrage mémoriel.
  • L'examen sera passé à la fin de la formation.