Revenir à la liste

M2I FORMATION PARIS 12 — JavaScript pour les développeurs

Publié le 04/01/2021 — Produit n° 001433

: INFORMATIQUE TELECOMMUNICATIONINFORMATIQUELANGAGES - PROGRAMMATION JAVA - ANGULARJS

A l'iissue de de cete formation, vous saurez connaitre les bases de javaScript et du DOM et gérer des événements et manipulations dynamiques. Réaliser des appels asynchrones

Informations générales

Profil professionnel des stagiaires


Intermittents, Auteurs, Journalistes pigistes, Salariés des entreprises adhérentes

:
AUDIOVISUEL, CINÉMA, DIVERS, ÉDITION, SPORT, GOLF, HOTELLERIE DE PLEIN AIR, PRESSE, LOISIRS, AGENCE DE MANNEQUINS, ORGANISME DE TOURISME, PUBLICITÉ, SPECTACLE, TELECOM, CASINO

:

Connaissance de XHTML et CSS.

Identification du stage

:
Formation en présentiel

:

Connaître les bases de JavaScript et du DOM
Juger de l’intérêt de jQuery pour la programmation cross-browser
Gérer les évènements et les manipulations dynamiques
Savoir les règles d’or de la programmation avec JavaScript
Réaliser des appels synchrones (Ajax).

Durée de la formation : 28 heures

Lieu de réalisation
  • 69000 LYON
  • 38000 GRENOBLE
  • 35000 RENNES
  • 29000 BREST
  • 37000 TOURS
  • 67000 STRASBOURG
  • 54000 NANCY
  • 59000 LILLE
  • 75016 PARIS 16
  • 75012 PARIS 12
  • 97420 LE PORT
  • 76000 ROUEN
  • 33000 BORDEAUX
  • 34000 MONTPELLIER
  • 31000 TOULOUSE
  • 44000 NANTES
  • 13000 AIX EN PROVENCE
  • 06250 SOPHIA ANTIPOLIS


CASSAR — 01 44 53 36 00
v.mazza@m2iformation.fr
www.m2iformation.fr

Informations pédagogiques

Programme pédagogique

Jour 1
Un langage pour le Web
- Historique de JavaScript
- Les meilleurs IDE actuels
- Les librairies JavaScript et l'écosystème
- Versions de JavaScript jusqu'à ES2019
- JavaScript et Ajax : relations avec le serveur
- Structuration typique d'une page Web, où placer le JavaScript ?

Exemples de travaux pratiques (à titre indicatif)
- Création d'une page typique utilisant JavaScript
- Différentes façons d'intégrer JavaScript au projet

Bases du langage
- Syntaxe de base
- Déclarations et portées des données
- "var" et "let"
- Portée des données
- Types de données, conversions et affectations
- Structures de contrôle
- Boucles
- Tests
- Types de données JSON
- Pièges du typage dynamique
- L'objet "console"

Exemples de travaux pratiques (à titre indicatif)
- Premier projet simple sur l'utilisation des bases de JavaScript
- Déclarations de variables et utilisation
- Boucles, tests et affichages

Jour 2
Un langage à base de fonctions
- La fonction, un élément de base du langage
- Prototypes et fonctions
- Constructeurs et "this"
- Valeur de "this"
- Fonctions et programmation fonctionnelle
- Objet "window" ou le contexte global
- Contextes d'exécution
- Fonctions immédiates et anonymes
- Les fonctions fléchées
- La frontière avec la programmation objet

Exemples de travaux pratiques (à titre indicatif)
- Création d'un projet exploitant les fonctions de JavaScript
- Mise en exergue de l'aspect fonctionnel du langage
- Création et utilisation de fonctions anonymes

Jour 3
Document Object Model (DOM)
- Les objets du navigateur
- Récupérer des éléments
- Ajouter des balises
- Modifier les contenus
- Manipulation des CSS
- Gestion des évènements
- L'objet "event" et son utilisation
- Parcours du DOM
- Modification du DOM, suppression et création d'éléments

Exemples de travaux pratiques (à titre indicatif)
- Projet de manipulation des objets d'une feuille HTML 5
- Parcours, extraction des contenus et attributs
- Modification, insertion et suppression d'éléments

Gestion de formulaires avec JavaScript
- Gérer le contenu des formulaires
- Accès aux différents éléments
- Gestion de la validation des données de formulaires
- Ecrire un gestionnaire de formulaires

Exemples de travaux pratiques (à titre indicatif)
- Extraction des données d'un formulaire et contrôle des valeurs
- Validation des champs de saisie
- Conception d'un gestionnaire de saisie de formulaire

Gérer les CSS depuis JavaScript
- Rappel succinct de CSS
- Les objets et propriétés importantes
- Accéder en écriture et lecture à CSS

Exemples de travaux pratiques (à titre indicatif)
- Lecture de styles CSS depuis JavaScript
- Application de nouveaux styles CSS avec JavaScript

Jour 4
Ajax
- Architecture des sites Web avec et sans Ajax
- Asynchronisme dans le navigateur
- XMLHttpRequest et HTML 5
- Gestion d'erreurs et timeout

Exemples de travaux pratiques (à titre indicatif)
- Ecriture d'un projet qui récupère les données d'un serveur
- Les afficher sur une feuille avec Ajax et JSON
- Remplacement de diverses écritures réalisées par des appels à des fonctions jQuery

Nouveautés ECMAScript 6 à 11
- L'apport majeur de la version 6 (2015) de JavaScript
- Les autres apports
- Avantages liés pour le programmeur

Les nouveaux modèles de développement avec JavaScript
- Introduction à la notion de framework client
- Présentation du modèle MVC
- Exemples d'utilisation de JavaScript avec Vue.js
- Les autres frameworks
- Pourquoi choisir un framework comme Vue, Angular ou React ?

Exemples de travaux pratiques (à titre indicatif)
- Utilisation de fonctions amenées par les dernières versions de JavaScript
- Démonstration de frameworks MVC comme Vue
- Compréhension du rôle de JavaScript dans ces cas

L'héritage jQuery
- Bases de jQuery
- Ce qu'il faut connaître de jQuery pour comprendre un code legacy

Informations complémentaires (méthodologie, ...)

Certification (en option)
- Prévoir l'achat de la certification en supplément
- L'examen (en français) sera passé le dernier jour, à l'issue de la formation et s'effectuera en ligne
- Il s'agit d'un QCM dont la durée moyenne est d'1h30 et dont le score obtenu attestera d'un niveau de compétence
- La certification n'est plus éligible au CPF depuis le 31/12/2021, mais permettra néanmoins de valider vos acquis

Supports et ressources fournis aux stagiaires

La salle de formation est équipée d'un poste informatique par apprenant accédant à Internet, d’un vidéo projecteur, d’un paper board et d’un tableau blanc. Possibilité d'utiliser 1 plateforme de quizz interactive
Les supports de cours sont fournis et disponibles en version électronique.

Supports de cours
Les supports de cours sont fournis par M2i.
Ces supports seront disponibles en version électronique.

Niveau visé après la formation

AUTRE