Développement

Formation HTML5, CSS3, JavaScript – Création de pages web

3 jour(s) • 21h

Éligible OPCO

8,8/10 avis apprenants

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.

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

Développeurs
Concepteurs Web
Chefs de projets

Avoir des connaissances internet standard
Une expérience pratique du web est souhaitable

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

Ils nous font Confiance

Nos partenaires de confiance

Questions fréquentes

FAQ : Formation HTML5, CSS3, JavaScript – Création de pages web

Oui, mais la prise en charge d'une formation professionnelle par un OPCO dépend de votre opérateur de compétences, de votre branche d'activité et des critères de financement applicables. Ascent Formation vous accompagne dans l'identification des possibilités de financement adaptées à votre entreprise.
Une formation inter-entreprises réunit des participants issus de différentes organisations, tandis qu'une formation intra-entreprise est organisée pour les collaborateurs d'une même entreprise. Le format intra permet notamment d'adapter le contenu et les modalités aux besoins spécifiques de vos équipes.
Selon la formation proposée, il est possible de suivre une formation professionnelle à distance, en présentiel ou selon d'autres modalités disponibles. Consultez les informations de la session concernée ou contactez-nous pour connaître les formats possibles.
Oui, une formation professionnelle peut être adaptée aux objectifs, au niveau des participants et aux besoins opérationnels de votre entreprise. Ascent Formation vous propose des parcours personnalisés pour accompagner le développement des compétences de vos équipes.