Syllabus
Professeur : Orlrick Etienne
Email : [Link]@[Link]
Téléphone : +509 40 17 6014
Programmation JavaScript Moderne (30 heures)
Programme destiné aux étudiants de 4e et 5e année - Sciences Informatiques
1. Description du cours
Ce cours introduit les étudiants aux concepts fondamentaux et avancés du langage
JavaScript utilisé dans le développement web moderne. Les étudiants apprendront à
manipuler les structures de données, les objets, les classes, la programmation
asynchrone ainsi que l'interaction avec le DOM et les API Web. Le cours inclut des
exercices pratiques, des mini-projets et un projet final.
2. Objectifs pédagogiques
• Comprendre la syntaxe et les concepts fondamentaux de JavaScript
• Manipuler les structures de données du langage
• Utiliser les fonctions et la programmation orientée objet
• Manipuler le DOM et les événements dans le navigateur
• Comprendre la programmation asynchrone (Promises, async/await)
• Consommer des API Web et manipuler JSON
• Développer une application web interactive
3. Prérequis
Les étudiants doivent avoir des connaissances de base en programmation et en
développement web, notamment HTML et CSS.
4. Organisation du cours (30 heures)
Séances Thèmes Durée
1 Introduction à JavaScript, syntaxe, versions 3h
2 Variables, types de données, opérateurs 3h
3 Conditions, boucles, gestion d’erreurs 3h
4 Fonctions, portée (scope), destructuring 3h
5 Tableaux, Sets, Maps 3h
6 Objets, classes, dates 3h
7 Modules, fonctionnalités avancées 3h
8 DOM, événements, interaction HTML 3h
9 Web APIs, AJAX, JSON, async/await 3h
10 Bibliothèques, debugging, projet final 3h
5. Plan détaillé séance par séance
Séance 1 : Introduction à JavaScript, environnement d’exécution, syntaxe, conventions.
Séance 2 : Variables (let, const), types de données, opérateurs, manipulation des
chaînes et nombres.
Séance 3 : Structures de contrôle : if, switch, boucles for et while, introduction aux
erreurs.
Séance 4 : Fonctions traditionnelles et arrow functions, scope, destructuring.
Séance 5 : Manipulation des tableaux, méthodes map/filter/reduce, introduction à Sets
et Maps.
Séance 6 : Création et manipulation d’objets, classes ES6, gestion des dates.
Séance 7 : Modules JavaScript, concepts avancés (Proxy, Typed Arrays).
Séance 8 : Manipulation du DOM, gestion des événements, interaction avec HTML.
Séance 9 : Requêtes HTTP avec fetch, JSON, programmation asynchrone.
Séance 10 : Debugging, expressions régulières, présentation des projets.
6. Travaux pratiques (TP)
• TP1 : Installation de l’environnement JavaScript et premier script.
• TP2 : Développement d’une calculatrice simple.
• TP3 : Générateur de table de multiplication.
• TP4 : Création d’une bibliothèque de fonctions utilitaires.
• TP5 : Gestion d’une liste d’étudiants avec tableaux.
• TP6 : Modélisation d’un étudiant avec objets et classes.
• TP7 : Organisation d’un projet avec modules.
• TP8 : Création d’un formulaire dynamique avec validation.
• TP9 : Consommation d’une API REST.
• TP10 : Préparation du projet final.
7. Projet final
Les étudiants devront développer une application web interactive utilisant JavaScript
moderne. Le projet doit inclure la manipulation du DOM, l’utilisation d’API web et une
interface utilisateur
dynamique.
Gestionnaire de tâches (ToDo App)
Application météo utilisant une API publique
Dashboard interactif de données
Mini réseau social
Application de recettes de cuisine
Application d’actualités (news app)
Forum de discussion simple
Application de gestion de playlists musicales
Méthodes pédagogiques
• Cours magistral
• Démonstrations en live coding
• Travaux pratiques en laboratoire
• Mini projets
• Projet final
Méthodes d’évaluation
Type d’évaluation Pourcentage
Travaux pratiques / Exercices 10 / 20 | 30 %
Mini projets 30 %
Projet final 40 %
Ressources pédagogiques
• Documentation officielle JavaScript (MDN)
• Livres sur JavaScript moderne (ES6+)
• Tutoriels et exemples pratiques
• Environnements de développement : VS Code, navigateur web