Application HTML5 Bases du développement
Programme de formation
Gestion du cycle de vie des applications (20 % à 25 %)
- Comprendre le principe de base des plateformes
- L’emballage et l’environnement d’exécution : package des applications, conteneur des applications, ensemble des informations d’identification/des permissions, procédure de l’hôte, mise à niveau des compétences et des contenus existants HTML5 pour les applications d'ardoise/de tablette.
- Gestion de l’état d’une application
- Gestion des informations de l’état d’une session, d’une application et de l’état persistant ; compréhension des état d’une application ; compréhension des différences entre le stockage local et de la session.
- Débogage et test d’une application à commandes tactile basée sur HTML5.
- Gestes tactiles ; compréhension des gestes à tester sur un périphérique.
Construction de l’interface utilisateur (IU) à l’aide de HTML5 (25 % à 30 %)
- Choix et configuration des tags HTML5 pour afficher le contenu en texte.
- Choix et configuration des tags HTML5 pour afficher les graphiques.
- Quand, pourquoi et comment utiliser Canvas ; quand, pourquoi et comment utiliser les graphiques vectoriels adaptables (SVG).
- Choix et configuration des tags HTML5 pour lire les médias.
- Tags audio et vidéo.
- Choix et configuration des tags HTML5 pour l’organisation de contenu et de formulaires.
- Tableaux, listes, sections ; HTML sémantique.
- Choix et configuration des tags HTML5 pour saisie et validation.
Formatage de l’interface utilisateur à l'aide de Cascading Style Sheets (CSS) (20 % à 25 %)
- Compréhension des concepts fondamentaux CSS.
- Séparation de la présentation du contenu (création de contenu avec HTML et application d’un style au contenu avec CSS) ; gestion du flux de contenu (en ligne par rapport au bloc) ; gestion du positionnement d’éléments individuels (flottement par rapport à positionnement absolu) ; gestion de débordement de contenu (défilant, visible et caché) ; application de style de base CSS.
- Arrangement de contenu de l’interface utilisateur à l'aide de CSS.
- Usage d’une boîte flexible et d’un alignement en grille pour établir l'alignement, la direction et l’orientation du contenu ; mise à l'échelle proportionnelle et utilisation de « l'échelle libre » pour les éléments d'une boîte ou d'une grille flexible ; commande et organisation du contenu ; concepts pour l'utilisation de la boîte flexible pour les mises en page simples et de la grille pour les mises en page complexes ; propriétés du contenu de grille pour les lignes et les colonnes ; utilisation des modèles d'application.
- Gestion du flux du contenu textuel à l’aide de CSS.
- Régions et utilisation de régions pour acheminer du contenu textuel entre plusieurs sections (source de contenu, conteneur de contenu, flux dynamique, flux entrant, flux-sortant, msRegionUpdate, msRegionOverflow, msGetRegionContent) ; les colonnes et la césure et l’utilisation des paramètres CSS pour optimiser la lisibilité du texte ; utilisation des « flottements positionnés » pour créer un flux de texte autour d'un objet flottant.
- Gestion de l’interface graphique à l’aide de CSS.
- Effets graphiques (coins arrondis, ombres, transparence, dégradés d'arrière-plan, typographie et Web Open Font Format) ; transformations bidimensionnelles (2D) et tridimensionnelles (3D) (translation, échelle, rotation, inclinaison, et transitions et animations en perspective 3D) ; effets de filtre SVG ; toile.
Code à l’aide de JavaScript (30 % à 35 %)
- Gestion et maintenance de JavaScript.
- Création et utilisation des fonctions ; jQuery et autres librairies tierces.
- Mise à jour de l’interface utilisateur à l’aide de JavaScript.
- Localisation / accès aux éléments ; écoute et réponse aux événements; affichage et masquage des éléments ; mise à jour du contenu des éléments ; ajout d’éléments.
- Codes des animations à l'aide de JavaScript.
- Usage des animations ; manipulation des toiles ; travail avec les images, les formes et autres graphiques.
- Accession aux données à l’aide de JavaScript.
- Envoi et réception des données ; transmission complexes d’objets et analyse ; chargement et enregistrement des fichiers; App Cache ; types de données ; formes ; cookies ; stockage local.
- Réponse à l’interface tactile.
- Gestes, comment capture et répondre aux gestes.
- Code supplémentaire des API HTML5.
- GeoLocation, Web Workers, WebSocket ; File API
- Accession aux périphériques et aux ressources des systèmes d’exploitation.
- Ressources en mémoire, telles que les listes de contacts et le calendrier ; capacités matérielles, telles que le GPS, l’accéléromètre et la caméra.
Caractéristiques de Application HTML5 Bases du développement
| Mode de formation | Présentiel ou E-learning ou Blended learning ou Classe virtuelle |