M2i Formation

JavaScript

Par M2i Formation

Objectifs

  • Connaître les bases de JavaScript et de son utilisation pour le DOM
  • Gérer les évènements et les manipulations dynamiques
  • Connaître les règles d'or de la programmation avec JavaScript
  • Réaliser des appels synchrones (Ajax)
  • Utiliser jQuery pour faciliter la gestion du DOM et simplifier le code
  • Connaître le modèle de conception des frameworks JavaScript modernes.

Programme

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

jQuery

  • Où se place jQuery dans JavaScript ?
  • Avantages de jQuery
  • La fonction $ et les sélecteurs
  • Chaînage de fonctions
  • Exemples de parcours et de modifications du DOM avec jQuery
  • Fonctions indispensables
  • Effets visuels
  • Mise en oeuvre d'Ajax dans jQuery
  • Limites de jQuery
Exemple de travaux pratiques (à titre indicatif)
  • Remplacement de diverses écritures réalisées par des appels à des fonctions jQuery

Nouveautés ECMAScript 6, 7, 8 et 9

  • 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

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

Pédagogie

L'évaluation des acquis se fait :

  • En cours de formation, par des études de cas ou des travaux pratiques
  • Et, en fin de formation, par un questionnaire d'auto-évaluation ou une certification (M2i ou éditeur)

Partager cette formationTélécharger au format pdf Ajouter à mes favoris

Formations de la même catégories (5)

Ambient IT
Vue.JsPar Ambient IT

Créé et propulsé par les développeurs d’alibaba.com, Vue.js est un framework évolutif pour construire des interfaces utilisateur. À la différence des autres frameworks monolithiques, Vue a été conçu et pensé pour pouvoir être adopté de manière incrémentale. Le cœur de la bibliothèque est concentré uniquement sur la partie vue, et il est vraiment simple de l’intégrer avec d’autres bibliothèques ou projets existants. D’un autre côté, Vue est tout à fait capable de faire tourner des applications web monopages quand il est couplé avec des outils modernes et des bibliothèques complémentaires.

Vue.js est connu pour avoir rendu le développement front amusant ! Il est sans conteste le framework web moderne à la foi productif et accessible. Dans cette formation vous apprendrez à créer des interfaces web riches en utilisant Vue.js 2 : templating, composants de vue, découverte de son écosystème.

Comme toutes nos formations, celle-ci vous présentera la dernière version stable en date (Vue.js 2.6).

Tanit Formation
Exploiter la puissance javascript pour dynamiser les applications webPar Tanit Formation

Dans cette formation, vous apprendrez à développer des applications Web côté client en écrivant des scripts JavaScript pour interagir dynamiquement avec le contenu de la page Web, soit en lien avec des actions de l'utilisateur et/ou suite à un échange de données avec un service Web.

Ziggourat
JavaScript PerfectionnementPar Ziggourat

Cette formation vous permet de découvrir les différentes approches de la programmation orientée objet en JavaScript.

ENI SERVICE
Vue.js – Développer des applications WebPar ENI SERVICE

Dans cette formation, vous apprendrez à industrialiser, structurer et optimiser vos développements d'applications Web JavaScript en utilisant le framework Vue.js.

Orsys
JavaScript, maîtriser la Programmation Orientée ObjetPar Orsys

Vous renforcerez dans ce cours vos connaissances en programmation Objet sur JavaScript. Vous étudierez en détail son modèle Objet en mettant en œuvre notamment le concept de classes et d'héritage. Vous découvrirez également les mécanismes avancés du JavaScript et l'intérêt de l'intégrer avec du TypeScript.

Nous utilisons les cookies afin de fournir les services et fonctionnalités proposés sur notre site et afin d’améliorer l’expérience de nos utilisateurs. En cliquant sur ”J’ai compris”, vous acceptez l’utilisation de ces cookies.