Centre de formation ACF Grenoble

87, rue Général Mangin - 38000 Grenoble
Tel : 04 76 23 20 50 / 06 81 73 19 35
contact@audit-conseil-formation.com

Demander un Devis
puce

Demande de devis

Formation
Cadre
Nom/Prénom
Société
E-mail
Téléphone
Adresse
Période
Evaluer mon niveau

Formation HTML 5 : DEVELOPPEMENT WEB NOUVELLE GENERATION

DomaineCERTIFICATION ET FORMATION LEARNING TREE INTERNATIONAL

Programme de cours HTML 5 : DEVELOPPEMENT WEB NOUVELLE GENERATION :

Durée de la formation : 4 (jours)
Participants : Aux concepteurs et développeurs de sites web souhaitant migrer leurs sites vers HTML5
Pré-requis : des connaissances en HTML et CSS , ainsi qu'une expérience de JavaScript
Objectifs : Cette formation vous permet d'acquérir les connaissances et les compétences nécessaires pour exploiter pleinement HTML5 et les technologies afférentes afin de concevoir des sites Web modernes aux multiples fonctionnalités. À travers une étude de cas pratique et évolutive tout au long de la formation, vous enrichissez un site grâce aux technologies suivantes : CSS3, éléments audio/vidéo, zones graphiques, géolocalisation, glisser-déposer, microdonnées, messagerie, stockage local, XMLHttpRequest2, Web Sockets, et des traitements Web.
Moyens pédagogiques, techniques et d'encadrement :
  • 1 poste de travail complet par personne
  • De nombreux exercices d’application
  • Mise en place d’ateliers pratiques
  • Remise d’un support de cours
  • Passage de certification(s) dans le cadre du CPF
  • Mise en place de la Charte contrôle et qualité OPCA
  • Notre plateforme d'évaluation :
    • Evaluation des besoins et objectifs en pré et post formation
    • Evaluation technique des connaissances en  pré et post formation
    • Evaluation générale du stage
Adapter les normes web à la nouvelle génération
  • Démystifier HTML5
  • Optimisation regressive pour supporter les anciens navigateurs
Optimiser les balises avec de nouvelles sémantiques
  • Faire passer les pages à HTML5
  • Sectionner le contenu avec des éléments structurels
Annoter le HTML avec des vocabulaires liés
  • Maximiser l'accessibilité avec des rôles ARIA
  • Optimiser la visibilité de la page avec les microdonnées
Aider les utilisateurs avec la saisie des formulaires
  • Faciliter la saisie avec autofocus et placeholder
  • Valider la saisie de données sans écriture de scripts
  • Prévenir les erreurs avec les contraintes et les sélecteurs
  • Personnaliser les messages d'erreur avec l'API Constraint
Manipuler les bordures et l'arrière-plan
  • Préfixes vendeurs
  • Coins arrondis
  • Gradients
  • Images de bordure redimensionnables
Créer des effets recherchés
  • Zones de texte et boîtes flottantes avec ombres et opacité
  • Animer les transformations et les transitions
Personnaliser l'aspect à travers les navigateurs
  • Installer les polices téléchargeables avec @font-face
  • Masquer des valeurs dans les attributs data-*
  • Adapter les versions pour mobiles avec des Medias Queries
Permettre aux utilisateurs de travailler hors ligne
  • Définir un manifest
  • Traiter les avertissement de cache
Programmer l'API de géolocalisation dans JavaScript
  • Évaluer la latitude et la longitude de la position de l'utilisateur
  • Sélectionner le contenu par la proximité
Appliquer les bonnes pratiques JavaScript modernes
  • Exploiter les fonctions anonymes et les IIFE
  • Simplifier le développement de JavaScript avec jQuery
Conserver les données avec l'API de stockage Web
  • Sauvegarder les paires nom/value dans localStorage
  • Stocker les données complexes au format JSON
Optimiser les formulaire avec du texte enrichi et JavaScript
  • Tester et prendre en charge les fonctionnalités avec Modernizr
  • Simplifier la mise en forme du contenu avec les éditeurs WYSIWYG
Manipuler les fichiers avec le glisser-déposer
  • Gérer les événements sur les cibles compatibles avec le glisser-déposer, interfaces de programmation HTML5 pour le téléchargement de fichier en glisser-déposer
Échange de données de messagerie avec des API JavaScript
  • Poster des messages à travers les fenêtres
  • Accéder aux fournisseurs externes avec Cross-Origin Resource Sharing (CORS) et XMLHttpRequest 2
  • Envoyer des données avec EventSource et WebSockets
  • Améliorer la réactivité avec les Web Workers
Remplir l'élément Canvas
  • Éliminer les dépendances des plugins avec les graphiques natifs
  • Dessiner des graphiques avec des lignes et des rectangles
  • Rendre du texte et enrichir les images
Réduire le temps de téléchargement avec des graphiques basés sur du XML
  • Représenter les équations avec MathML
  • Comparer les canvas aux Scalable Vector Graphics (SVG)
  • Remplacer les images PNG avec des fichiers SVG plus petits
Enrichir un site avec du son
  • Ajout d'éléments audio à une page web
  • Prise en charge de multiples formats de fichiers
Ajouter une vidéo sur le web
  • Conversion aux formats H.264, Ogg et WebM avec Firefogg et HandBrake
  • Sous-titrer une vidéo avec WebVTT (Web Video Text Tracks)
Tarif (indicatif) en € : 2800


Pour d'autres cours, Contactez-nous