Description
Ce programme de formation propose une introduction complète aux technologies web, incluant HTML, CSS, JavaScript et jQuery. Les participants apprendront à créer et styliser des pages HTML5, à programmer le DOM, à valider les entrées utilisateur et à communiquer avec des sources de données distantes. La formation aborde également la création d'interfaces adaptatives, l'animation d'éléments, l'utilisation de Web Sockets pour la communication en temps réel, ainsi que la gestion des traitements asynchrones avec Web Workers. Destinée aux développeurs débutants ou intermédiaires, elle vise à renforcer les compétences en développement web.
Objectifs
- Implémenter la logique de programmation
- Développer des interfaces utilisateur
- Stocker des données
- Créer une application bien structurée
Récapitulatif
Public
Développeurs d'applications Web pour IE10 ou Windows Store
Prérequis
Avoir une expérience de base en HTML4 (structure et balises, formulaire, contenu au format texte et graphique), CSS2.1 (positionnement et mise en forme) et en développement JavaScript
Méthodes et modalités pédagogiques
Formation réalisée en Présentiel, Distanciel ou Dual-Learning selon la formule retenue.
Moyens et supports pédagogiques
Mise à disposition d'un poste de travail sur nos formations en Présentiel.
Mise à disposition de nos environnements de visio sur nos formations en Distanciel
Remise d'une documentation pédagogique numérique pendant la formation
La formation est constituée d'apports théoriques, d'exercices pratiques et de réflexions
Dans le cas d'une formation sur site Entreprise, le client s'engage à avoir toutes les ressources pédagogiques nécessaires (salle, équipements, accès internet, TV ou Paperboard...) au bon déroulement de l'action de formation conformément aux prérequis indiqués dans le programme de formation
Modalités de suivi et d'évaluations
Auto-positionnement des stagiaires avant la formation
Émargement des stagiaires et formateur par 1/2 journée
Exercices de mise en pratique ou quiz de connaissances tout au long de la formation permettant de mesurer la progression des stagiaires
Auto-évaluation des acquis de la formation par les stagiaires
Questionnaire de satisfaction à chaud et à froid à l'issue de la formation
Programme détaillé
Vue d'ensemble d'HTML et CSS
- Vue d'ensemble de HTML
- Vue d'ensemble de CSS
- Créer une application Web en utilisant Visual Studio 2012
Créer et styler une page HTML5
- Créer une page HTML5
- Appliquer des styles à une page HTML5
Introduction à JavaScript
- Vue d'ensemble de la syntaxe JavaScript
- Programmer le DOM HTML avec JavaScript
- Introduction à jQuery
Créer des formulaires pour collecter des données et valider les entrées utilisateurs
- Vue d'ensemble des formulaires et des champs de formulaire
- Valider les entrées utilisateurs en utilisant les attributs HTML5
- Valider les entrées utilisateurs en utilisant JavaScript
Communiquer avec une source de données distante
- Envoyer et recevoir des données en utilisant l'objet XMLHTTPRequest
- Envoyer et recevoir des données en utilisant des opérations AJAX jQuery
Styler HTML5 en utilisant CSS3
- Les styles pour le texte
- Les styles pour les blocs d'éléments
- Les sélecteurs CSS3
- Améliorer les effets graphiques à l'aide de CSS3
Créer des objets et des méthodes en utilisant JavaScript
- Ecrire du code JavaScript bien structuré
- Créer des objets personnalisés
- Etendre des objets
Créer des pages interactives en utilisant les API HTML5
- Interagir avec les fichiers
- Intégrer du multimédia
- Réagir au contexte et à la géolocalisation du navigateur
Déboguer et profiler une application web
Ajouter le support du mode hors ligne aux applications web
- Lire et écrire des données localement
- Ajouter le support du mode hors ligne en utilisant le cache d'application
- METTRE EN œUVRE UNE INTERFACE UTILISATEUR ADAPTATIVE
- Supporter plusieurs facteurs de forme
- Créer une interface utilisateur adaptative
Créer des graphiques avancés
- Créer des graphiques interactifs en utilisant les Scalables Vector Graphics
- Utiliser le Canvas pour dessiner des graphiques par programmation
Animer les éléments de l'interface utilisateur
- Appliquer des transitions CSS
- Appliquer des transformations CSS
- Appliquer des animations CSS
- METTRE EN œUVRE DE LA COMMUNICATION TEMPS-REEL EN UTILISANT LES WEB SOCKETS
- Introduction aux Web Sockets
- Envoyer et recevoir des données en utilisant les Web Sockets
Créer un processus Web Worker
- Introduction aux Web Workers
- Effectuer des traitements asynchrones en utilisant les Web Workers