Please enable JavaScript.
Coggle requires JavaScript to display documents.
Technologies web cours (14h) et TP (20h * 4 groupes) - Coggle Diagram
Technologies web cours (14h) et TP (20h * 4 groupes)
Présentation générale (1h)
1.1 Objectifs
1.1.1 Comprendre la structure du cours et les modalités d’évaluation
1.1.2 Découvrir l’architecture client-serveur et les principes de base du Web
1.2 Activités
1.2.1 Exposé magistral sur le fonctionnement d’Internet
1.2.2 Échanges rapides (questions-réponses) avec les étudiants
Rappels HTML et CSS (3h)
2.1 Objectifs
2.1.1 Savoir créer la structure d’une page web
2.1.2 Comprendre la mise en forme avec CSS (sélecteurs, boîtes, etc.)
2.2 Contenu
2.2.1 Syntaxe HTML5 (balises de base, formulaires, médias)
2.2.2 Introduction aux sélecteurs et propriétés CSS
2.2.3 Approche responsive et bonnes pratiques
2.3 Activités
2.3.1 Création d’une page statique suivie de revue de code
2.3.2 Discussions sur l’accessibilité et la sémantique
JavaScript côté client (3h)
3.1 Objectifs
3.1.1 Manipuler le DOM et gérer les événements
3.1.2 Mettre en place des fonctionnalités dynamiques (validations de formulaires, animations simples)
3.2 Contenu
3.2.1 Syntaxe JavaScript (variables, fonctions, structures de contrôle)
3.2.2 DOM, événements, manipulation du contenu
3.2.3 Introduction à AJAX et JSON
3.3 Activités
3.3.1 Exercices de dynamique de page (afficher/masquer, validation de champ)
3.3.2 TP guidé : création d’un mini-formulaire interactif
Introduction aux frameworks front-end (2h)
4.1 Objectifs
4.1.1 Découvrir un framework (ex. Bootstrap) pour simplifier la mise en page
4.1.2 Appréhender la notion de composants réutilisables
4.2 Contenu
4.2.1 Structure de base Bootstrap
4.2.2 Grille responsive, classes utilitaires
4.3 Activités
4.3.1 Atelier : refonte du site statique en utilisant un framework CSS
4.3.2 Mise en commun et retours d’expérience
Serveurs web et bases de données (2h)
5.1 Objectifs
5.1.1 Comprendre la mise en place d’un environnement serveur (ex. LAMP/WAMP)
5.1.2 Découvrir les bases de données relationnelles (tables, clés, requêtes)
5.2 Contenu
5.2.1 Installation et configuration d’un serveur local
5.2.2 Introduction à SQL (SELECT, INSERT, UPDATE, DELETE)
5.3 Activités
5.3.1 Démarrage et test d’un serveur local
5.3.2 Manipulation de tables de test (création, requêtes basiques)
Développement côté serveur (2h)
6.1 Objectifs
6.1.1 Comprendre l’échange client-serveur via requêtes HTTP
6.1.2 Mettre en place du code côté serveur (ex. PHP, Node.js)
6.2 Contenu
6.2.1 Syntaxe, variables, fonctions côté serveur
6.2.2 Récupération et traitement des données de formulaires
6.2.3 Sessions et gestion des identifiants
6.3 Activités
6.3.1 Script simple affichant des contenus dynamiques
6.3.2 Connexion à la base de données et affichage de résultats
Sécurité et déploiement (1h)
7.1 Objectifs
7.1.1 Sensibiliser aux failles courantes (injections, XSS, etc.)
7.1.2 Découvrir le processus de mise en ligne d’un site (hébergement, FTP, etc.)
7.2 Activités
7.2.1 Discussion : bonnes pratiques de sécurité
7.2.2 Démonstration d’un mini-déploiement local/distal
Projets et consolidation (14h restants en alternance avec théorie)
8.1 Organisation des TP (20h * 4 groupes)
8.1.1 Répartition des groupes (5 séances de 4h pour chaque groupe)
8.1.2 Objectif : réaliser un mini-projet web complet (front + back)
8.2 Contenu des séances pratiques
8.2.1 Atelier HTML/CSS (maquette, mise en page)
8.2.2 Implémentation JavaScript (interactions, validations)
8.2.3 Création d’un back-end simple (accès base de données, formulaires)
8.2.4 Tests, débogage, mises à jour
8.3 Évaluation
8.3.1 Présentation du projet final et support oral
8.3.2 Évaluation continue pendant chaque TP