In diesem Workshop werden zunächst die Grundlagen des Vue.js-Frameworks gegeben und die Tailwind-Klassen in Vue-Komponenten verwendet. Der Schwerpunkt des Workshops liegt auf dem Utility-FirstCSS Konzept und TailwindCSS
Um nicht jedes Mal Utility-first-CSS schreiben zu müssen (da es im Prinzip immer dasselbe ist), ist es sinnvoll, dafür ein CSS-Framework zu verwenden, TailwindCSS ist eine tolle Option.TailwindCSS ist ein schnell wachsendes CSS-Framework, mit dem man Änderungen am Design von Websites und Anwendungen vornehmen kann, ohne das HTML-Markup zu verlassen und ohne das Style-Tag zu verwenden.
Im Verlauf des Workshops werden hauptsächlich die grundlegenden Konzepte und Funktionen beleuchtet. Mit den Erfahrungen aus dem Workshop, soll es den Teilnehmern möglich sein eigenständig darauf aufzubauen.In erster Linie hat der Workshop das Frontend im Fokus. Vorkenntnisse in HTML, (S)CSS und JS sind für die Teilnahmen von Vorteil.
Github Repository zum Workshop clonen (verfügbar ab Tag des Workshops).
cd wt-vue-tailwind
npm install
npm run dev
Vue installieren (node oder yarn)