Schulungsübersicht
Einführung
- Überblick über Alpine JS
- Was sind die Alpine JS-Richtlinien?
Erste Schritte
- Verständnis von Alpine JS’ Rolle im modernen Webdesign
- Lernen, wie man Alpine JS verwendet und wann man ein vollwertiges Web-Framework verwenden sollte
- Installation von Alpine JS
- Alpine JS-Programm erstellen
Verwendung des AlpineJs
- Wiederverwendung von Datenobjekten mit Alpine.data
- Deklaration eines globalen Datenspeichers: Alpine.store
Alpine JS-Richtlinien
- Website-Daten deklarieren: x-data
- Hinzufügen von Kippschaltern: x-show
- Benutzerdefinierte Ereignisse und Ereignis-Modifikatoren mit x-on
- Dynamische HTML-Attribute setzen: x-bind
- Erweiterte Attributbindung mit x-bind
- Daten an Formularelemente binden: x-model
- Festlegen des Inhalts von Elementen: x-text und x-HTML
Initialisierung der Alpine JS-Komponente
- Code bei der Initialisierung von Elementen ausführen: x-init
- Reagieren auf Abhängigkeitsänderungen: x-effect
- Elemente nach Schlüssel referenzieren: x-ref
Fehlersuche
Zusammenfassung und nächste Schritte
Voraussetzungen
- Grundlegendes Verständnis von Web-Frameworks
- Erfahrung mit grundlegender Codierung für Webdesign
- JavaScript Programmiererfahrung
Publikum
- Entwickler
Erfahrungsberichte (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
Kurs - 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
Kurs - 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
Kurs - 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.