HTML5 Application Development Fundamentals

Qui est concerné par cet examen ?

Les candidats à cet examen cherchent à démontrer qu’ils maîtrisent les compétences de base en développement d’applications clientes HTML5, applications destinées à s’exécuter sur des appareils tactiles (PC, tablettes et téléphones). Bien que le code HTML soit souvent considéré comme une technologie Web qui, une fois restituée par un navigateur, produit une interface utilisateur, cet examen se concentre sur le développement d’applications clientes à l’aide de HTML5, de CSS3 et de JavaScript. Avant de passer cet examen, les candidats doivent disposer de solides connaissances de base sur les sujets présentés dans le guide de préparation, y compris sur CSS et JavaScript. Les candidats doivent de préférence être familiarisés avec les concepts technologiques présentés ici et en avoir une expérience pratique en s’aidant des formations, didacticiels et exemples disponibles sur MSDN ainsi que dans Microsoft Visual Studio.

Compétences évaluées

Cet examen évalue votre capacité à accomplir les tâches techniques répertoriées ci-dessous. Les pourcentages indiquent le coefficient de pondération relatif de chaque grand thème à l’examen. Plus le pourcentage est élevé, plus le nombre de questions relatives à ce contenu lors de l’examen sera important.

Veuillez noter que les questions sur lesquelles vous serez évalué à l’examen porteront sur les thèmes décrits dans la liste, mais ne s’y limiteront pas.

Gestion du cycle de vie des applications (20–25 %)

Compréhension des principes fondamentaux des plates-formes

  • Emballage et environnement d’exécution : package d’applications, conteneur d’applications, informations d’authentification/ensembles d’autorisations, processus hôte, exploitation des compétences HTML5 existantes et du contenu d’applications pour ardoise/tablette

Gestion de l’état d’une application

  • Gestion des états de session, états d’application et informations d’état persistantes ; compréhension des états d’une application ; compréhension des différences entre stockage local et stockage de session

Débogage et test d’une application tactile basée sur HTML5

  • Gestes tactiles ; compréhension des gestes testés sur un appareil

Construction d’une interface utilisateur (IU) à l’aide de HTML5 (25–30 %)

Choix et configuration des balises HTML5 pour l’affichage du contenu textuel

Choix et configuration des balises HTML5 pour l’affichage des graphiques

  • Quand, pourquoi et comment utiliser le canevas ; quand, pourquoi et comment utiliser SVG (Scalable Vector Graphics)

Choix et configuration des balises HTML5 pour la lecture des supports

  • Balises vidéo et audio

Choix et configuration des balises HTML5 pour l’organisation du contenu et des formulaires

  • Tables, listes, sections ; sémantique HTML

Choix et configuration des balises HTML5 pour la saisie et la validation

Mise en forme de l’interface utilisateur à l’aide des feuilles de style en cascade (CSS) (20–25 %)

Compréhension des principaux concepts CSS

  • Séparation de la présentation du contenu (création du contenu avec HTML et du contenu de style avec CSS) ; gestion du flux de contenu (flux en ligne ou flux de blocage) ; gestion du positionnement des éléments individuels (positionnement flottant ou absolu) ; gestion des contenus de débordement (défilement, visibles et cachés) ; style élémentaire CSS

Organisation du contenu de l’interface utilisateur à l’aide de CSS

  • Utilisation de présentations de grille ou de boîte flexibles pour établir l’alignement, la direction et l’orientation du contenu ; mise à l’échelle proportionnelle et utilisation de « mise à l’échelle libre » pour les éléments d’une grille ou boîte flexible ; ordre et organisation de contenu ; concepts d’utilisation de boîte flex pour des présentations simples et de grille pour des présentation complexes ; propriétés de contenu de la grille pour les lignes et les colonnes ; utilisation de modèles d’application

Gestion du flux du contenu de texte à l’aide de CSS

  • Régions et utilisation des régions pour faire circuler le contenu textuel entre plusieurs sections (source de contenu, conteneur de contenu, flux dynamique, flux dans, flux à partir de, msRegionUpdate, msRegionOverflow, msGetRegionContent) ; colonnes et césure et utilisation de ces paramètres CSS pour optimiser la lisibilité du texte ; utilisation des positionnements flottants pour créer du texte autour d’un objet flottant

Gestion de l’interface graphique à l’aide des feuilles de style CSS

  • Effets graphiques (coins arrondis, ombres, transparence, dégradés d’arrière-plan, typographie et Web Open Font Format) ; transformations en deux dimensions (2-D) et en trois dimensions (3-D) (traduire, mettre à l’échelle, faire pivoter, incliner, et transitions et animations de perspective en 3D) ; effets de filtre SVG ; canevas

Codage avec JavaScript (30–35 %)

Gestion et maintien de JavaScript

  • Création et utilisation des fonctions ; jQuery et autres bibliothèques tierces

Mise à jour de l’interface utilisateur à l’aide de JavaScript

  • Localisation des éléments et accès aux éléments ; écoute des événements et réponse aux événements ; affichage et masquage des éléments ; mise à jour du contenu des éléments ; ajout d’éléments

Animations de code à l’aide de JavaScript

  • Utilisation de l’animation ; manipulation du canevas ; utilisation des images, des formes et d’autres graphiques

Accès aux données via JavaScript

  • Envoi et réception des données ; transmission d’objets complexes et analyse ; chargement et enregistrement des fichiers ; mise en cache de l’application ; types de données ; formulaires ; cookies ; stockage local

Réponse à l’interface tactile

  • Gestes, comment capturer des gestes et y répondre

Codage d’API HTML5 supplémentaires

  • Géolocalisation, traitements Web, WebSocket ; API de fichier

Accès aux appareils et aux ressources du système d’exploitation

  • Ressources en mémoire, telles que listes de contacts et calendrier ; capacités matérielles, telles qu’accéléromètre, GPS et caméra