Struttura del corso
Introduzione
- Panoramica di Alpine JS
- Quali sono le direttive Alpine JS
Introduttiva
- Comprendere il ruolo di Alpine JS nel web design moderno
- Imparare a usare Alpine JS e quando utilizzare un framework web completo
- Installazione di Alpine JS
- Creazione del programma Alpine JS
Utilizzo dell'AlpineJs
- Riutilizzo di oggetti dati con Alpine.data
- Dichiarazione di un archivio dati globale: Alpine.store
Linee guida Alpine JS
- Dichiarazione dei dati del sito web: x-data
- Aggiunta di interruttori: x-show
- Eventi personalizzati e modificatori di eventi con x-on
- Impostazione degli attributi dinamici HTML: x-bind
- Associazione di attributi avanzata con x-bind
- Associazione dei dati agli elementi del modulo: x-model
- Specificare il contenuto degli elementi: x-text e x-HTML
Inizializzazione del componente Alpine JS
- Esecuzione del codice sull'inizializzazione dell'elemento: x-init
- Risposta alle modifiche delle dipendenze: effetto x
- Elementi di riferimento per chiave: x-ref
Risoluzione dei problemi
Riepilogo e prossime tappe
Requisiti
- Conoscenza di base del framework web
- Esperienza con la codifica di base per il web design
- JavaScript Esperienza di programmazione
Pubblico
- Gli sviluppatori
Recensioni (4)
The breadth of the topis covered was quite a bit and the trainer tried to do justice to that.
Lakshmipriya Sivakumar - Deque Systems Inc
Corso - 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
Corso - 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
Corso - Ant Design
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.