HTML5, CSS3, JavaScript – Création de pages web
Formation créée le 29/11/2021. Dernière mise à jour le 20/01/2023.
Version du programme : 1
Programme de la formation
Objectifs de formation : à l’issue de la formation, le stagiaire sera capable de créer des applications web dynamiques et responsives, en utilisant conjointement les nouvelles possibilités du langage HTML5, Javascript et des feuilles de style CSS3.
Objectifs de la formation
- Concevoir et développer des applications Web en HTML5 et CSS3
- Mettre en place et valider la structure HTML 5 des pages Web
- Habiller des pages Web en CSS 3 afin de les rendre plus attractives
- Savoir produire des pages compatibles avec les différents navigateurs internet
- Concevoir des pages Web d'un site en responsive design
- Créer des images et des animations vectorielles
- Utiliser JavaScript pour implémenter des mécanismes plus complexes sur un site
Profil des bénéficiaires
Pour qui
- Développeurs
- Concepteurs Web
- Chefs de projets
Prérequis
- Avoir des connaissances internet standard
- Une expérience pratique du web est souhaitable
Contenu de la formation
-
Présentation des notions de bases
- DTD et syntaxe XML
- Structure d'un document HTML
- Sémantique HTML
- Modèle de document
- Protocole HTTP
- Optimisation du Critical Render Path
- Topographie des concepts et apports du HTML5
- Présentation des différents outils de développement HTML5
- Test de compatibilité & méthode de détection HTML5
- Travaux pratiques : Premiers pas sur les outils de développement HTML5
-
Structuration
- Les éléments "classiques" de structuration & les nouveautés
- Les catégories de contenus
- Balises structurantes & référencement
- Imbrication et type de contenu
- Travaux pratiques : Mise en oeuvre de la structure d'un document HTML
-
Les balises HTML
- Balises & attributs obsolètes
- Présentation des balises les plus utilisées
- Extensions de balises HTML
- Les attributs
- Les microformats & référencement
- Les nouveaux champs et attirbuts de formulaires
- Les dessins
- Les formats multimédia
- Gestion vidéo et audio
- Travaux pratiques : Mise en place de templates HTML5 avec des contenus multimédias
-
Les sélecteurs CSS3
- Notions de base autour de la syntaxe et des règles
- Présentation des sélecteurs courants
- Travaux pratiques : mise en oeuvre de CSS3 au applications Web, utilisation des sélecteurs d'éléments sur une page HTML5
-
Les couleurs et la mise en forme du texte
- Rappels : déclarations RGB & RGBA
- Modèles HSL & HSLA
- Propriété Opacity
- Support des polices distantes
- Mise en forme du texte
- Mise en place d'un système d'icônes
- Gestion des débordements
- Gestion des enchainements
- Effets de couleur et d'ombre
- Modes multi-colonnes
- Travaux pratiques : Mise en couleur et en formes des contenus
-
Mise en forme des boîtes et des fonds
- Ombres & coins arrondis
- Fonds multiples
- Gradients de fond
- Fonds ajustés aux conteneurs
- Les transformations
- Les animations
- Travaux pratiques : Mise en forme et animations grâce aux notions abordées
-
Grid Layout
- Le principe de Grilles
- Mise en page par bloc
- Positionnement des blocs
- Responsive : adaptation de la disposition et de la taille des blocs
- Travaux pratiques : Adaptation d'un page web modulaire et responsive
-
Flexbox
- La fin des floats
- Les sous-blocs & répartition
- Ordre d'affichage
- Occupation de l'espace mis à disposition par les parents
- Centrer un bloc en hauteur
- Responsive : adaptation de la disposition et de la taille des blocs
- Travaux pratiques : Adaptation d'un page web modulaire et responsive
-
Framework CSS
- L'offre communautaire
- Critères communs et concepts partagés
- Frameworks composants & Framework CSS
-
SVG, image vectorielle et responsive
- La syntaxe SVG
- Support & intégration des images
- Polices de caractères
- Optimisation
- Animation des graphiques
- Bibliothèque pour la création de graphiques
- Travaux pratiques : Création d'une animation vectorielle
-
Introduction à JavaScript
- Rôle de JavaScript
- Environnement du client Web
- Navigateur & outils
-
Présentation étendue du langage
- Syntaxe
- Variables, fonctions globales, opérateurs & structures de contrôle
- Fonctions : définition, arguments, fonctions littérales, fonctions sous forme de données
- Objets personnalisés et objets globaux
- Manipuler les tableaux, les dates, les chaînes de caractères
Équipe pédagogique
Professionnel expert technique et pédagogique.
Suivi de l'exécution et évaluation des résultats
- Feuilles de présence.
- Questions orales ou écrites (QCM).
- Mises en situation.
- Formulaires d'évaluation de la formation.
- Certificat de réalisation de l’action de formation.
Ressources techniques et pédagogiques
- Espace numérique de travail
- Documents supports de formation projetés
- Exposés théoriques
- Etude de cas concrets
- Quiz en salle
- Mise à disposition en ligne de documents supports à la suite de la formation.
Qualité et satisfaction
Taux de satisfaction des apprenants, nombre d'apprenants, taux et causes des abandons, taux de retour des enquêtes, taux d'interruption en cours de prestation.