Cursus
Formation JAVASCRIPT Développement JavaScript « Moderne »
Objectifs
Distinguer les différences entre les différentes versions de JavaScript.
Maîtriser la Programmation Orientée Objet en JavaScript Moderne.
Comprendre et utiliser les apports de jQuery.
Utiliser JSON pour synchroniser un navigateur avec son serveur HTTP.
Manipuler les principales API JavaScript.
Pré-requis
Participants
Programme de formation
RAPPELS SUR LES TECHNOLOGIES WEB
-
Le W3C : Worl Wild Web Consortium
-
Rappels sur le langage HTML
-
Rappels sur le langage CSS
INTRODUCTION À JAVASCRIPT
-
Historique des versions JavaScript
-
La compatibilité des navigateurs
-
ES6 : une nouvelle manière de coder en JavaScript
LES FONDAMENTAUX
-
La déclaration des variables
-
Différences entre var, let et const
-
Les opérateurs et les instructions du langage
-
La déclaration de fonctions
POO (PROGRAMMATION ORIENTÉE OBJET) ES6
-
Définition d'une classe
-
Définition de constructeur
-
Définition de méthodes
-
Définition de propriétés
INTRODUCTION À DOM (DOCUMENT OBJECT MODEL)
-
Présentation du modèle DOM
-
Ajout, modification et suppression de nœuds dans le DOM
-
La manipulation des données de styles
-
Mise en oeuvre d'effets visuels
LA GESTION MODERNE DES ÉVÈNEMENTS
-
Ancienne approche VS approche moderne
-
L'objet d'évènement
-
La propagation des évènements
UTILISATION DE JQUERY
-
jQuery VS JavaScript
-
Write less, do more
-
Manipulation du DOM via jQuery
-
Gestion des évènements via jQuery
-
Utilisation d'effets spéciaux jQuery
-
Le module jQuery UI
COMMUNIQUER AVEC UNE SOURCE DONNÉES DISTANTES
-
Introduction à JSON
-
Introduction à AJAX (Asynchronous JavaScript And Xml)
-
Sérialiser, désérialiser, envoyer et recevoir des données avec XMLHTTPRequest
-
Simplifier le code Ajax avec jQuery
-
Appels de services web RESTful/JSON
IMPLÉMENTER DES COMMUNICATIONS EN TEMPS RÉEL À L'AIDE DES WEB SOCKETS
-
Fonctionnement des web sockets
-
Utiliser l'API socket web avec JavaScript pour se connecter, envoyer, recevoir et gérer les évènements
L'API WEB WORKER
-
Exécuter un traitement asynchrone et garantir l'isolement pour les opérations sensibles
-
Utiliser les API "Web Worker" à partir de code JavaScript pour créer, exécuter et suivre le processus "Web Worker"
LES AUTRES API JAVASCRIPT
-
API des Canvas
-
API de Drag'n Drop
-
API multimédia (audio, vidéo)
-
API de localisation
-
API des Storages
-
API Indexed DB
-
API WebGL
MODE HORS LIGNE
-
Le fichier de manifest
-
Détecter le mode Hors Ligne
-
Mise en cache avancée avec AppCache
-
Stocker en local avec WebStorage