Merci d'avoir envoyé votre demande ! Un membre de notre équipe vous contactera sous peu.
Merci d'avoir envoyé votre réservation ! Un membre de notre équipe vous contactera sous peu.
Plan du cours
Introduction
- Vue d'ensemble de la JS alpine
- Quelles sont les directives de la JS alpine ?
Pour commencer
- Comprendre le rôle d'Alpine JS dans la conception Web moderne
- Apprendre à utiliser Alpine JS et savoir quand utiliser un framework web à part entière
- Installer Alpine JS
- Créer un programme Alpine JS
Utilisation de AlpineJs
- Réutilisation des objets de données avec Alpine.data
- Déclarer un magasin de données global : Alpine.store
Directives JS Alpine
- Déclaration des données du site web : x-data
- Ajout de bascules : x-show
- Événements personnalisés et modificateurs d'événements avec x-on
- Définition d'attributs dynamiques HTML : x-bind
- Liaison d'attributs avancée avec x-bind
- Liaison de données à des éléments de formulaire : x-model
- Définition du contenu des éléments : x-text et x-HTML
Initialisation du composant Alpine JS
- Exécution du code lors de l'initialisation de l'élément : x-init
- Répondre aux changements de dépendance : x-effect
- Référencement des éléments par clé : x-ref
Dépannage
Résumé et prochaines étapes
Pré requis
- Compréhension de base du cadre web
- Expérience du codage de base pour la conception de sites web
- [Expérience de la programmation de scripts
Public
- Développeurs
14 Heures
Nos clients témoignent (2)
Les détails, la manière d'expliquer et le calme et la confiance que l'animateur inspire.
Cosmin Ghergheles - Ness
Formation - React, Redux and TypeScript
Traduction automatique
J'ai particulièrement apprécié la pédagogie de Rodrigue. Je lui ai posé de nombreuse questions sur des sujets pointus et il a chaque fois repondu avec efficacité en l'illustrant avec des exemples concret.