Accueil > Développement informatique et DevOps > Les API de HTML 5 et CSS 3
Formation #DEV210

Formation Les API de HTML 5 et CSS 3

Durée : 5 jours

Code : DEV210


Prochaines dates programmées :

Du 03 au 07 Juin 2024

Du 07 au 11 Oct. 2024

Fin d'Inscription :
Le Bulletin d'Inscription doit être rempli, cacheté, signé et envoyé par email : Au minimum 15 JOURS OUVRÉS avant la date de formation.
Si vous avez un besoin URGENT et que vous souhaitez une date de formation plus proche que les sessions programmées (minimum 15 à 20 jours ouvrés à date de votre demande)

Objectifs

  • Apprendre à créer des pages en HTML5 et utiliser les nouvelles balises HTML5
  • Découvrir des nouvelles spécifications HTML5 dont les API HTML5
  • Connaître le niveau de support des fonctionnalités HTML5 par les navigateurs actuels
  • Savoir émuler certaines fonctionnalités HTML5 sur des navigateurs moins récents
  • Comprendre comment mettre en page et en forme avec CSS3
Programme
1/ Présentation des technologies (HTML5)
  • Définition et limites de HTML 5
  • Navigateurs et outils de travail
  • HTML5 vs Flash
  • Modernizr et librairies pour la compatibilité
  • Sémantique, référencement et accessibilité en HTML5
  • Applications HTML5 vs applications natives
  • HTML 5 pour les mobiles
2/ Structure des pages HTML 5
  • Syntaxe du HTML5 : éléments, attributs, DOCTYPE
  • Balises sémantiques
  • Micro formats
3/ HTML5 Forms (Web Forms)
  • Vue d’ensemble des formulaires nouvelle génération
  • Les nouveaux éléments : progress, meter, datalist, keygen, output
  • Nouveaux types de champs : tel, url, email, search, number, etc.
  • Nouveaux attributs : autofocus, placeholder, form, required, etc.
  • Expressions régulières
  • Validation par le navigateur : required, pattern, formnovalidate
  • Validation dans le code
4/ Audio et vidéo
  • Balises <audio> et <video>
  • Support et formats (codecs WebM, MP4, H.264, Ogg Theora, MP3, AAC, Vorbis)
  • Sources multiples
5/ Web Storage
  • Stockage local et stockage de session
  • Principes généraux de manipulation
  • Utilisation de JSON
6/ Canvas
  • Dessin en 2D
  • Tracé de formes et chemins
  • Couleurs, remplissages, dégradés
  • Images et motifs
7/ Communication serveur nouvelle génération
  • XHR2
  • CORS
  • JSON
  • Messaging
  • Websockets : communication permanente
8/ Webworkers
  • Modèle mono-thread
  • Worker API
  • Synchronisation
  • Shared Workers
9/ Fichiers et ressources locales
  • LocalStorage
  • SessionStorage
  • IndexedDB
  • File API
10/ Device API
  • Géolocalisation
  • Orientation
  • Batterie
  • Caméra et micro
  • WebRTC
11/ Introduction à CSS3
  • propriétés
  • sélecteurs
  • préfixes
  • médias
  • transitions
  • transformations
  • Internet Explorer
12/ Syntaxe,préfixes et usages CSS3
  • Doit-on utiliser CSS3 en production aujourd'hui ?
  • Préfixes : liste et utilité
  • Syntaxe particulière à CSS3
13/ Valeurs, fonctions et unités
  • La transparence avec RGBa et HSLa
  • Les variables calc(), min() et max()
  • Nouvelles unités (rem, vw, vh, vm, deg, rad, s)
  • Compatibilités navigateurs
14/ La gestion des médias avec mediaqueries
  • Syntaxe et médias
  • Valeurs
15/ Propriétés de texte et de contenu
  • word-wrap
  • text-overflow
  • overflow-x, overflow-y
16/ Propriétés décoratives CSS3
  • @font-face
  • border-radius
  • box-shadow
  • background-size
  • Arrière-plans multiples
  • Dégradés linéaires et radiaux (gradient)
17/ Le positionnement en CSS3
  • box-sizing
  • multi-colonnes
  • Modèle de boîte flexible (flexbox)
  • template layout
  • grid model
18/ La sélection d'éléments en CSS3
  • Sélecteur d'adjacence général
  • Sélecteur d'attribut
  • Pseudo-classes générales (:lang, :empty, :target, :nth-child, :nth-of-type, :only-child, :not,…)
  • Pseudo-classes de formulaire (:valid, :invalid, :checked, :required, :optional,…)
19/ Les transformations
  • Rotation
  • Zoom avec scale
  • Translation avec translate
  • Déformations avec skew et matrix
20/ Les transitions et animations
  • Propriétés : property, duration, delay, timing-function
  • Accélération
  • Propriétés supportées
  • Animer avec keyframes
Approche Pédagogique

Approche Pédagogique

  • Pédagogie très opérationnelle fondée sur l'alternance entre théorie et pratique
  • Cas pratiques
  • Remise d’outils
  • Echanges d’expériences
Public Cible

Personnes Visées

  • Développeurs
  • Architectes
  • Chefs de projets techniques
Dates

Dates

  • Du 03 au 07 Juin 2024
  • Du 07 au 11 Oct. 2024
  • Fin d'Inscription :
    Le Bulletin d'Inscription doit être rempli, cacheté, signé et envoyé par email : Au minimum 15 JOURS OUVRÉS avant la date de formation.