Vue Academy logo
HTMLNybegynnerNettNivåer A1 → C122 språk

Vue Academy

Lag interaktive og effektive brukergrensesnitt med Vue.js gjennom Vue Academy. En læringssti fra CoddyKit med 42 korte kurs og 156 interaktive leksjoner, med en AI-veileder tilgjengelig døgnet rundt.

Kurs
42
Leksjoner
156
Interaktive trinn
2,022
Gratis å komme i gang
Kurs 1
Kursinnhold

42 kurs i denne læringsstien

Alle kursene i læringsstien Vue Academy, i læringsrekkefølge. Det første er gratis.

1

A13 leksjonerGratis

Kom i gang med Vue.js – forstå hva det er, sett opp miljøet ditt og bygg din første reaktive applikasjon.

2

A13 leksjonerPRO

Lær å opprette grunnstrukturen for Vue-prosjekter med CLI-et, og forstå den genererte filstrukturen og verktøyene.

3

A13 leksjonerPRO

Bli fortrolig med Vues deklarative malsyntaks – interpolasjon, direktiver, betingelser, løkker og bindinger.

4

A24 leksjonerPRO

Gå fra Options API til Vue 3s Composition API med setup(), ref og reactive for moderne Vue-utvikling.

5

A24 leksjonerPRO

Skriv renere og mer ergonomiske komponenter med -syntaksen i Vue 3.

6

A24 leksjonerPRO

Bli fortrolig med alle innebygde Vue-direktiver, og lær å skrive egne egendefinerte direktiver.

7

A24 leksjonerPRO

Bygg robuste skjemaer med v-model, innebygd validering og biblioteket VeeValidate.

8

A23 leksjonerPRO

Bygg gjenbrukbare Vue-komponenter og koble dem sammen med props, egendefinerte hendelser og slots.

9

A23 leksjonerPRO

Forstå Vues reaktivitetssystem, og bruk beregnede egenskaper og watchers effektivt.

10

B14 leksjonerPRO

Bli fortrolig med Vue 3s livssyklus-hooks, og forstå når hver fase kjører.

11

B14 leksjonerPRO

Legg til jevne enter-/leave-overganger og listeanimasjoner med Vue-ene og .

12

B14 leksjonerPRO

Bli fortrolig med navngitte slots, scoped slots og dynamisk slot-innhold for å bygge svært gjenbrukbare komponent-API-er.

13

B14 leksjonerPRO

Del data mellom dypt nestede komponenter uten prop drilling ved hjelp av Vues provide/inject-mekanisme.

14

B14 leksjonerPRO

Skriv gjenbrukbar tilstandslogikk som composables – det viktigste mønsteret for kodegjenbruk i Vue 3.

15

B14 leksjonerPRO

Bygg robuste Vue-applikasjoner med gode error boundaries, reservegrensesnitt og global feilhåndtering.

16

B14 leksjonerPRO

Bytt ut Vuex med Pinia – Vues offisielle bibliotek for tilstandsbehandling, som er enklere og utviklet med TypeScript i sentrum.

17

B14 leksjonerPRO

Skriv Vue 3-komponenter med full typesikkerhet ved hjelp av typede props, emits og composables i TypeScript.

18

B14 leksjonerPRO

Bygg flerspråklige Vue-applikasjoner med vue-i18n v9, bytte av lokalitet og riktig flertallsbøying.

19

B14 leksjonerPRO

Dokumenter og utvikle Vue-komponenter isolert med Storybook, og skriv stories med interaktive kontroller.

20

B13 leksjonerPRO

Legg til navigering på klientsiden i Vue-apper med Vue Router – ruter, parametere og navigasjonsvakter.

21

B13 leksjonerPRO

Administrer delt applikasjonstilstand med Vuex – state, mutations, actions, getters og moduler.

22

B13 leksjonerPRO

Hent og administrer eksterne data i Vue-apper med Axios, livssyklus-hooks og robust feilhåndtering.

23

B13 leksjonerPRO

Bygg, distribuer og vedlikehold Vue-applikasjoner i produksjon med hostingplattformer og overvåking.

24

B14 leksjonerPRO

Utforsk banebrytende Vue-verktøy, Vapor-modus og nye mønstre som former fremtidens Vue-utvikling.

25

B24 leksjonerPRO

Bli fortrolig med avanserte funksjoner i Vue Router – rute-meta, rulleatferd, overganger og programmatisk navigering.

26

B24 leksjonerPRO

Bygg fullstack Vue-applikasjoner med Nuxt 3s filbaserte ruting, serverruter og SSR-/SSG-funksjoner.

27

B24 leksjonerPRO

Integrer GraphQL i Vue-apper med Apollo Client for spørringer, mutasjoner og sanntidsabonnementer.

28

B24 leksjonerPRO

Bygg Vue-applikasjoner som oppdateres i sanntid, med WebSockets og Socket.io for chat, dashbord og samarbeid.

29

B24 leksjonerPRO

Test Vue-komponenter på en pålitelig måte med Vitest og Vue Test Utils, med mocking og rapportering av testdekning.

30

B23 leksjonerPRO

Gjør Vue-applikasjoner raskere med lazy loading, kodedeling, memoization og profilering av flaskehalser.

31

B23 leksjonerPRO

Test Vue-apper med enhetstester ved hjelp av Vue Test Utils og ende-til-ende-testing for full dekning.

32

B23 leksjonerPRO

Bruk avanserte Vue-mønstre – mixins, egendefinerte direktiver, plugins og skalerbar prosjektorganisering.

33

B24 leksjonerPRO

Gå videre enn maler med Vues h()-renderingsfunksjon og JSX for dynamisk, programmatisk oppretting av komponenter.

34

B24 leksjonerPRO

Gjør Vue-apper om til PWA-er med støtte for frakoblet bruk, service workers og installasjon som ligner på native-apper.

35

B24 leksjonerPRO

Sikre Vue-applikasjoner mot XSS, CSRF og andre sårbarheter på nettet med praktiske forsvarsmønstre.

36

B24 leksjonerPRO

Bygg, dokumenter og publiser gjenbrukbare Vue-komponentbiblioteker til npm med Vites bibliotekmodus.

37

B24 leksjonerPRO

Lag installerbare Vue-plugins som legger til globale komponenter, direktiver, composables og konfigurasjon for hele appen.

38

C14 leksjonerPRO

Utform Vue-applikasjoner i stor skala som uavhengige mikrofrontends ved hjelp av Module Federation.

39

C14 leksjonerPRO

Bli fortrolig med avanserte reaktivitetsmønstre, tilstandsmaskiner og composable-fabrikker for komplekse Vue-applikasjoner.

40

C14 leksjonerPRO

Profiler og optimaliser ytelsen i Vue-applikasjoner med v-memo, lazy loading og justering av det reaktive systemet.

41

C14 leksjonerPRO

Implementer strømmende SSR og Vue Suspense for progressiv sidelasting og bedre Core Web Vitals.

42

C14 leksjonerPRO

Bygg en produksjonsklar fullstack-applikasjon med Vue 3-frontend, Fastify-backend og JWT-autentisering.

CoddyKit PRO

Lås opp alle 42 kursene i denne læringsstien og alle andre læringsstier

AI-veileder, sertifiseringseksamen og sertifikat. Fungerer på web, iOS og Android.

Se alle abonnementene
Årlig$29.90 / årOmtrent $2.49 per månedBetal én gangLivstid$69.99 én gangIngen fornyelser. PRO for alltid.
Kursoversikt

Vue.js: Det progressive rammeverket for å bygge ekte brukergrensesnitt

Vue.js er et progressivt JavaScript-rammeverk utviklet for å bygge komponentbaserte brukergrensesnitt – fra én enkelt interaktiv widget som bygges inn i en eksisterende side, til en fullstendig servergenerert applikasjon med Nuxt. Composition API, det finkornede reaktivitetssystemet og førsteklasses TypeScript-støtte gjør Vue.js til et praktisk valg både for nye prosjekter og for team som migrerer bort fra eldre frontend-løsninger. Dette sporet dekker Vue 3 fra ende til annen, fra malsyntaks til utrulling i produksjon.

Dette lærer De

De arbeider med Composition API og syntaksen script setup, Vue-direktiver, beregnede egenskaper og grunnleggende reaktivitet. Sporet dekker kommunikasjon mellom komponenter, slots, provide/inject og composables for delt logikk. De håndterer applikasjonstilstand med både Pinia og Vuex, setter opp ruting med Vue Router, inkludert avanserte mønstre, validerer skjemaer og bruker REST-API-er sammen med sanntidsdata via WebSockets. Senere kurs tar for seg TypeScript-integrasjon, internasjonalisering, Storybook, testing med Vitest, ytelsesoptimalisering, servergenerering med Nuxt 3, GraphQL med Apollo, progressive webapper og sikkerhetspraksis for Vue.

Læringsløpet

førtito kurs strekker seg fra A1 til C1. A1- og A2-kursene gir grunnlag i Vue CLI, malsyntaks, databinding, direktiver, skjemaer og det grunnleggende i komponenter. B1-kursene bygger ut hele økosystemet med livssykluskroker, overganger, Pinia, Vuex, Vue Router, TypeScript, i18n og asynkrone data. B2 hever nivået med servergenerering via Nuxt 3, GraphQL, WebSockets, komponenttesting, renderingsfunksjoner, støtte for PWA-er og publisering av et komponentbibliotek. C1-kursene avsluttes med mikrofrontend-arkitektur, avanserte Composition API-mønstre, SSR-strømming med Suspense, Vue-ytelse i stor skala og en fullstack-applikasjon bygget med Fastify og autentisering.

Slik fungerer det

Hvert kurs er delt inn i korte, fokuserte leksjoner som De fullfører i den innebygde kodeeditoren, med tilbakemeldinger i sanntid. En AI-veileder er tilgjengelig når De står fast, slik at De kan arbeide gjennom syntaksøvelser, komponentutfordringer og arkitekturproblemer i Deres eget tempo uten å forlate appen.

Slik lærer du

  1. 01

    Interaktive leksjoner

    Praktiske kodeøvelser med tilbakemelding i sanntid

  2. 02

    AI-veileder

    Få øyeblikkelig hjelp fra AI-en vår når du står fast

  3. 03

    Innebygd kodeeditor

    Skriv og kjør kode direkte i nettleseren

  4. 04

    Sertifikat

    Få et sertifikat når du fullfører kurset

FAQ

Ofte stilte spørsmål

Er kurset i Vue Academy gratis?

Ja. Du kan starte på kurset i Vue Academy gratis og fullføre de interaktive leksjonene uten kostnad. Et valgfritt PRO-abonnement låser opp avanserte AI-verktøy og et delbart sertifikat.

Trenger jeg tidligere erfaring for å lære HTML?

Nei. Kurset begynner med det grunnleggende og går gradvis videre til mer avanserte emner, slik at du kan starte selv uten tidligere erfaring med HTML.

Hvordan lærer jeg HTML på CoddyKit?

Du lærer gjennom praksis. Korte, interaktive leksjoner kombinerer en tydelig forklaring med en praktisk kodeøvelse som kjører i sanntid, og en AI-veileder som er tilgjengelig døgnet rundt, gir deg personlig hjelp når du står fast.

Får jeg et sertifikat når jeg fullfører Vue Academy?

Ja. PRO-brukere kan ta en eksamen og få et delbart fullføringssertifikat med en verifiserbar kode for kurset i Vue Academy.

Kan jeg lære HTML på telefonen?

Ja. CoddyKit er tilgjengelig på nettet og som native iOS- og Android-apper, slik at du kan lære HTML på alle enheter, mens fremdriften synkroniseres mellom dem.

Hvor mye koster CoddyKit PRO?

Det første kurset i Vue Academy er gratis. CoddyKit PRO gir tilgang til alle kurs: $5.90 per uke, $7.90 per måned, $29.90 per år eller $69.99 én gang for tilgang på livstid uten fornyelser.

Hvor lang tid tar det å fullføre Vue Academy?

Vue Academy består av 42 kurs og 156 leksjoner. De fleste leksjonene tar omtrent 5–10 minutter, så hele læringsstien tar rundt 18 timer med praktisk øving i eget tempo.

Start på Vue Academy nå

Bli med tusenvis av elever som lærer programmering med AI-drevne leksjoner.