Developpement WEB
Développement HTML / CSS / JavaScript "Moderne"
5 Jours
L'objectif de cette formation est d'apprendre à développer des pages Web modernes tirant profis de toutes les nouveautés en termes d'HTML5, de CSS3 mais surtout
de JavaScript avec sa spécification ES6 (EcmaScript 6). Au terme de la formation, vous saurez :
- Comprendre les différences entre les différentes versions de JavaScript.
- Maîtriser la Programmation Orientée Objet en JavaScript Moderne (ES6).
- Comprendre et utiliser les apports de jQuery.
- Utiliser JSON pour synchroniser un navigateur avec son serveur HTTP.
- Manipuler les principales API JavaScript.
Pour suivre ce stage, il est nécessaire d'avoir quelques connaissances de bases en HTML et CSS.
Cette formation s'adresse aux développeurs objets souhaitant évoluer vers le développement d'application web.
Rappels sur les technologies Web
Le W3C : World 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 de constructeurs
Introduction à DOM (Document Object Model)
Présentation du modèle DOM
Ajout, modification et suppression de noeuds 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.
La propagation des événements
Utilisation de jQuery
Manipulation du DOM via jQuery
Gestion des événements via jQuery
Utilisation d'effets spéciaux jQuery
Communiquer avec une source de données distante
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
L'API multimédia (audio, vidéo)
Mode Hors Ligne
Détecter le mode Hors Ligne
Mise en cache avancée avec AppCache
Stocker en local avec WebStorage