EC 27_0198 Développement Web
Page de l’unité d’enseignement Développement Web au S4 TREC5 et TREC7 à l’Université de la Nouvelle-Calédonie.
Liens
https://gharel.github.io/devweb
https://github.com/gharel/devweb
Administratif
- Intitulé : Développement Web
- Heures maquettes totales :
- 16h CM (8 séances de 2h)
- 32h TP (16 séances de 2h)
-
Modalités de contrôle des connaissances : 4CC
- Intervenants :
- Guillaume HAREL (GH) (Vacataire) : guillaume.harel@skazy.nc
Modalités de contrôles des connaissances
- 4CC, 25% par CC : on garde les 3 meilleures notes
MOYENNE := (CC1+CC2+CC3+CC4-MIN(CC1;CC2;CC3;CC4))/3
Epreuves prévues :
- CC1 : TP noté en séance à rendre
- CC2 : QCM
- CC3 : tutoriel (TP5) à rendre
- CC4 : projet d’application web Node.js/Express (TP6) à rendre
Emploi du temps
L’application officielle, fait foi.
Programme pédagogique
L’ objectif général est d’initier au développement d’applications Web dynamique, à la fois sur la partie front (navigateur) et la partie back (serveur). Le langage JavaScript sera utilisé côté client et aussi côté serveur avec Node.js. Nous utiliserons https://github.com et https://render.com pour les rendus.
Toutes les séances de CM et TP sont demandées en salles machine avec un unique groupe, il n’y a donc pas toujours de différences entre CM et TP.
| Type | Contenu (séance de 2h) | Support/remarque |
|---|---|---|
| CM | Introduction au Web et à JS | CM-WEB1, CM-JS1, exemples |
| TP | Introduction au Web et à JS | TP-JS1 (éléments de correction) |
| TP | Introduction au Web et à JS | idem |
| CM | Introduction JS : le DOM | CM-JS2, exemples |
| TP | Introduction JS : le DOM | TP-JS1 calculatrice #1, calculatrice #2 |
| TP | Introduction JS : le DOM | TP-JS2 (correction) |
| CM | Introduction à GitHub | CM-TOOLS |
| TP | Introduction JS : TP de synthèse | CC1 (TP noté en séance) HTML JS CSS |
| CM | Programmation fonctionnelle JS | CM-CM1, exemples |
| TP | Programmation fonctionnelle JS | TP-TP1 |
| TP | Programmation fonctionnelle JS | TP-TP1 (correction) |
| CM | Programmation asynchrone | CM-CM2 |
| TP | Programmation asynchrone | CM-CM2 exercice (correction) |
| TP | Programmation asynchrone | CM-CM3, exercice, CC2 (QCM) |
| TP | Programmation Web API | TP-TP2 |
| CM | Programmation Web API | TP-TP4 |
| TP | Programmation Web API | TP-TP4 |
| CM | Environnement Node.js | CM-CM4, exemples |
| TP | Tutoriel Node.js/Express | TP-TP5, partie 1 |
| TP | Framework Express et REST | CM-CM5, exemples |
| CM | Tutoriel Node.js/Express | TP-TP5 à rendre CC3, partie 2 |
| TP | Projet réducteur d’URL | TP-TP6 |
| TP | Projet réducteur d’URL | TP-TP6 |
| TP | Projet réducteur d’URL | TP-TP6 à rendre CC4 |
Références
- Guides et référence MDN : https://developer.mozilla.org/en-US/docs/Web/JavaScript
- The Modern JavaScript Tutorial : https://javascript.info
- Node.js best practices : https://github.com/goldbergyoni/nodebestpractices
- API Node.js : https://nodejs.org/api/
- API Express : https://expressjs.com/en/5x/api.html