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 (5)
Mit nestjs ausgestattet, obwohl es nicht auf der Tagesordnung stand
Suhail - Maldives Pension Administration Office (Pension Office)
Kurs - Typescript Unit Testing
Maschinelle Übersetzung
Der Trainor bietet mehr Proben, was wirklich sehr hilfreich ist.
Romulo - Tribal Software Philippines, Inc.
Kurs - Advanced TypeScript
Maschinelle Übersetzung
Die Ausbildung hat einen guten Inhalt und ist leicht nachzuvollziehen.
David Phetole Leshabela - Vodacom SA
Kurs - React with Next.js
Maschinelle Übersetzung
Vereinfachung neuer komplexer Techniken
Brian Zaranyika - Vodacom SA
Kurs - React Native Expo
Maschinelle Übersetzung
Der Umfang der abgedeckten Themen war erheblich, und der Trainer bemühte sich, diesen gerecht zu werden.
Lakshmipriya Sivakumar - Deque Systems Inc
Kurs - Spring Boot, React, and Redux
Maschinelle Übersetzung