Alpine
Framework
Formation JavaScript
Alpine est une petite bibliothèque JavaScript qui ajoute du comportement directement dans le HTML : menus, onglets, fenêtres, filtres. Sans compilation ni architecture lourde, c’est la solution légère pour rendre interactive une page qui n’a pas besoin d’un framework complet.
- Public
- Étudiants
- Développeurs
- Chefs de projet technique
- Niveau
- Intermédiaire
- Formats
- Sur site ou à distance
Prérequis
Les bases du HTML, du CSS et de JavaScript.
Objectifs
- Ajouter de l’interactivité à une page avec les directives
- Récupérer et afficher les données d’une API
- Partager un état entre composants avec les stores
- Étendre Alpine avec ses plugins
Programme
Prise en main
L’environnement et une démonstration.
Les directives
Les données, les événements, l’affichage conditionnel et les boucles, directement dans le HTML.
Les données
Travailler avec une API et partager un état avec les stores.
L’écosystème
Les plugins, et le duo avec Tailwind CSS.
Travaux pratiques
Par exemple un accordéon ou des cartes à retourner, parmi d’autres exercices.
Des explications courtes, puis de la pratique : les exercices et le projet sont adaptés au niveau du groupe.