Programmation Web : Frontend (PWF)
Bienvenue dans le module
Le module Programmation Web : Frontend (PWF), d’une durée de 44 heures en 2e année, propose une introduction aux bases de la programmation des applications web.
Il permet d’améliorer l’ergonomie et l’interface des sites web tout en découvrant les principales librairies et frameworks utilisés dans le domaine.
Durant ce module, vous serez amené à :
- Comprendre les concepts clés de la programmation web
- Utiliser JavaScript vanilla pour créer des applications interactives
- Manipuler le DOM et gérer les événements utilisateur
- Organiser et structurer le code de manière professionnelle
- Exploiter les outils de développement du navigateur
👉 Pour en savoir plus sur le métier, voir la fiche Frontend.
Programme du module
Phase 1 : Fondations (Leçons 1-5)
- HTML/CSS pour développeurs : Structure sémantique, sélecteurs CSS, événements inline
- Variables et structures conditionnelles : Types de données, logique conditionnelle
- Boucles et structures de contrôle : Itération, logique complexe (évaluation notée)
- Fonctions et tableaux : Organisation du code, manipulation de données
Phase 2 : Application Pratique (Leçons 6-10)
- Application Micro-Tracker
- Gallerie avec API
Ce que vous maîtriserez à la fin du module
Compétences algorithmiques
- Variables et types de données
- Structures de contrôle (if/else, boucles)
- Logique conditionnelle complexe
Compétences de développement
- Fonctions et organisation du code
- Manipulation de tableaux avec boucles
- Traitement de données JSON
Compétences UI/UX
- Manipulation du DOM
- Gestion des événements utilisateur
- Création d’interfaces interactives
Outils navigateur
- Console de développement
- Inspecteur d’éléments
- localStorage pour la persistance des données
Projet final
Une application complète de gestion de tâches comprenant :
- Interface utilisateur moderne et responsive
- Fonctionnalités CRUD (Create, Read, Update, Delete)
- Persistance des données avec localStorage
- Recherche, filtrage et tri
- Validation et gestion d’erreurs
- Code organisé et optimisé
Évaluation
- Projets développé sur les 4 derniere sessions (6-10)
- Examen final pratique
Transition vers le Backend
Ce module prépare à la suite : Programmation Web : Backend (PWB).
Vous y apprendrez à :
- Remplacer les données JSON mock par une API réelle en PHP/MySQL
- Ajouter l’authentification utilisateur
- Implémenter la synchronisation multi-utilisateurs
Répartition de matière – Module PWF
Total : 44 heures