Formation courte
Développement Web Avancé
Cette formation HTML/CSS/JavaScript approfondissement & intégration consolide la maîtrise du front-end web. Elle traite le choix des bons éléments HTML, des types de champs de formulaires, la structuration des tableaux, puis l’usage avancé des sélecteurs, pseudo-éléments, priorités CSS et systèmes de mise en page modernes (Flexbox, Grid). Elle aborde également les objets complexes en JavaScript, les variables spéciales, la manipulation du DOM et la validation de formulaires, avec une attention portée au débogage et à l’accessibilité.
Objectifs
Créer des formulaires au style personnalisé comportant une vérification lors de la soumission du contenu rentré par l’utilisateur.
Utiliser les packages fondamentaux de la Résoudre une erreur générée par le code d’un développeur à partir du message retourné par le navigateur dans la console.
Prérequis
Avoir fait la formation Dev. Base / Opérationnel ou posséder les connaissances équivalentes
Test de positionnement obligatoire avant l’entrée en formation
Plan de formation
HTML / CSS / JavaScript – Approfondissement & Intégration
Introduction
- Rappels des fondamentaux HTML, CSS et JavaScript
HTML
- Différencier un élément de bloc d’un élément de ligne
- Utiliser des attributs booléens
- Utiliser l’attribut
<target>d’un élément - Regrouper les cellules d’un tableau
- Choisir l’élément pertinent selon le contenu
- Choisir le type d’entrée adapté dans un formulaire
- Choisir l’élément
<form>approprié
CSS
- Transformer l’affichage d’un texte
- Utiliser des sélecteurs avancés
- Appliquer les règles de priorité (cascade)
- Hiérarchiser les sélecteurs
- Importer des styles depuis des feuilles externes
- Utiliser les pseudo-éléments
::beforeet::after - Aligner et répartir l’espace entre éléments (Flexbox, Grid)
JavaScript
- Créer des boucles avancées
- Utiliser des variables spéciales (
this,arguments…) - Créer et manipuler des objets complexes
- Accéder et modifier les propriétés d’un objet
- Remplacer dynamiquement des éléments du DOM
Intégration & Débogage
- Créer un formulaire HTML stylé en CSS et validé via JavaScript
- Utiliser les outils de développement pour identifier une erreur (trace de pile)
- Lire la documentation d’une bibliothèque tierce
- Explorer la notion d’accessibilité web