Vue, Svelte & Co.
Online-Kurse im Fachbereich Programmierung & Entwicklung
Vue gilt als das zugänglichste der großen Frameworks – und Svelte als das eleganteste der neuen Generation. Die Kurse decken beide ab, dazu leichtgewichtige Alternativen wie Alpine.js: ideal, wenn du moderne Frontends bauen willst, ohne den React-Mainstream mitzugehen.
- Softwareentwicklung mit C#, Vue, TS für WebanwendungenIn diesem Kurs baust du Schritt für Schritt eine moderne Full-Stack-Anwendung auf Basis eines ASP. NET Core Backends und eines Vue 3 Frontends auf. Ziel ist nicht nur, dass am Ende „irgendwas läuft“, sondern dass du eine saubere, wartbare Projektstruktur bekommst, die du für eigene Projekte direkt als Vorlage verwenden und sinnvoll erweitern kannst. Wir starten mit einem klaren Setup, damit du das Projekt schnell lokal starten kannst und direkt ein Gefühl für den Workflow bekommst. Danach schauen wir uns die Architektur an: Welche Schichten gibt es, welche Aufgaben haben sie, und wie hängen Entities, DTOs, Services und Controller zusammen? Du bekommst ein praktisches Verständnis dafür, wie man eine saubere Trennung von Verantwortlichkeiten erreicht – und warum das später Zeit spart, sobald ein Projekt größer wird. Im Backend gehen wir von den Grundlagen bis zur fertigen API-Struktur. Du lernst, wie du Entities modellierst, DTOs sinnvoll einsetzt, und wie die Datenbankanbindung sauber umgesetzt wird. Anschließend behandeln wir Migrations, damit du Datenbankänderungen kontrolliert versionieren und reproduzierbar ausrollen kannst. Darauf aufbauend erstellen wir die Infrastructure-Schicht, strukturieren die Business-Logik in Services und bauen darauf die passenden Controller für eine klare REST-API. Zusätzlich kümmern wir uns um Konfigurationen und typische Extensions, die du in echten Projekten immer wieder brauchst. Im Frontend setzen wir das Vue 3 Projekt auf, schauen uns eine saubere Struktur an und klären die wichtigsten Grundlagen rund um TypeScript, damit du nicht in typischen „Any überall“-Chaos endest. Danach bauen wir Navigation und Seitenstruktur mit Vue Router und setzen UI-Komponenten mit PrimeVue um.
- Der Alpine.js PraxiskursBereit, deine Webentwicklung auf das nächste Level zu heben? In diesem praxisorientierten Kurs wirst du Alpine.js meistern und lernen, dynamische, interaktive Benutzeroberflächen mit Leichtigkeit zu erstellen. Egal, ob du ein kompletter Anfänger bist oder bereits Erfahrung hast – dieser Kurs ist ideal, um deine Fähigkeiten schnell und effektiv zu erweitern. Ich führe dich Schritt für Schritt durch die wesentlichen Grundlagen von Alpine.js und zeige dir, wie du interaktive Elemente in deine Webseiten mit minimalem Code integrierst. Vom Datenbinden über die Ereignisbehandlung bis hin zu wiederverwendbaren Komponenten wirst du alles lernen, was du brauchst, um deine Projekte zum Leben zu erwecken. Was du lernen wirst:• Einführung in Alpine.js: Was ist Alpine.js und warum ist es perfekt für moderne Webentwicklung?• Installation & Einrichtung: Wie du Alpine.js schnell und einfach in deinem Projekt implementierst.• Wichtige Direktiven: Beherrsche zentrale Direktiven wie x-data, x-text, x-on, x-for und mehr.• Datenbindung: Synchronisiere mühelos Daten zwischen HTML und JavaScript.• Ereignisbehandlung: Mache deine Webseiten interaktiv und reaktionsfähig auf Nutzeraktionen.• Praktische Projekte: Baue ein Quizspiel und einen Video-Player – beide lassen sich einfach erweitern und anpassen.
- Effizienter Vue JS 3 KursHallo allerseits,in dem Kurs möchte ich euch Vue JS beibringen. Der Kurs ist effizient gestaltet, sodass ihr Vue JS möglichst schnell lernt. Gleichzeitig hat der Kurs eine kleine Lernkurve, so starten wir mit den einfachsten Themen und nehmen nach und nach die komplexeren dazu, sodass ihr irgendwann, ohne es zu merken, die schwereren Teile von Vue verstanden habt. Die Inhalte in dem Kurs sind aufeinander aufbauen, sodass es einfacher ist, das gelernte zu verbinden. Insgesamt werdet ihr am Ende des Kurses ein besseres Verständnis für Vue entwickelt haben.
- Praxisorientierter Alpine JS KursHallo allerseits,in dem Kurs möchte ich euch Alpine.js beibringen. Das Ziel ist es euch in Alpine.js auf ein Expertenniveau zu bringen. Der Kurs setzt den Fokus auf viele Beispiele und Aufgaben, sodass du das gelernte direkt vertiefen kannst. Damit jeder einen guten Einstieg findet, fängt der Kurs mit den einfachen Themen an und wird nach und nach komplexer. Wir werden nahezu alle Bereiche von Alpine js durchgehen, sodass du am Ende Alpine JS problemlos in deinen Projekten verwenden kannst. Die Inhalte starten mit einem Theorieteil, in dem das aktuelle Thema erklärt wird und durch Beispiele veranschaulicht. Danach kommt der Praxisteil, in diesem kannst du dich durch das verfügbare Projekt zu der Aufgabe navigieren und versuchen diese selbstständig zu bearbeiten. Falls du Schwierigkeiten hast, kannst du im Kursskript die Lektion nochmal durchgehen oder im Projekt bei der Lösung spicken. Nachdem ein Timer abgelaufen ist, wird dir eine Lösung schließlich präsentiert. So läuft das die ganze Zeit, während du immer besser in Alpine wirst. Es werden die folgenden Themen behandelt: Setupx-datax-textx-onx-showx-cloakx-ifx-bindx-modelx-htmlx-forx-transitionx-teleport$dispatchx-initx-ref und $refs$store und Alpine storeAlpine bindAlpine data$el und $rootFalls du Schwierigkeiten hast, kannst du im Kursskript die Lektion nochmal durchgehen oder im Projekt bei der Lösung spicken. Vielen Dank.
- Der Solid JS PraxiskursReact JS ist das bekannteste reaktive Framework für Web-Anwendungen. Doch bei größeren Projekten, vielen verschachtelten Komponenten und komplexen Interaktionen kann die Optimierung der Performance eine Herausforderung sein, da React einen virtuellen DOM verwendet, der zuerst gerendert und dann mit dem Browser-DOM abgeglichen wird. Das macht die Mechanismen dahinter schwerer verständlich und somit auch die Optimierung aufwändiger und schwieriger. SolidJS geht einen ähnlichen Weg wie React und verwendet sogar ebenso JSX als UI-Beschreibungssprache. Es kommt aber ohne virtuellen DOM aus und führt Aktualisierungen direkt im Browser-DOM aus und das auch noch sehr zielgerichtet und feingranular nur für die Elemente, die wirklich von einer Zustandsänderung betroffen sind. Das Prinzip kommt ohne großen Overhead aus und ist wesentlich leichter zu verstehen als Reacts Virtuelle-DOM-Magie. Das Resultat ist eine wesentlich bessere Performance und einfacherer Code, der geschrieben werden muss. In diesem Kurs zeige ich anhand von drei praktischen Apps, wie man mit SolidJS Web-Apps erstellen und optimieren kann. Dabei wird Schritt für Schritt auf die Bestandteile einer SolidJS-App eingegangen, ausgehend von der Komponentenerstellung, über JSX und Signale/Stores bis hin zum Zugriff auf DOM-Elemente. Nach dem Kurs werden die Teilnehmer einfache bis mittelkomplexe Apps mit SolidJS erstellen können. Wer schon React kann, hat einen gewissen Zeitvorteil, da einige Konzepte ähnlich sind, Teilnehmer ohne React-Kenntnisse werden aber genauso abgeholt und an die Mechanismen in SolidJS herangeführt.
- Vue.js von Anfang für Einsteiger | 59+ LektionenDu besitzt über Grundkenntnisse in HTML, CSS und JavaScript und möchtest Web-Apps in VueJS programmieren, egal ob, um eigene Projekte umzusetzen oder einen Job als Softwareentwickler zu bekommen? Dann ist dieser VueJS Kurs genau richtig für dich. Lerne Vue.js als Einsteiger in 3 Tagen, nicht drei WochenViele Onlinekurse sind unnötig in die Länge gezogen, ohne mehr Wissen zu vermitteln. Dieser ist anders. Er ist so konzipiert, dass du nach 3 Tagen als Einsteiger das notwendige Grundwissen besitzt, um deine eigenen Projekte in Vue umzusetzen. Lerne durch Praxis - nicht durch TheorieIm Kurs wird dir zuerst gezeigt, wie verschiedenste Konzepte funktionieren, welche du dann selbst anwenden wirst, um ein kleines Projekt selbst umzusetzen. Das ist erfahrungsgemäß die effektivste Variante, um eine neue Technologie zu lernen und wird auch von Google verwendet. Lerne Best Practices, um Fehler zu vermeidenDir werden Best Practices sowie Code-Style-Regeln beigebracht, damit du weniger Fehler machst, Zeit in der Entwicklung sparst und Anit-Patterns vermeiden kannst. Diese werden in anderen Vue-Kursen kaum angesprochen, obwohl sie ein wichtiger Teil bei der Programmierung sind. Security - Lerne die wichtigsten Sicherheitskonzepte kurz und kompaktWeltweit werden täglich ca. 30.000 Webseiten Opfer von Hackerangriffen. Deshalb lernst du die wichtigsten Vue-spezifischen-Sicherheitskonzepte, damit du deine Projekte gegen häufige Angriffe schützen kannst. Lerne State-Management mit PiniaEntdecke das unverzichtbare State-Management-Tool Pinia und werde ein professioneller Vue.js-Entwickler. In diesem Kurs lernst du, wie du mit Pinia effizientes, komponentenübergreifendes State-Management umsetzt, um professionelle und zuverlässige Web-Apps zu entwickeln.
- Svelte - Einführung in das vielseitige WebframeworkHerzlich Willkommen zum Svelte Kurs! In diesem Kurs wirst du den Umgang mit dem schlanken Javascript „Framework“ für die Entwicklung von dynamischen Webseiten kennen lernen. Wenn du schnell und einfach deine eigenen reaktiven Single-Page Webseiten und Webanwendungen erstellen möchtest, dann ist dieser Svelte Kurs genau das Richtige für dich. Dieser Kurs bietet dir in über 6 Stunden alles was du wissen musst, um deine eigenen Svelte Frontend Projekte einzurichten, umzusetzen und dynamische Webseiten für jeden Einsatzzweck zu erstellen. Wir starten hier komplett bei Null, du solltest aber Grundkenntnisse in Javascript und HTML mitbringen. Im ersten Teil lernst du die Voraussetzungen und Installation, sowie den Aufbau von Svelte Projekten und die Svelte Template Syntax kennen. Im Hauptteil lernst du dann alle wichtigen Funktionen kennen, die du benötigst um deine eigenen Webseiten zu entwickeln. Ich zeige dir die Grundlagen zu Variablen, Bedingungen und Schleifen. Danach lernst du, was es mit den einzelnen Komponenten auf sich hat, wie du das Styling optimal nutzen kannst und das Debugging zur Fehlerbehebung deiner Webseiten einsetzt. Außerdem schauen wir uns die Vorzüge des mächtigen Konzepts der Reaktivität an, und du lernst das Arbeiten mit Events, Slots, den Svelte Stores und vieles mehr. Zu jeden Thema werden wir gemeinsam ein praktisches Beispiel erarbeiten, zu dem du den kompletten Code immer im Anhang in den einzelnen Videos findest. Mit einem Quiz kannst du dein erlerntes Wissen aus diesem Kapitel dann am Ende überprüfen. Zum Abschluss bauen wir dein Wissen in einem Webprojekt weiter aus, bei dem du noch weitere Konzepte von Svelte kennenlernen wirst. Das Beispiel eignet sich perfekt dafür, um zu verstehen wie die gelernten Konzepte miteinander interagieren und verschachtelt werden können.
- Vue.js 3 - Der Komplettkurs (inkl. vue-router, vuex uvm.)Hallo! Und herzlich Willkommen in der Welt von Vue.js 3. Hier in diesem Kurs, wirst du alles lernen, um moderne, interaktive und reaktive Frontends mit dem populären JavaScript Framework Vue.js umsetzen zu können. In diesem Komplettkurs lernst du natürlich alles über Vue.js 3, aber wir gehen weit darüber hinaus. Einige Kursziele, die du nach dem Kurs erreicht haben wirst: Selbstsicherer Einsatz des Vue.js Frameworks. Profitiere von jahrelanger Erfahrung und nimm programmiersprachen-unabhängige Entwicklungskonzepte in andere Anwendungsgebiete mit. Du wirst nicht nur alle Themen von Vue.js 3 kennenlernen, sondern wirst zusätzlich auch Routing mit dem vue-router Paket und ein skalierbares State Management mit dem vuex Paket umsetzen. Zusätzlich gehen wir in die Themen: Formular-Validierung, Backend-Kommunikation, Authentifizierungs-Flow (Registrierung, Login, Logout), Testen einer Vue.js Anwendung und noch vielen weiteren Themen. Du solltest nach Abschluss in der Lage sein, modernste, lauffähige Frontends im Bereich der Webentwicklung zu schreiben zu können. Du kannst Anwendungen von der Planung bis zum „online stellen“ realisieren. Ein paar weitere Gründe, warum du den Kurs wählen solltest: Bei Vue.js handelt es sich absolut um ein populäres JavaScript Framework, welches aus der Frontent-Webentwicklung (neben Angular und React) nicht mehr wegzudenken ist. Das Zeitalter der sog. „Single-Page-Applications“ hat längst begonnen und wird in den kommenden Jahren noch weiter in den Vordergrund rücken. Falls du dir nicht sicher bist, mit welchem JavaScript Framework du anfangen sollst, dann empfehle ich dir auf jeden Fall Vue.js.
- Der essentielle Vue.js Kurs inkl. VueRouter, VueX und Vue 3Warum mein Kurs? Ich habe Vue JS an echten Projekten benutzt, weil ich bei einer Webentwicklungs Agentur gearbeitet hatte, bei mir lernst du alles essentielle um eine dynamische Web Applikation von Anfang bis Ende zu programmieren. Du kriegst das ganze Paket was Vue an zu bieten hat inklusive VueRouer, VueX und das brandneue Vue3, welches ab Ende 2021, standardmäßig benutzt wird. Wir lernen anhand einer klassischen ToDo App die wir später mit einem Fake Backend bestücken, das bedeutet echte API-Calls wie man es aus der echten Welt kennt. Warum Vue.js als Frontend Framework? Neben React und Angular ist Vue entstanden um das beste aus beiden Welten zu implementieren, im Gegensatz zu React (Facebook) und Angular (Google) gehört Vue keinem großen Unternehmen, das bedeutet das nur das Interesse der Community implementiert wird. Warum Vue.js als erstes Frontend Framework? Vue hat die anfängerfreundlichste Lernkurve, deswegen empfehle ich jedem Anfänger mit Vue an zu fangen, sobald du ein Grundverständnis für Frontend Frameworks hast und verstehst warum sie gebraucht werden, kannst du einfach zwischen Technologien wechseln. Du hast React gelernt oder versucht zu lernen und wunderst dich, ob Vue was für dich ist? Ich habe auch zuerst mit React angefangen, Vue kann man sehr viel schneller lernen als React. Das liegt daran das Vue sehr viel mehr für dich übernimmt und eine gewisse Vorangehensweise vorgibt. Auch ist Vue wenn die Kenntnisse in JavaScript stimmen innerhalb paar Tagen gelernt, während man bei React erstmals JSX lernen muss.
- Vue.js 2 - Der Praxiskurs (inkl. vue-router, vuex, uvm.)Hallo! Und herzlich Willkommen in der Welt von Vue.js. Hier in diesem praxisorientierten Kurs, wirst du alles lernen, um moderne, interaktive und reaktive Frontends mit dem populären JavaScript Framework Vue.js umsetzen zu können. Einige Kursziele, die du nach dem Kurs erreicht haben wirst: Selbstsicherer Einsatz des Vue.jS Frameworks. Profitiere von jahrelanger Erfahrung und nimm programmiersprachen-unabhängige Entwicklungskonzepte in andere Anwendungsgebiete mit. Du wirst nicht nur alle Kernthemen von Vue.js kennenlernen, sondern wirst zusätzlich auch Routing mit dem vue-router Paket und ein skalierbares State Management mit dem vuex Paket umsetzen. Du solltest nach Abschluss in der Lage sein, modernste Frontends im Bereich der Webentwicklung schreiben zu können. Du kannst Anwendungen von der Planung bis zum „online stellen“ realisieren. Ein paar weitere Gründe, warum du den Kurs wählen solltest: Bei Vue.js handelt es sich absolut um ein populäres JavaScript Framework, welches aus der Webentwicklung (neben Angular und React) nicht mehr wegzudenken ist. Das Zeitalter der sog. „Single-Page-Applications“ hat längst begonnen und wird in den kommenden Jahren noch weiter in den Vordergrund rücken. Falls du dir nicht sicher bist, mit welchem JavaScript Framework du anfangen sollst, dann empfehle ich dir auf jeden Fall Vue.js. Von den „drei großen“ JS-Frameworks ist Vue.js am leichtesten zu erlernen und liefert dir bereits wichtige Konzepte, welches dir beim Verständnis den anderen Frameworks extrem hilft. (Auch ich habe mit Vue.js begonnen und konnte dadurch Angular und React deutlich schneller erlernen. Ich bereue mein Vorgehen bis heute in keiner Weise.
Sortiert nach Erscheinung (neueste zuerst). Details und Anbieter-Link (Affiliate-Link, Werbung) auf der jeweiligen Kursseite.
Bewusst nicht Mainstream – und wo sich das auszahlt
Vue und Svelte findet man seltener in Konzern-Stellenanzeigen, dafür häufiger dort, wo kleine Teams schnell liefern: Agenturen, Produkt-Startups, das PHP/Laravel-Ökosystem (dessen Standard-Frontend Vue ist). Svelte wiederum verzichtet auf den Framework-Ballast zur Laufzeit und ist ideal für performante, schlanke Oberflächen. Wer schon React kennt, lernt beide in Tagen statt Wochen – die Konzepte übertragen sich fast eins zu eins.
Häufige Fragen
- Vue 2 oder Vue 3 – worauf achten?
- Nur noch Vue 3: Vue 2 wird seit Ende 2023 nicht mehr gepflegt. Das Erkennungsmerkmal aktueller Kurse ist die Composition API mit setup() – Kurse, die ausschließlich die Options API zeigen, sind meist älter. Wer bestehende Vue-2-Projekte betreut, findet die Unterschiede in den Migrations-Kapiteln vieler Kurse.