V Vue Path Advanced
◆ {{ streak }} Tage
DEIN LERNPFAD · VUE 3

Komponenten kennst du.
Vue meistern kommt jetzt.

Von reaktiven Grundlagen bis zu skalierbarer Architektur – kompakt, praxisnah und mit KI-Feedback auf deinen Code.

useLearningPath.js
const developer = reactive({
  skills: ['components', 'props'],
  next: 'composition-api'
})

watchEffect(() => {
  developer.skills.push(developer.next)
})
Ready to level up
CURRICULUM

Deine nächsten Etappen

⏱ ca. 3,5 Stunden
0{{ index + 1 }} {{ isComplete(lesson.id) ? '✓ Abgeschlossen' : !isUnlocked(index) ? '🔒 Gesperrt' : 'Jetzt starten →' }}
{{ lesson.icon }}

{{ lesson.kicker }}

{{ lesson.title }}

{{ lesson.description }}

{{ lesson.duration }} min{{ lesson.units }} Units
</>
CODE CHALLENGE

Bereit für einen Praxis-Check?

Baue eine wiederverwendbare Composable und erhalte direkt strukturiertes KI-Feedback.

MODUL 0{{ activeLesson + 1 }} · {{ currentLesson.kicker }}

{{ currentLesson.title }}

{{ currentLesson.description }}

KERNIDEE

{{ currentLesson.conceptTitle }}

{{ currentLesson.concept }}

{{ currentLesson.code }}
01

{{ currentLesson.insights[0].title }}

{{ currentLesson.insights[0].text }}

02

{{ currentLesson.insights[1].title }}

{{ currentLesson.insights[1].text }}

WISSENSCHECK

{{ currentLesson.quiz.question }}

{{ quizSelection === currentLesson.quiz.correct ? 'Genau. ' : 'Noch nicht. ' }}{{ currentLesson.quiz.explanation }}
KI CODE CHALLENGE

Composable: useFetchState

Zeige, dass du Vue-Reaktivität und Lifecycle-Verhalten sauber zusammendenkst.

FORTGESCHRITTEN

Dein Auftrag

Implementiere useFetchState. Die Composable soll eine asynchrone Funktion ausführen und reaktive Zustände bereitstellen.

  • 1
    Reaktive API

    Liefere data, error, loading und execute.

  • 2
    Race Conditions

    Nur das Ergebnis des zuletzt gestarteten Requests darf den State ändern.

  • 3
    Robustes Cleanup

    Verhindere State-Updates nach dem Unmount.

BewertungKorrektheit · Vue-Idiome · Robustheit · Lesbarkeit
useFetchState.js
{{ lineNumbers }}
Dein Code wird nur zur Bewertung an den internen Proxy gesendet.