Code = HM5
Objectif
Ce stage propose une introduction au développement d’application de type WebApp en utilisant la technologie HTML5.
Contenu
Les travaux pratiques seront réalisés en utilisant Eclipse pour l’environnement de développement, XAMPP(Apache) pour la partie serveur et le Chrome pour le navigateur.
Animation
Equipe LTM
Ateliers
Beaucoup d’exercices sont prévus dans cette formation (+50% du temps)
Public
Développeurs d’applications et webmasters
Pré-requis
Une expérience même minimale du développement pour aborder cette formation serait un plus.
Durée
4 jours
Programme de la formation
HTML/DOM
- Le langage à base qui est encore d’actualité en HTML5.
- Il sera enseigné la structure d’un document pour faciliter l’implémentation et la mise au point des scripts clients.
- La structure d’un document HTML
- Les éléments obligatoires et optionnels.
- Les balises importantes.
- Les éléments des formulaires.
- La mise à jour du document.
- La gestion évènementielle.
Javascript
- C’est le langage d’implémentation client.
- Un focus sera donné sur les bonnes pratiques de développement.
- Le langage.
- La structure du langage.
- Les concepts Objet et JavaScript.
- La mise au point.
- Utilisation du debugger Chrome pour la mise au point.
CSS
- C’est le langage de mise en forme.
- Nous aborderons les versions CSS 1.X, 2.X et 3.
- Les concepts.
- Les sélecteurs.
- Les propriétés principales.
- Le positionnement.
- Introduction des transitions.
- Introduction des animations.
- La mise en œuvre via des exemples.
Les librairies graphiques et utilitaires
- Comme pour les applications lourdes, il est impossible aujourd’hui ne pas utiliser des librairies pour faciliter l’implémentation d’applications web.
- Pourquoi utiliser des libraires.
- Introduction à la librairie JQuery.
- Les sélecteurs.
- La gestion des évènements.
- Les objets utilitaires.
Le concept Ajax
- Ajax est la technologie qui a permis aux applications web de devenir matures.
- Il sera abordé les contraintes de sécurité d’exécution
- Les contraintes d’invocation.
- Présentation du protocole PJSON pour casser les contraintes d’exécution.
- Le module XmlHTTPRequest.
- Les types d’invocation synchrone et asynchrone.
L’API HTML5
- Storage.
- HTML5 permet de sauvegarder des données en locale.
- Comment utiliser l’API de stockage client dans le mode local ou session.
La gestion Offline
- HTML5 permet à son application de fonctionner sans son serveur.
- Comment faire fonctionner son application sans accès au serveur.
La concurrence de traitement
- Comment lancer des tâches sans utiliser le timer.
La communication autre que HTTP
- Les modèles de communication ont évolués.
- Comment mettre en œuvre une communication avec le serveur sans un client http ?
Le dessin via le Canvas
- Apprendre à utiliser l’objet Canvas pour dessiner dans une page HTML.
- La gestion du son et de la vidéo.
- Comment utiliser les modules audio et vidéo de HTML5.
