Accueil > Développement Logiciel, Devops > Les API de HTML 5 et CSS 3
Formation #DEV210

Formation Les API de HTML 5 et CSS 3

Formation avec Restauration incluse
(Déjeuner, Petit Déjeuner et Pauses Cafés)

Durée : 5 jours

Code : DEV210


Sessions programmées :

Du 15 au 19 Fév. 2021

Du 05 au 09 Avril 2021

Du 04 au 08 Juin 2021

Du 20 au 24 Sept. 2021

Du 15 au 19 Nov. 2021

Fin d'Inscription :
Le Bulletin d'Inscription doit être rempli, cacheté, signé et envoyé par email :
  • Pour les entreprises AU MAROC :
    Au minimum 10 JOURS OUVRÉS avant la date de formation
  • Pour les entreprises HORS MAROC :
    Au minimum 15 JOURS OUVRÉS avant la date de formation

Formation dans votre entreprise.

Durée : 5 jours

Code : DEV210


Vous souhaitez réaliser cette formation en vos locaux avec le même programme ?

Vous souhaitez personnaliser le programme de cette formation pour qu'elle réponde aux spécificités de votre entreprise ?

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 15 au 19 Fév. 2021
  • Du 05 au 09 Avril 2021
  • Du 04 au 08 Juin 2021
  • Du 20 au 24 Sept. 2021
  • Du 15 au 19 Nov. 2021
  • Fin d'Inscription :
    Le Bulletin d'Inscription doit être rempli, cacheté, signé et envoyé par email :
    • Pour les entreprises AU MAROC : Au minimum 10 JOURS OUVRÉS avant la date de formation
    • Pour les entreprises HORS MAROC : Au minimum 15 JOURS OUVRÉS avant la date de formation