JavaScript Avancé APIs et HTML5

À l'issue de la formation, le participant sera capable de mettre en œuvre les compétences suivantes :

• Connaître les nouvelles API JavaScript de HTML5 (géolocalisation, stockage de données, graphisme vectoriel...)
• Maîtriser l'exploitation de ces nouvelles API HTML5 dans les applications sous JavaScript
• Utiliser jQuery pour simplifier l'implémentation des API
• Programmer un repli systématique des fonctionnalités via polyfills

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

• Présentation des organismes de standardisation : WHATWG et W3C, standards et validation
• Roadmap HTML5 et état de l'art
• Les ressources côté navigateur (les API et leur implémentation dans le code client)
• Connaître le support navigateur

Du site web à l'application web

• Panorama des environnements de développement
• SDK Androïd, SDK Apple, javascript
• Implémentation des API avec JavaScript (JavaScript natif, jQuery, jQuery, Cordova...)

L'audio et la video en HTML5

• Les nouveaux éléments audio et video et les attributs associés
• Les formats supportés par les navigateurs
• Réaliser un lecteur personnalisé

Après-midi

Dessiner en HTML5

• Canvas 2D et canvas 3D
• Canvas contre SVG, que choisir ?
• Réaliser un graphique en canvas
• Data visualisation

API Drag & Drop

• Les principes du drag & drop
• Exemple d'une page ré-arrangeable
• Utilisation conjointe de file API pour réaliser un téléchargement de fichier côté client

API Web Workers

• Calcul parallèle en JavaScript
• La comparaison de calcul avec et sans workers
• Implémenter et utiliser un worker
• La limite des workers
• Transférer des données (chaîne, JSON) à un worker
• AJAX avec un worker
• Workers partagés

JOUR 2

Matin

API de géolocalisation

• Vue d'ensemble
• La vie privée de l'utilisateur
• Les options de géolocalisation
• Exemple de localisation et affichage sur une carte
• Suivi de position avec la géolocalisation

API de stockage Web

• Les cookies
• Le stockage local et en session
• Les limites
• Un exemple de panier d'achat

API Websockets

• Le protocole WS
• WS contre HTTP
• Requis côté serveur
• Exemple de liaison client-serveur utilisant le protocole WS

Après-midi

Les autres API

• Aperçu des diffirentes API (File API, Browser history API, Manifest, WebGL API, Offline Applications API...)

Compatibilité et repli

• Implémenter le repli systématique : la librairie Modernizr.js
• Les librairies polyfills

FIN DE LA FORMATION

• Débrief de la formation avec le formateur pour consolider vos connaissances.

Les développeurs web côté client

• Formation individuelle ou collective (garantie à partir du premier inscrit) 
• Formation assurée au sein de vos locaux ou dans une salle de formation dans la ville de votre choix 
• Dates de votre choix sans surcoût
• Entretien téléphonique préalable avec notre formateur afin de personnaliser votre formation
• Inscription à réaliser 15 jours avant le démarrage de la formation 
• Horaires : de 9h à 12h30 et de 13h30 à 17h
• Nombre de participants : de 1 à 20 participants (au delà nous consulter)
• Formation accessible à toutes personnes porteuses de handicap. Locaux adaptés.

• Evaluation des besoins et du profil du participant
• Apport théorique et séquences pédagogiques regroupées en différents modules
• Cas pratiques
• Questionnaire et exercices
• Tests de contrôle de connaissances et validation des acquis à chaque étape
• Retours d'expériences
• Séquences pédagogiques regroupées en différents modules,
• Remise d'un support pédagogique
• Echanges interactifs
• Intervention d'un formateur expert dans son domaine

• Grille d'évaluation (test de positionnement)
• Entretien téléphonique avec le formateur avant la formation 
• Travaux pratiques
• Tests de contrôle de connaissances et validation des acquis à chaque étape
• Echange avec le formateur par visioconférence (webinar), téléphone et mail
• Exercices corrigés, études de cas réels, mise en application concrète et utile
• Évaluation pour valider vos acquis en fin de formation