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
Nos clients témoignent (5)
J'ai beaucoup appris sur le sujet
Zsolt Langviser - Accenture Industrial SS
Formation - NestJS: Beginner to Advanced
Traduction automatique
La formation contient de bons éléments et est facile à suivre
David Phetole Leshabela - Vodacom SA
Formation - React with Next.js
Traduction automatique
La largeur des sujets abordés était considérable et le formateur a essayé de rendre justice à cela.
Lakshmipriya Sivakumar - Deque Systems Inc
Formation - Spring Boot, React, and Redux
Traduction automatique
formateur très compétent cours clairs explique l'importance d'apprendre le sujet fournit suffisamment de contexte sur le sujet
Li Fang Bren Ong - DBS Bank Limited
Formation - Ant Design
Traduction automatique
Bien que j'avais déjà une bonne connaissance du sujet, j'ai découvert beaucoup de choses utiles pendant le cours.
Stefan-Lucian Bucur - Cegeka NV
Formation - Building Interactive Applications with React, Redux and GraphQL
Traduction automatique