Certification de formation HTML5 & CSS3

Formation HTML5 et CSS3 éligible CPF faisant partie de la certification « Les fondamentaux du développement web »

0
Jours
0
Heures
0
CNCP
0
CPF
Formation certifiante disponible en :

Formation
intra-entreprise

Formation
inter-entreprises

Egalement disponible à distance en :
e-learning-tutore
Tous les détails et démonstrations en ligne du déroulement de la formation e-learning ou à distance tutoré : « Les fondamentaux en gestion de projet »
Prochaines dates
Planning et dates

« Les fondamentaux en gestion de projet »

Ville Session 1 Session 2
Paris 17-09-18 15-11-18
Lyon 17-09-18 15-11-18
Aix-en-Provence 17-09-18 15-11-18
Nous vous recommandons

Programme de formation:
HTML5 & CSS3.

HTML et CSS sont les technologies web permettant le développement d’applications web en tenant compte des évolutions des standards.

Objectifs

Quelles seront mes compétences à l’issu de la formation : HTML5 & CSS3 ?

À l’issue de la formation HTML5 et CSS3, les apprenants auront les capacités de :

  1. Coder des sites Web à l’aide de nouvelles balises et fonctionnalités HTML5
  2. Créer des formulaires web HTML5
  3. Ajouter du contenu multimédia convivial et sans utiliser des plugins
  4. Utilisez l’élément Canvas pour générer dynamiquement des formes complètes avec remplissages, couleurs, traits, dégradés, et plus
  5. Combiner les puissantes fonctionnalités de style et d’animation de CSS3 pour améliorer la présentation de vos pages web
  6. Ajouter HTML5 Géolocalisation pour intégrer des fonctionnalités de cartographie géolocalisées sur votre site
  7. Améliorer l’interactivité de votre site avec les fonctions glisser /déposer de HTML5

Publics

Quels sont les profils concernés par le module : HTML5 & CSS3 ?

La formation HTML5 et CSS3 s’adresse à tout public salarié, demandeur d’emploi ou en reconversion professionnelle et souhaitant acquérir des compétences en développement Web :

  1. Graphiste, intégrateur WEB, designer, Webmaster ou référenceur WEB souhaitant avoir une double compétence
  2. Journaliste, réalisateur, communicant, responsable de projet, toute personne souhaitant gérer un projet web éditorial
  3. Informaticiens et concepteurs souhaitant maîtriser les techniques pour développer des sites WEB : HTML, CSS
  4. Toute personne souhaitant élargir ses compétences sur les missions liées à la fonction de développement WEB

Prérequis

Quelles sont les qualifications requises pour suivre la formation : HTML5 & CSS3 ?

Les prérequis nécessaires pour la formation HTML5 et CSS3 sont :

  1. Maîtriser l’informatique et l’internet en tant qu’utilisateur.
Programme détaillé

Présentation HTML5 et CSS3

  1. Qu’est-ce que HTML5 ?
  2. Comment est-ce qu’on est arrivés ici ?
  3. Pourquoi devrais-je me soucier de HTML5 ?
  4. Qu’est-ce que CSS3 ?
  5. Pourquoi devrais-je m’intéresser à CSS3
  6. Le marché des navigateurs varié
  7. Le marché mobile en pleine croissance

Balise, style HTML5

  1. Présentation du HTML5
  2. Un modèle HTML5 de base
  3. Le Doctype
  4. L’élément HTML
  5. L’élément header
  6. Pourquoi ces modifications fonctionnent-elles toujours dans les anciens navigateurs ?
  7. Toutes les balises ne devraient-elles pas être fermées ?
  8. Qu’en est-il des autres syntaxes basées sur XHTML ?
  9. Définir la structure de la page
  10. L’élément Section
  11. L’élément Article
  12. L’élément navigation
  13. L’élément Aside
  14. L’élément footer
  15. Structuration du HTML5

Plus de sémantique HTML5

  1. Une nouvelle perspective sur les types de contenu
  2. Le contour du document
  3. Dernières nouveautées
  4. L’élément hgroup
  5. Plus de nouveaux éléments
  6. les éléments figure et figcaption
  7. L’élément Mark
  8. L’élément Time
  9. Modifications apportées aux fonctionnalités existantes
  10. Le mot « déprécié » est déprécié
  11. Bloquer les éléments à l’intérieur des liens
  12. Texte en gras
  13. Texte en italique
  14. Grand et petit texte
  15. Description des Listes
  16. Autres nouveaux éléments et caractéristiques
  17. L’élément Details
  18. Listes ordonnées personnalisées
  19. L’attribut async pour les scripts
  20. Validation des documents HTML5
  21. Formulaires HTML5
  22. Outils fiables dans notre boîte à outils
  23. Attributs de formulaire HTML5
  24. L’attribut Required
  25. L’attribut PlaceHolder
  26. L’attribut de Pattern
  27. L’attribut disabled
  28. L’attribut readonly
  29. L’attribut multiple
  30. Le Attribut formulaire
  31. L’attribut autocomplete
  32. L’élément datalist et l’attribut de liste
  33. L’attribut autofocus
  34. Types d’entrée de nouveau formulaire HTML5 : Search, email, URL, Numéros de téléphone, Nombres, Ranges, Couleurs, Dates et heures
  35. Autres nouveaux contrôles de formulaire en HTML5
  36. L’élément output
  37. L’élément keygen
  38. Modifications apportées aux contrôles et attributs de formulaire existants
  39. L’élément form
  40. L’élément optgroup
  41. L’élément textarea

HTML5 audio et vidéo

  1. HTML5 audio et vidéo
  2. Un peu d’histoire
  3. Formats de conteneur vidéo
  4. Codecs vidéo
  5. Codecs audio
  6. Quelles combinaisons fonctionnent dans les navigateurs actuels ?
  7. Le balisage
  8. Encodage de fichiers vidéo à utiliser sur le Web
  9. Créer des contrôles personnalisés
  10. Et l’audio?
  11. Médias accessibles

Présentation de CSS3

  1. Obtenir des navigateurs plus anciens à bord
  2. Sélecteurs CSS3
  3. Sélecteurs relationnels
  4. Sélecteurs d’attributs
  5. Pseudo-classes
  6. Pseudo-classes structurelles
  7. Pseudo-éléments et contenu généré
  8. Couleurs CSS3
  9. Coins arrondis: border-radius
  10. Ombres tombantes
  11. Encart et multiples ombres
  12. Ombre de texte
  13. Plus d’ombres

CSS3 Dégradés et multiples arrière-plans

  1. Gradients linéaires
  2. Gradients radiaux
  3. Gradients répétitifs
  4. Images de fond multiples
  5. Taille d’arrière-plan
  6. En arrière-plan

Atelier et cas pratique.

CSS3 Transformation et Transitions

  1. Transformations : Translation, mise à l’échelle, Rotaion, …
  2. Transitions : Propriété et durée de transition, transition-timing-function
  3. Animations : keyframes, Propriétés d’animation

Polices incorporées et Multicolumn Layout

  1. Implémenter @ font-face
  2. Déclaration des sources de police
  3. Descripteurs de propriété de police
  4. Plage Unicode
  5. Appliquer la police
  6. Considérations légales
  7. Création de divers types de fichiers de polices: Font Squirrel
  8. Autres considérations

Mises en page multicolumn CSS3

  1. La propriété count-column
  2. La propriété column-gap
  3. La propriété column-width
  4. Les colonnes Shorthand Property
  5. Propriété Colonnes et la hauteur
  6. Autres caractéristiques de la colonne
  7. Autres considérations
  8. Amélioration progressive

Atelier et cas pratique.

Media Queries

  1. Que sont les Media Quieries ?
  2. Syntaxe
  3. Flexibilité des Media Quieries
  4. Support du navigateur

Géolocalisation, application Web hors ligne, et le stockage Web

  1. Problèmes de confidientiatlités
  2. Méthodes de géolocalisation
  3. Vérification du support avec Modernizr
  4. Récupérer la position actuelle
  5. Objet de position de géolocalisation
  6. Saisir la latitude et la longitude
  7. Chargement d’une carte
  8. Un dernier mot sur les appareils mobiles plus anciens
  9. Le cache de l’application HTML5
  10. Configuration de votre site pour travailler hors connexion
  11. Obtenir l’autorisation de stocker le site hors connexion
  12. Aller hors ligne pour tester
  13. Rendre le HTML5 disponible hors connexion
  14. Limites au stockage d’applications Web hors ligne
  15. La section FallBack
  16. Actualiser le cache
  17. Somme-nous en ligne ?
  18. Deux types de stockage : à quoi ressemblent les données de Web storage ?
  19. Obtention et réglage de nos données
  20. Conversion de données stockées
  21. Suppression d’éléments et effacement de données
  22. Limites et ajout de stockage Web HTML5
  23. Considérations de sécurité
  24. Affichage de nos valeurs de stockage Web avec l’inspecteur Web
  25. Web Workers, Sockets Web, Web SQL & IndexedDB

Canvas, SVG et Drag & Drop

  1. L’histoire du Canvas
  2. Création d’un élément
  3. Dessin sur le Canvas
  4. Obtenir le contexte
  5. Remplir notre pinceau de couleur
  6. Dessiner un rectangle sur le Canvas
  7. Le système de coordonnées du Canvas
  8. Variations sur fillStyle
  9. Dessiner d’autres formes en créant des chemins
  10. Enregistrement de dessins sur Canvas
  11. Dessiner une image sur le Canvas
  12. Manipuler des images
  13. Conversion d’une image de couleur en noir et blanc
  14. Erreurs de sécurité avec getImageData
  15. Manipuler une vidéo avec un Canvas
  16. Affichage du texte sur le Canvas
  17. Préoccupations d’accessibilité
  18. Dessin en SVG
  19. Utiliser Inkscape pour créer des images SVG
  20. Filtres SVG
  21. Canvas versus SVG
  22. Rendre les éléments draggables
  23. L’objet DataTransfer
  24. Accepter les éléments Droppés

Besoin d'un devis / d'un renseignement :

Adresse :

28 rue Xavier Bichat

72000 Le Mans

 

Téléphone :

02.43.52.36.45

 

Email :

contact@cegefos.fr

 

Suivez-nous :

[Form id= »6″]