JavaScript : développer des interfaces web interactives et dynamiques (NON CPF)

À 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 npm

Les bases du langage JavaScript

• Maîtriser les bases : variables, expressions, opérateurs et structures de contrôle
• Accéder aux ressources du navigateur
• Définir des fonctions

Les objets de JavaScript

• Les objets String, Math, Date, Array, document, window, navigator
• Les collections Set et Map

Après-midi

La gestion de l'interactivité des pages

• Gé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 addEventListener

La manipulation du DOM

• Accé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ères

Introduction à la programmation AJAX

• Les apports d'AJAX
• L'objet XMLHttpRequest
• Les promesses
• La structuration de données en JSON

APIs pour les applications

• Gestion de l'historique et navigation
• Stockage local
• Web sockets

Après-midi

Les modules ES6

• Problématique : collision de noms, écrasement d'événements
• Espace de noms

La programmation orientée objet en ES6

• Les classes et héritages
• Le contexte
• Getter et setter
• Les méthodes statiques

La présentation de la librairie jQuery

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

JavaScript : développer des interfaces web interactives et dynamiques (NON CPF)

Dates et lieu

sur mesure

+ 3000 stagiaires

formés chaque année

Expert du domaine

+ de 10 ans d'expérience

Avec Formasuite vous bénéficiez des avantages suivants sans surcoût :

• Choix du lieu de formation : Où vous voulez ! Directement dans vos locaux, dans une de nos 200 salles de formation ou bien en distanciel

• Choix des dates : Vous choisissez la date et nous nous adaptons à vos disponibilités

• Adaptation du programme : Nous adaptons le programme à vos besoins. C’est la garantie d’une formation réussie

• Le prix dépend-il du nombre de participants ? Nos tarifs de base sont valables de 1 à 5 participants. Session garantie dès le 1er inscrit.