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