Microsoft HTML5 CSS3 Ajax et JavaScript

HTML5

• Découvrir HTML5, standards et (rétro-)compatibilité
• HTML5 vs Flash
• Applications HTML5 vs applications natives
• Sémantique, référencement et accessibilité en HTML5
• DOCTYPE, encodage, règles de syntaxe
• Les nouvelles balises sémantiques
• Relations, micro-formats et micro-données

HTML5 Forms

• Connaître les formulaires nouvelle génération
• Appréhender les nouveaux éléments : progress, meter, datalist, keygen, output
• Comprendre les nouveaux types de champs : tel, url, email, search, number et nouveaux attributs autofocus, placeholder, form, required
• Assimiler la validation par le navigateur : required, pattern, formnovalidate
• Découvrir les suggestions automatiques

JavaScript

• Appliquer le mode strict et chargement asynchrone
• Agir sur la page grâce à DOM Level 3
• Savoir mettre en œuvre une gestion dynamique des évènements
• Utiliser les outils de debug et détection du support du HTML5
• Démarrer avec JSON et jQuery et s'initier au modèle objet

Vidéo et audio

• Savoir utiliser les codecs et formats : H264/MP4, OGG/theora, WebM/VP8
• Découvrir les compatibilités, les navigateurs et les outils de conversion
• Maîtriser l’utilisation des services existants : Dailymotion, Youtube, Viemo
• Intégrer des balises video, audio et proposer plusieurs sources dans différents formats
• Paramétrer les prérequis de type MIME et .htaccess, les attributs : controls, preload, autoplay, poster

Les nouveaux sélecteurs CSS3

• Les pseudo-classes et pseudo-éléments
• Les sélecteurs d’attributs (^, $, *)

Mise en page et box model

• Découvrir les positionnements : absolu, fixe, naturel
• Mise en page avec float et Flex : box-sizing, border box
• Découvrir le système de grid, les dispositions en colonnes, les régions et exclusions
• Connaître les limites et apports des frameworks bootstrap

Graphisme avancé

• Savoir utiliser des polices de caractères personnalisées, des couleurs avancées et dégradés des ombres et opacité.
• Maîtriser l’insertion de bordures et arrière-plans avancés

Responsive design

• Mettre en évidence des problèmes techniques posés par l’hétérogénéité : PC, téléphone, tablette
• Connaître les prérequis et identifier les solutions grâce au Responsive Design
• S'adapter à la résolution d'écran et à l'orientation media-queries Viewport
• Savoir positionner colonnes, tailles fluides et media queries
• Déterminer de la valeur d’une propriété CSS : calc

Compatibilité des navigateurs avec HTML5/CSS3

• Focus sur les navigateurs, leurs capacités, leurs recommandations

Les outils et les méthodes du développeur WEB

• Utiliser les outils pour développer et debugguer
• Améliorer la productivité et la rapidité de codage grâce à une veille technique
• Maintenir et refactoring du code

AJAX

• Découvrir XMLHttpRequest 2
• Intégrer des fichiers joints et progression
• Effectuer des requêtes cross-domain

Historique, navigation, géolocalisation et images

• Connaître l'historique, la navigation par ancres et les communication entre onglets
• Obtenir et suivre la position de l'utilisateur
• Utiliser d’images vectorielles
• Découvrir les techniques de création dynamique d'images en JavaScript

Stockage local et contenu hors ligne

• Attributs data- personnalisés
• localStorage et sessionStorage
• manifest.
• indexedDB : base de données locale

Communication serveur nouvelle génération

• SPDY : le HTTP accéléré
• Server-sent events
• Websockets : communication permanente
• Initiation à node.js

Performances et optimisation

• Webworkers: scripts simultanés et partagés
• Page Visibility API
• Battery API
• Navigation Timing AP