Description
Objectif général: À l’issue de la formation, les participants seront capables d’utiliser les concepts avancés de JavaScript pour développer des applications web robustes, incluant la manipulation des APIs HTML5 et une introduction au développement backend avec Node.js. Niveau SAME visé : Application (A) Compétences visées: Implémenter des concepts avancés de JavaScript ES6. Écrire du code en programmation orientée objet. Utiliser efficacement des outils de débogage. Développer des fonctionnalités front-end avec jQuery. Manipuler des APIs HTML5. Comprendre les bases de JavaScript côté serveur avec Node.js.
Objectifs pédagogiques
- Maîtriser les nouvelles fonctionnalités de JavaScript ES6 (classes, modules, etc.)
- Écrire et structurer du code en programmation orientée objet
- Déployer et déboguer des applications JavaScript complexes
- Intégrer jQuery pour des fonctionnalités dynamiques et interactives
- Manipuler des APIs JavaScript pour enrichir l’expérience utilisateur
- Explorer les fondamentaux de JavaScript côté serveur avec Node.js
Public concerné
Développeurs web souhaitant approfondir leurs connaissances en JavaScript.
Ingénieurs front-end désirant intégrer des fonctionnalités avancées.
Toute personne maîtrisant les bases de JavaScript et souhaitant progresser.
Prérequis
Maîtrise des bases de JavaScript (variables, fonctions, DOM, événements)
Connaissances élémentaires en HTML et CSS
Expérience dans l’utilisation d’un éditeur de code et d’un navigateur web
Déroulé du programme
1
Jour 1 : Concepts avancés de JavaScript ES6 (6 heures)
6h
- Nouvelles fonctionnalités de JavaScript ES6 (2 heures)
2
Classes, modules et leur utilité.
3
Fonctions fléchées et destructuration.
4
Promesses et async/await pour la gestion asynchrone.
5
Travaux pratiques : Réécrire un projet existant en utilisant des concepts ES6.
- Programmation orientée objet (2 heures)
6
Principes de la POO : héritage, encapsulation, polymorphisme.
7
Création et utilisation de classes en JavaScript.
8
Travaux pratiques : Créer une application en POO simulant un système de gestion d'articles
- Maîtrise de l’environnement de débogage (2 heures)
9
Utilisation des outils de débogage des navigateurs (Chrome DevTools).
10
Analyse des erreurs et points de rupture.
11
Travaux pratiques : Déboguer un script contenant des erreurs intentionnelles.
12
Jour 2 : Utilisation avancée de jQuery et manipulation des APIs HTML5 (6 heures)
6h
- Découverte de jQuery (2 heures)
13
Sélecteurs, événements et effets avec jQuery.
14
Intégration des plugins jQuery pour des fonctionnalités spécifiques.
15
Travaux pratiques : Créer une galerie d’images interactive avec jQuery.
- Manipulation des APIs JavaScript HTML5 (2 heures)
16
API Canvas : dessin et animations.
17
API Geolocation : récupération et utilisation de la localisation utilisateur.
18
Travaux pratiques : Développer une carte interactive affichant la localisation de l’utilisateur.
- Gestion de l’accessibilité et des performances (2 heures)
19
Optimisation des scripts pour des temps de chargement réduits.
20
Introduction à l’accessibilité des applications JavaScript.
21
Travaux pratiques : Auditer et optimiser un projet JavaScript existant.
22
Jour 3 : Interactions avancées et programmation asynchrone (6 heures)
6h
- Gestion avancée des événements (2 heures)
23
Délégation d’événements pour une meilleure gestion des interactions.
24
Événements personnalisés en JavaScript.
25
Travaux pratiques : Développer une fonctionnalité de drag-and-drop entièrement personnalisée.
- Programmation asynchrone avec JavaScript ES6 (2 heures)
26
Promesses, async/await et appels API.
27
Manipulation des requêtes avec fetch et gestion des erreurs.
28
Travaux pratiques : Créer une application récupérant des données d’une API externe.
- Introduction à Node.js (2 heures)
29
Environnement serveur avec Node.js : installation et configuration.
30
Concepts de base : modules, fichiers, HTTP.
31
Travaux pratiques : Créer un simple serveur HTTP avec Node.js.
32
Jour 4 : Projet final et mise en production (6 heures)
6h
- Mise en œuvre d’un projet pratique (4 heures)
33
Scénario : Développer une application web interactive intégrant jQuery, HTML5 APIs et Node.js.
34
Développement complet : interface utilisateur, backend de base.
35
Travaux pratiques : Réaliser le projet sous la supervision du formateur.
- Révision et validation des acquis (2 heures)
36
Quiz interactif sur les concepts avancés de JavaScript.
37
Débriefing du projet pratique et amélioration des points faibles.
Informations
Durée
4 jour(s)
24h
Tarif
2850 € HT
HT
