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&rsquo,Alpine JS dans la conception de sites web modernes
- 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 d'un cadre web
- Expérience du codage de base pour la conception de sites web
- JavaScript expérience en programmation
Audience
- Développeurs
Nos Clients témoignent (5)
The breadth of the topis covered was quite a bit and the trainer tried to do justice to that.
Lakshmipriya Sivakumar - Deque Systems Inc
Formation - Spring Boot, React, and Redux
I like the professionality of the trainer, he really knows what he is talking about and able to explain almost even the simple subjects on the topic which is great.
Marlon - National Confederation of Cooperatives
Formation - React with Next.js
trainer very knowledgeable clear classes explains the importance of learn the topic gives enough background on topic
Li Fang Bren Ong - DBS Bank Limited
Formation - Ant Design
J'ai beaucoup appris sur le sujet
Zsolt Langviser - Accenture Industrial SS
Formation - NestJS: Beginner to Advanced
Traduction automatique
The labs were interesting and probably the most useful learning tool to me. Anything I missed or forgot about was relearned or reinforced in the labs.