Les TP JavaScript

Vous trouverez ici la liste des TP JavaScript, dans l'ordre dans lequel je vous conseille de les réaliser. Le JavaScript s'exécute dans le navigateur, il vient compléter ce que vous avez vu côté serveur avec le PHP.

La séquence de base est organisée sur 4 semaines (4 séances de 2 heures), avec un point étape évalué en dernière séance.

Les prérequis

Le HTML et la CSS doivent être acquis avant de commencer (voir les fondamentaux du web). Les bases de la programmation vues en PHP (les TP PHP de base) sont également supposées connues.

Les supports du parcours

Gardez-les à portée de main pendant tous les TP, c'est important :

• Le complément de cours JavaScript
• Les slides JavaScript et les slides JavaScript avancé
• L'aide mémoire Ajax / JavaScript

Semaine 1 : Les bases du JavaScript

Les TP suivent le complément de cours JavaScript.

1. TP 1 : Hello World
2. TP 1.1 : Des variables en veux-tu en voilà !
3. TP 1.2 : Une petite mise en bouche

Semaine 2 : Manipuler la page (DOM et événements)

1. TP 2 : Le retour de Bart
2. TP 3 : Contrôle de saisie et interactivité
3. TP 3.1 : Interactivité (si vous êtes en avance)

Semaine 3 : L'Ajax

1. TP 4 : Pratiquer l'Ajax
2. TP 4.1 : La BTS TV 2.0 (Ajax) (si vous êtes en avance)

Semaine 4 : Le point étape

Point étape

Évaluation : Mon catalogue de films. Un mini projet évalué pour valider la séquence : manipulation du DOM, événements et Ajax avec fetch.

Pour aller plus loin

Une fois la séquence terminée (ou si vous êtes en avance) :

1. TP 5 : Les librairies pour vous sauver
2. Prise en main JavaScript avancé
3. Questions complémentaires
4. Découverte de HTMX

Et ensuite : VueJS

Le framework côté client. Les TP utilisent VueJS 3, la version actuelle.

1. Prise en main VueJS 3
2. Suite prise en main VueJS 3
3. Découverte de ViteJS
4. VueJS 3 et un routeur
5. Les composants avec VueJS 3
6. Créer une application Web avec VueJS 3
7. Firebase + VueJS 3 : une carte collaborative en temps réel