Schulungsübersicht
Einführung
- Überblick über Alpine JS
- Was sind die Alpine JS-Richtlinien?
Erste Schritte
- Die Rolle von Alpine JS im modernen Webdesign verstehen
- 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
- JavaErfahrung mit Script-Programmierung
Zielgruppe
- Entwickler
Erfahrungsberichte (4)
Die Details, die Art der Erklärung und das ruhige und sichere Verhalten des Trainers sind inspirierend.
Cosmin Ghergheles - Ness
Kurs - React, Redux and TypeScript
Maschinelle Übersetzung
Trainor gibt mehr Beispiele, was wirklich sehr hilfreich ist.
Romulo - Tribal Software Philippines, Inc.
Kurs - Advanced TypeScript
Maschinelle Übersetzung
Ich schätze die Professionalität des Trainers, er kennt sich wirklich gut aus und kann sogar einfache Themen auf der Materie hervorragend erklären.
Marlon - National Confederation of Cooperatives
Kurs - React with Next.js
Maschinelle Übersetzung
Übungen
Mateusz - DPDgroup IT Solutions sp. z o.o.
Kurs - React Native for iOS and Android
Maschinelle Übersetzung