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.

Les prérequis

Le HTML et la CSS doivent être acquis avant de commencer (voir les TP web de base).

Étape 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
4. TP 2 : Le retour de Bart
5. TP 3 : Contrôle de saisie et intéractivité
6. TP 3.1 : Intéractivité
7. TP 5 : Les librairies pour vous sauver

Les supports associés

Slides JavaScript et l'aide mémoire Ajax / JavaScript.

Étape 2 : Le JavaScript avancé et l'Ajax

Le JavaScript moderne et les échanges avec le serveur sans recharger la page.

1. Prise en main JavaScript avancé
2. Questions complémentaires
3. Pratiquer l'Ajax
4. La BTS TV 2.0 (Ajax)
5. Découverte de HTMX

Les supports associés

Slides JavaScript avancé et slides Framework JavaScript.

Étape 3 : 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

Et ensuite ?

Larablog 2.0 (Ajax & VueJS) si vous avez suivi les TP PHP avancés, Vuetify pour l'interface, ou Firebase + VueJS 3 pour la persistance sans serveur.