Aucun prérequis spécifique
À l'issue de la formation, le participant sera capable de mettre en œuvre les compétences suivantes :
Maîtriser le langage JavaScript moderne (version ES6)
Avoir les bases pour travailler ensuite avec des frameworks JavaScript
Développer des applications Web interactives
Appeler des services Web asynchrones
Découvrir la librairie jQuery
AVANT LA FORMATION
Entretien téléphonique avec le formateur afin de personnaliser votre formation.
Le programme de formation ci-dessous pourra donc être modifié gratuitement en fonction de vos attentes.
JOUR 1
Matin
Introduction à JavaScript
Le point sur le standard ECMAScript et les navigateurs
la gestion des packages avec npmLes bases du langage JavaScriptMaîtriser les bases : variables, expressions, opérateurs et structures de contrôle
Accéder aux ressources du navigateur
Définir des fonctionsLes objets de JavaScriptLes objets String, Math, Date, Array, document, window, navigator
Les collections Set et MapAprès-midi
La gestion de l'interactivité des pagesGérer les événements fenêtre : load et unload
Gérer les événements clavier et souris : focus, blur, change, clic, mouseover, mouseout et submit
Déclencher par rapport au temps : setInterval et setTimeout
Gérer les rollovers, les zooms, les diaporamas…
Gérer les interactions avec addEventListenerLa manipulation du DOMAccéder aux éléments du document HTML via DOM
Modifier, masquer et afficher des objets HTML
Modifier les attributs des éléments d'interface (police, couleur…)
Déplacer du texte, des images
Gérer un menu dynamiquement
La manipulation de la page avec querySelectorAll
JOUR 2
Matin
Contrôler les données de formulaires
Gérer les objets Form, Text, Checkbox, Radio, Button
Utiliser les listes : Select, Option
Utiliser les expressions régulièresIntroduction à la programmation AJAXLes apports d'AJAX
L'objet XMLHttpRequest
Les promesses
La structuration de données en JSONAPIs pour les applicationsGestion de l'historique et navigation
Stockage local
Web socketsAprès-midi
Les modules ES6Problématique : collision de noms, écrasement d'événements
Espace de nomsLa programmation orientée objet en ES6Les classes et héritages
Le contexte
Getter et setter
Les méthodes statiquesLa présentation de la librairie jQueryLe principe de jQuery
La sélection et manipulation du DOM
Les événements
AJAX avec jQuery
FIN DE LA FORMATION
Débrief de la formation avec le formateur pour consolider vos connaissances.