Cours 141 - Développer des applications web adaptatives
Informations générales
| Élément | Détail |
|---|---|
| Code | C141 |
| Classe | ESIG2 (2ème année) |
| Période | 21 janvier 2026 → 27 mai 2026 |
| Jour | Mercredi |
| Horaire | 08:30 - 11:50 |
| Salle | A2-11 |
| Dotation | 60 périodes (15 séances × 4 périodes) |
| Prérequis | C122 (JavaScript) |
Objectifs du cours
À la fin de ce cours, vous serez capable de :
- Maîtriser Vue.js 3 avec la Composition API
- Utiliser Vuetify 3 pour créer des interfaces Material Design
- Gérer l'état global avec Pinia
- Implémenter la navigation avec Vue Router
- Consommer des APIs REST avec Axios
- Créer des applications SPA responsives et mobiles
- Déployer une application web moderne
Documents
| Document | Description |
|---|---|
| Plan d'enseignement | Planning des 15 séances avec objectifs détaillés |
| Liste des exercices | Exercices et projets pratiques |
| Padlet du cours | Fil rouge et ressources partagées |
Stack technique
| Technologie | Usage |
|---|---|
| Vue.js 3 | Framework frontend (Composition API) |
| Vuetify 3 | Composants UI Material Design |
| Pinia | State management |
| Vue Router 4 | Routage côté client |
| Axios | Requêtes HTTP |
| Vite | Build tool |
| SASS/SCSS | Préprocesseur CSS |
Outils
Environnement de développement
- WebStorm : IDE principal (raccourcis JetBrains)
- Vue DevTools : Extension navigateur pour débugger Vue.js
- Git + GitHub : Versionnement du code
Plateformes d'exercices
Les exercices pratiques sont disponibles sur :
Documentation
Retrouvez tous les contenus théoriques sur ce site :
- Vue.js et Vuetify
- Vue Router
- Pinia (documentation officielle)
- Axios (documentation officielle)
Ressources externes
Organisation du cours
En classe
- Théorie et démonstrations live
- Accompagnement individuel sur les exercices
- Corrections collectives
- Travail sur le projet fil rouge
En devoirs
- Tutoriels Vue.js officiels
- Exercices pratiques
- Avancement du projet Pokédex
Projet fil rouge : Le Pokédex
Un projet progressif couvrant toutes les compétences du cours :
- Pages et navigation - Mise en place du routeur
- Affichage des données - Listing des Pokémon
- Recherche et filtrage - Fonctionnalités de recherche
- Gestion des favoris - State management avec Pinia
- Page de détail - Routes dynamiques
- Formulaires - Création/édition de données
- Authentification - Connexion utilisateur
- Opérations CRUD - Interactions avec l'API
Conseil
Suivez le tutoriel Vue.js officiel en parallèle des cours. C'est la meilleure façon de consolider les bases !
Évaluation
- Évaluations formatives : Exercices corrigés en cours de semestre
- Épreuve formative : Semaine 13 (13 mai 2026)
- Épreuve de module : Semaine 15 (27 mai 2026)