Description
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 pédagogiques
- 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
Public concerné
Développeurs
Concepteurs Web
Chefs de projets
Prérequis
Avoir des connaissances internet standard
Une expérience pratique du web est souhaitable
Déroulé du programme
1
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
2
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
3
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
4
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
5
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
6
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
7
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
8
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
9
Framework CSS
- L'offre communautaire
- Critères communs et concepts partagés
- Frameworks composants & Framework CSS
10
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
11
Introduction à JavaScript
- Rôle de JavaScript
- Environnement du client Web
- Navigateur & outils
12
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
Informations
Durée
3 jour(s)
21h
Tarif
1850 € HT
HT
