Construire des interfaces web modernes : structurer une page en HTML, la mettre en forme en CSS, la rendre responsive, ajouter de l'interactivité avec JavaScript et consommer une API. Trois jours de pratique intensive avec un projet fil rouge.
Objectifs
- Structurer une page web en HTML sémantique
- Mettre en forme avec CSS et gérer les mises en page modernes
- Concevoir des interfaces responsives
- Maîtriser les bases du langage JavaScript
- Manipuler le DOM et gérer les événements
- Consommer une API et afficher des données
- Organiser et déployer un projet front-end
Programme détaillé
Module 1 — HTML et structure
- Structure d’une page et balises sémantiques
- Formulaires et accessibilité
- Bonnes pratiques et validation
- Organisation d’un projet
Module 2 — CSS et mise en page
- Sélecteurs, boîte, positionnement
- Flexbox et grille
- Responsive design et media queries
- Variables et organisation du CSS
Module 3 — JavaScript
- Variables, types, conditions, boucles
- Fonctions et portée
- Manipulation du DOM
- Événements et interactions
Module 4 — Aller plus loin
- Requêtes asynchrones et consommation d’API
- Manipulation de données JSON
- Outils de développement du navigateur
- Déploiement d’un projet
Méthodologie pédagogique
Pédagogie active et orientée terrain : apports structurés, exercices appliqués à vos cas réels, études de cas et mises en situation. Chaque participant repart avec un support complet et un plan d'action personnalisé. Les acquis sont évalués en fin de session et une attestation de formation est remise.
Profil de l'intervenant
Développeur-formateur web, praticien des technologies front-end.