Diese Repo beinhaltete die Folien und Aufgaben für den Workshop "Getting started with Alpine.js" für den Kurs Weaving the Web im Master Medieninformatik an der TH Köln.
Die Folien als PDF sind hier zu finden. Die Präsentation wurde mit Slidev gebaut, der Quellcode der Folien ist hier abgelegt.
Die Aufgaben für den Workshop sind hier zu finden.
Dieser Workshop befasst sich mit dem JavaScript-Framework Alpine.js. Es wird versucht, den Teilnehmenden einen Überblick über die Nutzung und Anwendungsmöglichkeiten zu geben, um daraufhin das Erfahrene in kurzen Übungen zu vertiefen.
Durch den verhältnismäßig überschaubaren Umfang des Frameworks ist es möglich, innerhalb des Workshops alle relevanten Teile zu betrachten und anzuwenden.
Dem Anwendungsbereich von Alpine.js geschuldet richtet sich der Workshop stärker an Frontend Entwickler. Vorkenntnisse außerhalb von Basic HTML, CSS und JS werden aber nicht vorausgesetzt!
Kenntnisse in Vue oder React erleichtern den Einstieg, sind aber keine muss, um mit Alpine.js durchzustarten.
- Editor (ich nutze VSCode)
- Browser (Chrome)
- Alpine.js Devtools installieren (nur für Chrome & Firefox erhältlich ✌️)
- (Optional) Alpine.js IntelliSense für VSCode installieren
- Github Repo zum Workshop clonen
- Alpine.js Dokumentation
- Alpine.js V3 Dokumentation
- Alpine.js Devtools
- Alpine.js IntelliSense