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

Objectifs pédagogiques

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

Niveau requis

Avoir la connaissance de XHTML et CSS. Il est également nécessaire de connaître la programmation structurée.

Public concerné

Développeurs, architectes ou chefs de projets techniques.

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)

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

Les + de la formation

L'examen de certification (proposé en option) est en français.

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

Calendrier des sessions

Je réserve avec mon CPF

Pendant la période de confinement, cette formation en présentiel est disponible en Classe à Distance avec la même qualité pédagogique. Quand souhaitez-vous commencer votre formation ?

Session confirmée 23/06/2020 Paris La Défense 2 000 € HT Je m'inscris

07/09/2020 Paris La Défense 2 000 € HT Je m'inscris

02/11/2020 Paris La Défense 2 000 € HT Je m'inscris

Modalité Présentiel

Certification M2i Langages de Programmation (+ 120€)

Financements CPF & Actions-CO

Je réserve avec mon CPF

Pendant la période de confinement, cette formation en présentiel est disponible en Classe à Distance avec la même qualité pédagogique. Quand souhaitez-vous commencer votre formation ?

23/06/2020 Nancy 2 000 € HT Je m'inscris

23/06/2020 Strasbourg 2 000 € HT Je m'inscris

23/06/2020 Reims 2 000 € HT Je m'inscris

23/06/2020 Metz 2 000 € HT Je m'inscris

23/06/2020 Mulhouse 2 000 € HT Je m'inscris

07/09/2020 Nancy 2 000 € HT Je m'inscris

07/09/2020 Strasbourg 2 000 € HT Je m'inscris

07/09/2020 Reims 2 000 € HT Je m'inscris

07/09/2020 Metz 2 000 € HT Je m'inscris

07/09/2020 Mulhouse 2 000 € HT Je m'inscris

02/11/2020 Nancy 2 000 € HT Je m'inscris

02/11/2020 Strasbourg 2 000 € HT Je m'inscris

02/11/2020 Reims 2 000 € HT Je m'inscris

02/11/2020 Metz 2 000 € HT Je m'inscris

02/11/2020 Mulhouse 2 000 € HT Je m'inscris

Voir plus de sessions

Modalité Présentiel

Certification M2i Langages de Programmation (+ 120€)

Financements CPF & Actions-CO

Je réserve avec mon CPF

Pendant la période de confinement, cette formation en présentiel est disponible en Classe à Distance avec la même qualité pédagogique. Quand souhaitez-vous commencer votre formation ?

23/06/2020 Lille 2 000 € HT Je m'inscris

23/06/2020 Rouen 2 000 € HT Je m'inscris

23/06/2020 Nantes 2 000 € HT Je m'inscris

23/06/2020 Caen 2 000 € HT Je m'inscris

23/06/2020 Évreux 2 000 € HT Je m'inscris

23/06/2020 Le Havre 2 000 € HT Je m'inscris

07/09/2020 Lille 2 000 € HT Je m'inscris

07/09/2020 Rouen 2 000 € HT Je m'inscris

07/09/2020 Nantes 2 000 € HT Je m'inscris

07/09/2020 Caen 2 000 € HT Je m'inscris

07/09/2020 Évreux 2 000 € HT Je m'inscris

07/09/2020 Le Havre 2 000 € HT Je m'inscris

02/11/2020 Lille 2 000 € HT Je m'inscris

02/11/2020 Rouen 2 000 € HT Je m'inscris

02/11/2020 Nantes 2 000 € HT Je m'inscris

02/11/2020 Caen 2 000 € HT Je m'inscris

02/11/2020 Évreux 2 000 € HT Je m'inscris

02/11/2020 Le Havre 2 000 € HT Je m'inscris

Voir plus de sessions

Modalité Présentiel

Certification M2i Langages de Programmation (+ 120€)

Financements CPF & Actions-CO

Je réserve avec mon CPF

Pendant la période de confinement, cette formation en présentiel est disponible en Classe à Distance avec la même qualité pédagogique. Quand souhaitez-vous commencer votre formation ?

23/06/2020 Lyon Part-Dieu 2 000 € HT Je m'inscris

23/06/2020 Grenoble 2 000 € HT Je m'inscris

07/09/2020 Lyon Part-Dieu 2 000 € HT Je m'inscris

07/09/2020 Grenoble 2 000 € HT Je m'inscris

02/11/2020 Lyon Part-Dieu 2 000 € HT Je m'inscris

02/11/2020 Grenoble 2 000 € HT Je m'inscris

Voir plus de sessions

Modalité Présentiel

Certification M2i Langages de Programmation (+ 120€)

Financements CPF & Actions-CO

Je réserve avec mon CPF

Pendant la période de confinement, cette formation en présentiel est disponible en Classe à Distance avec la même qualité pédagogique. Quand souhaitez-vous commencer votre formation ?

23/06/2020 Tours 2 000 € HT Je m'inscris

23/06/2020 Orléans 2 000 € HT Je m'inscris

23/06/2020 Bordeaux 2 000 € HT Je m'inscris

23/06/2020 Blois 2 000 € HT Je m'inscris

23/06/2020 Bourges 2 000 € HT Je m'inscris

23/06/2020 Châteauroux 2 000 € HT Je m'inscris

23/06/2020 Le Mans 2 000 € HT Je m'inscris

23/06/2020 Niort 2 000 € HT Je m'inscris

23/06/2020 Poitiers 2 000 € HT Je m'inscris

07/09/2020 Tours 2 000 € HT Je m'inscris

07/09/2020 Orléans 2 000 € HT Je m'inscris

07/09/2020 Bordeaux 2 000 € HT Je m'inscris

07/09/2020 Blois 2 000 € HT Je m'inscris

07/09/2020 Bourges 2 000 € HT Je m'inscris

07/09/2020 Châteauroux 2 000 € HT Je m'inscris

07/09/2020 Le Mans 2 000 € HT Je m'inscris

07/09/2020 Niort 2 000 € HT Je m'inscris

07/09/2020 Poitiers 2 000 € HT Je m'inscris

02/11/2020 Tours 2 000 € HT Je m'inscris

02/11/2020 Orléans 2 000 € HT Je m'inscris

02/11/2020 Bordeaux 2 000 € HT Je m'inscris

02/11/2020 Blois 2 000 € HT Je m'inscris

02/11/2020 Bourges 2 000 € HT Je m'inscris

02/11/2020 Châteauroux 2 000 € HT Je m'inscris

02/11/2020 Le Mans 2 000 € HT Je m'inscris

02/11/2020 Niort 2 000 € HT Je m'inscris

02/11/2020 Poitiers 2 000 € HT Je m'inscris

Voir plus de sessions

Modalité Présentiel

Certification M2i Langages de Programmation (+ 120€)

Financements CPF & Actions-CO

Je réserve avec mon CPF

Pendant la période de confinement, cette formation en présentiel est disponible en Classe à Distance avec la même qualité pédagogique. Quand souhaitez-vous commencer votre formation ?

13/05/2020 Toulouse 2 000 € HT Je m'inscris

23/06/2020 Aix-en-Provence 2 000 € HT Je m'inscris

23/06/2020 Montpellier 2 000 € HT Je m'inscris

23/06/2020 Sophia Antipolis 2 000 € HT Je m'inscris

20/07/2020 Toulouse 2 000 € HT Je m'inscris

07/09/2020 Aix-en-Provence 2 000 € HT Je m'inscris

07/09/2020 Montpellier 2 000 € HT Je m'inscris

07/09/2020 Sophia Antipolis 2 000 € HT Je m'inscris

23/09/2020 Toulouse 2 000 € HT Je m'inscris

02/11/2020 Aix-en-Provence 2 000 € HT Je m'inscris

02/11/2020 Montpellier 2 000 € HT Je m'inscris

02/11/2020 Sophia Antipolis 2 000 € HT Je m'inscris

16/11/2020 Toulouse 2 000 € HT Je m'inscris

Voir plus de sessions

Modalité Présentiel

Certification M2i Langages de Programmation (+ 120€)

Financements CPF & Actions-CO

Votre société a besoin d'une offre personnalisée ? Contactez-nous

Faites évoluer vos compétences

jQuery

8 4,2/5


3 jours
Perfectionnement / Avancé

Présentiel
AC CPF

Complétez votre formation

Faites-nous part de votre projet de formation, nous sommes là pour vous guider.

Contactez-nous