Supports de cours - Année 2024-2025

Semaine 1 (23/09/2024) :

 Cours 1  Cours 1 : Présentation générale du cours Technologies du Web
 Cours 2  Cours 2 : Introduction à HTML
 Complément   Vidéo  HTML et encodage des caractères

Semaine 2 (30/09/2024) :

 Cours 3  Cours 3 : Introduction aux CSS

• principes de base
• sélecteurs de styles
• couleurs
• boites (marges, bordures)

 Cours 4  Cours 4 : Introduction aux CSS - suite

• positionnement des éléments (float, absolu, relatif)
• flex boxes
• grid layout (cette partie est incomplète et en cours de rédaction)

 Exposé  Introduction à Copilot (Mohamed Bouzentouta)

Semaine 3 (07/10/2024) :

 Cours 5  Responsive Web Design - Introduction Bootstrap

• Responsive Web Design
• Bootstrap 5
• le framework
• la grille boostrap

Semaine 4 (14/10/2024) :

 Cours 6  Introduction à JavaScript (1ère partie)

• Historique et évolution de JavaScript
• JavaScript côté client et JavaScript côté serveur
• Types de bases et Variables

 Cours 7  Introduction à JavaScript (2ème partie)

• Fonctions
  • déclaration / appel
  • instruction return
  • expression fonctions
  • fonction flêchées
  • fonctions d'ordre supérieur

Semaine 5 (21/11/2024) :

 Cours 8  Introduction à JavaScript (2ème partie - suite)

• Portée (scope des déclarations)
  • portée bloc, globale, locale
  • let vs. var (hoisting)
• Bonnes pratiques de codage

Semaine 6 (4/11/2024) :

 Cours 9  Programmation Evénementielle en JavaScript

• Principes
• Gestionaires d'Evénements
• Objet Event
• Propagation des événements

 Cours 10  Programmation Objet en JavaScript (1ère partie)

• Objets
• Constructeurs et méthodes
• Prototypes

Semaines 7 (11/11/2024) et 8 (18/11/2024):

 Cours 11  Programmation Objet en JavaScript (2ère partie)

• Chaîne de prototypes
• La classe Object (ES5)
• Classes (ES6)

Notes de cours supplémentaires

 Cours 12  JSON

 Cours 13  Tableaux en JavaScript

• Création de tableaux (expression littérale, constructeur Array)
• Parcours de tableaux
• Méthodes statiques d'Array
• Méthode d'instances (Array.prototype)

 Cours 14  Chaînes de caractères en JavaScript

 Cours 15  Expressions régulières en JavaScript