Vue Academy logo
HTMLAloittelijaVerkkoTasot A1 → C122 kieltä

Vue Academy

Luokaa interaktiivisia ja tehokkaita käyttöliittymiä Vue.js:llä Vue Academyn avulla. CoddyKitin oppimispolku, joka sisältää 42 lyhyttä kurssia ja 156 interaktiivista oppituntia sekä tekoälytuutorin käytettävissäsi ympäri vuorokauden.

Kurssit
42
Oppitunnit
156
Interaktiiviset vaiheet
2,022
Aloita maksutta
Kurssi 1
Kurssisisältö

42 kurssia tässä opintopolussa

Kaikki Vue Academy-opintopolun kurssit suoritusjärjestyksessä. Ensimmäinen on ilmainen.

1

A13 oppituntiaIlmainen

Aloittakaa Vue.js:n käyttö – ymmärtäkää, mikä se on, määrittäkää ympäristönne ja rakentakaa ensimmäinen reaktiivinen sovelluksenne.

2

A13 oppituntiaPRO

Opetelkaa alustamaan Vue-projekteja CLI:llä ja ymmärtäkää luotu tiedostorakenne sekä työkalut.

3

A13 oppituntiaPRO

Ottakaa Vuen deklaratiivinen mallipohjasyntaksi hallintaan: interpolointi, direktiivit, ehdot, silmukat ja sidonnat.

4

A24 oppituntiaPRO

Siirtykää Options API:sta Vue 3:n Composition API:in käyttämällä setup()-funktiota, ref-muuttujaa ja reactive-funktiota nykyaikaisessa Vue-kehityksessä.

5

A24 oppituntiaPRO

Kirjoittakaa selkeämpiä ja ergonomisempia komponentteja Vue 3:n -syntaksilla.

6

A24 oppituntiaPRO

Ottakaa kaikki Vuen sisäänrakennetut direktiivit hallintaan ja opetelkaa kirjoittamaan omia mukautettuja direktiivejä.

7

A24 oppituntiaPRO

Rakentakaa vankkoja lomakkeita v-modelin, natiivin validoinnin ja VeeValidate-kirjaston avulla.

8

A23 oppituntiaPRO

Rakentakaa uudelleenkäytettäviä Vue-komponentteja ja yhdistäkää ne propsien, mukautettujen tapahtumien ja slottien avulla.

9

A23 oppituntiaPRO

Ymmärtäkää Vuen reaktiivinen järjestelmä ja käyttäkää computed-ominaisuuksia sekä watchereita tehokkaasti.

10

B14 oppituntiaPRO

Ottakaa Vue 3:n komponentin elinkaaren hookit hallintaan ja ymmärtäkää, milloin kukin vaihe suoritetaan.

11

B14 oppituntiaPRO

Lisätkää sujuvat sisään- ja poistumissiirtymät sekä listojen animaatiot Vuen - ja -komponenteilla.

12

B14 oppituntiaPRO

Ottakaa nimetyt slotit, scopetet slotit ja dynaaminen slottisisältö hallintaan erittäin uudelleenkäytettävien komponenttirajapintojen rakentamista varten.

13

B14 oppituntiaPRO

Jakakaa dataa syvälle sisäkkäisten komponenttien välillä ilman prop drilling -ketjutusta Vuen provide/inject-mekanismin avulla.

14

B14 oppituntiaPRO

Kirjoittakaa uudelleenkäytettävää tilallista logiikkaa composable-rakenteina – tämä on Vue 3:n ensisijainen koodin uudelleenkäyttötapa.

15

B14 oppituntiaPRO

Rakentakaa vikasietoisia Vue-sovelluksia asianmukaisten error boundary -rakenteiden, varakäyttöliittymien ja yleisen virheenkäsittelyn avulla.

16

B14 oppituntiaPRO

Korvatkaa Vuex Pinialla – Vue 3:n virallisella tilanhallintakirjastolla, joka on yksinkertaisempi ja TypeScript-lähtöinen.

17

B14 oppituntiaPRO

Kirjoittakaa täysin tyyppiturvallisia Vue 3 -komponentteja TypeScriptillä käyttäen tyypitettyjä propseja, emit-tapahtumia ja composable-rakenteita.

18

B14 oppituntiaPRO

Rakentakaa monikielisiä Vue-sovelluksia vue-i18n v9:llä, locale-vaihdolla ja asianmukaisella monikkomuotojen käsittelyllä.

19

B14 oppituntiaPRO

Dokumentoikaa ja kehittäkää Vue-komponentteja erillään Storybookilla kirjoittamalla storyja ja vuorovaikutteisia säätimiä.

20

B13 oppituntiaPRO

Lisätkää Vue-sovelluksiin asiakaspuolen navigointi Vue Routerilla – reitit, parametrit ja navigointivartijat.

21

B13 oppituntiaPRO

Hallinnoikaa sovelluksen jaettua tilaa Vuexilla – state, mutations, actions, getters ja modules.

22

B13 oppituntiaPRO

Hakekaa ja hallinnoikaa etädataa Vue-sovelluksissa Axiosilla, elinkaaren hookeilla ja vankalla virheenkäsittelyllä.

23

B13 oppituntiaPRO

Rakentakaa, ottakaa käyttöön ja ylläpitäkää Vue-sovelluksia tuotannossa hosting-alustojen ja valvonnan avulla.

24

B14 oppituntiaPRO

Tutustukaa huippuluokan Vue-työkaluihin, Vapor-tilaan ja uusiin malleihin, jotka muovaavat Vue-kehityksen tulevaisuutta.

25

B24 oppituntiaPRO

Ottakaa Vue Routerin edistyneet ominaisuudet hallintaan: reittien metadata, vierityskäyttäytyminen, siirtymät ja ohjelmallinen navigointi.

26

B24 oppituntiaPRO

Rakentakaa täyden pinon Vue-sovelluksia Nuxt 3:n tiedostopohjaisella reitityksellä, palvelinreiteillä ja SSR/SSG-ominaisuuksilla.

27

B24 oppituntiaPRO

Integroikaa GraphQL Vue-sovelluksiin Apollo Clientilla kyselyitä, mutaatioita ja reaaliaikaisia tilauksia varten.

28

B24 oppituntiaPRO

Rakentakaa reaaliaikaisesti päivittyviä Vue-sovelluksia WebSocketeilla ja Socket.iolla keskusteluja, koontinäyttöjä ja yhteistyötä varten.

29

B24 oppituntiaPRO

Testatkaa Vue-komponentteja luotettavasti Vitestillä ja Vue Test Utilsilla hyödyntäen mockausta ja kattavuusraportointia.

30

B23 oppituntiaPRO

Nopeuttakaa Vue-sovelluksia lazy loadingilla, koodin jakamisella, memoizoinnilla ja pullonkaulojen profiloinnilla.

31

B23 oppituntiaPRO

Testatkaa Vue-sovelluksia yksikkötesteillä Vue Test Utilsilla ja päästä päähän -testeillä kattavan testauksen saavuttamiseksi.

32

B23 oppituntiaPRO

Soveltakaa edistyneitä Vue-malleja – mixineitä, mukautettuja direktiivejä, lisäosia ja skaalautuvaa projektien organisointia.

33

B24 oppituntiaPRO

Siirtykää mallipohjista pidemmälle Vuen h()-renderöintifunktion ja JSX:n avulla dynaamisten, ohjelmallisesti luotavien komponenttien rakentamiseen.

34

B24 oppituntiaPRO

Muuntaa Vue-sovellukset PWA-sovelluksiksi offline-tuen, service workerien ja natiivisovellusta muistuttavan asennuksen avulla.

35

B24 oppituntiaPRO

Suojaakaa Vue-sovellukset XSS:ltä, CSRF:ltä ja muilta web-haavoittuvuuksilta käytännöllisten puolustusmallien avulla.

36

B24 oppituntiaPRO

Rakentakaa, dokumentoikaa ja julkaiskaa uudelleenkäytettäviä Vue-komponenttikirjastoja npm:ään käyttämällä Viten library mode -tilaa.

37

B24 oppituntiaPRO

Luokaa asennettavia Vue-lisäosia, jotka lisäävät yleisiä komponentteja, direktiivejä, composable-rakenteita ja koko sovelluksen kattavia asetuksia.

38

C14 oppituntiaPRO

Suunnitelkaa suurten Vue-sovellusten arkkitehtuuri itsenäisiksi micro-frontend-kokonaisuuksiksi Module Federationia käyttämällä.

39

C14 oppituntiaPRO

Ottakaa edistyneet reaktiivisuusmallit, tilakoneet ja composable-tehtaiden käyttö hallintaan monimutkaisissa Vue-sovelluksissa.

40

C14 oppituntiaPRO

Profiloikaa ja optimoikaa Vue-sovellusten suorituskykyä v-memolla, lazy loadingilla ja reaktiivisen järjestelmän hienosäädöllä.

41

C14 oppituntiaPRO

Toteuttakaa suoratoistava SSR ja Vue Suspense sivujen progressiivista lataamista ja parempia Core Web Vitals -tuloksia varten.

42

C14 oppituntiaPRO

Rakentakaa tuotantovalmis täyden pinon sovellus, jossa on Vue 3 -frontend, Fastify-backend ja JWT-autentikointi.

CoddyKit PRO

Avaa kaikki 42 tämän opintopolun kurssia ja kaikki muut opintopolut

Tekoälytuutori, sertifiointikoe ja suoritustodistus. Toimii verkossa sekä iOS- ja Android-laitteilla.

Näytä kaikki paketit
Vuosittain$29.90 / vuosiNoin $2.49 kuukaudessaMaksa kerranElinikäinen$69.99 KerranEi uusimisia. PRO ikuisesti.
Kurssin yleiskatsaus

Vue.js: progressiivinen kehys oikeiden käyttöliittymien rakentamiseen

Vue.js on progressiivinen JavaScript-kehys komponenttipohjaisten käyttöliittymien rakentamiseen – yksittäisestä olemassa olevalle sivulle upotetusta vuorovaikutteisesta komponentista Nuxtilla toteutettuun kokonaan palvelimella renderöityyn sovellukseen. Sen Composition API, tarkkarajainen reaktiivisuusjärjestelmä ja ensiluokkainen TypeScript-tuki tekevät siitä käytännöllisen valinnan sekä uusiin projekteihin että tiimeille, jotka siirtyvät pois vanhemmista frontend-ratkaisuista. Tämä oppimispolku kattaa Vue 3:n alusta loppuun mallineiden syntaksista tuotantoon viemiseen.

Mitä opitte

Perehdytte Composition APIin ja script setup -syntaksiin, Vuen direktiiveihin, laskettuihin ominaisuuksiin ja reaktiivisuuden perusteisiin. Oppimispolku kattaa komponenttien välisen viestinnän, slotit, provide/inject-toiminnot sekä jaettuun logiikkaan tarkoitetut composable-funktiot. Hallitsette sovelluksen tilaa sekä Pinialla että Vuexilla, käsittelette reititystä Vue Routerilla edistyneitä malleja myöten, validoitte lomakkeita ja käytätte REST-rajapintoja reaaliaikaisen WebSockets-datan rinnalla. Myöhemmissä kursseissa käsitellään TypeScript-integraatiota, kansainvälistämistä, Storybookia, testaamista Vitestillä, suorituskyvyn optimointia, palvelinpuolen renderöintiä Nuxt 3:lla, GraphQL:ää Apollolla, progressiivisia verkkosovelluksia sekä Vuen tietoturvakäytäntöjä.

Oppimispolku

Neljäkymmentäkaksi kurssia etenee tasoilta A1–C1. A1- ja A2-kursseilla luodaan perusta Vue CLI:lle, mallinesyntaksille, tietojen sidonnalle, direktiiveille, lomakkeille ja komponenttien perusteille. B1-kursseilla rakennetaan koko ekosysteemi: elinkaarikoukut, siirtymät, Pinia, Vuex, Vue Router, TypeScript, i18n ja asynkroninen data. B2-tasolla siirrytään vaativampiin aiheisiin, kuten palvelinpuolen renderöintiin Nuxt 3:lla, GraphQL:ään, WebSocketeihin, komponenttien testaamiseen, renderöintifunktioihin, PWA-tukeen ja komponenttikirjaston julkaisemiseen. C1-tason huippukurssit käsittelevät mikrofrontend-arkkitehtuuria, edistyneitä Composition API -malleja, suoratoistona tehtävää SSR-renderöintiä Suspensella, Vuen suorituskykyä suurissa sovelluksissa sekä Fastifylla ja autentikoinnilla rakennettavaa täyden pinon sovellusta.

Näin opiskelu toimii

Jokainen kurssi on jaettu lyhyisiin ja keskittyneisiin oppitunteihin, jotka suoritat sisäänrakennetussa koodieditorissa reaaliaikaisen palautteen avulla. Kun jäät jumiin, voit pyytää apua tekoälytuutorilta ja edetä omaan tahtiisi syntaksiharjoituksissa, komponenttihaasteissa ja arkkitehtuuriongelmissa poistumatta sovelluksesta.

Näin opiskelet

  1. 01

    Interaktiiviset oppitunnit

    Käytännön koodiharjoituksia ja reaaliaikaista palautetta

  2. 02

    Tekoälytuutori

    Saat heti apua tekoälyltä, kun jäät jumiin

  3. 03

    Sisäänrakennettu editori

    Kirjoita ja suorita koodia suoraan selaimessa

  4. 04

    Sertifikaatti

    Saat sertifikaatin suoritettuasi kurssin

UKK

Usein kysytyt kysymykset

Onko Vue Academy-kurssi ilmainen?

Kyllä. Voit aloittaa Vue Academy-kurssin ilmaiseksi ja suorittaa sen vuorovaikutteiset oppitunnit maksutta. Valinnainen PRO-tilaus avaa käyttöön edistyneet tekoälytyökalut ja jaettavan todistuksen.

Tarvitsenko aiempaa kokemusta oppiakseni HTML?

Et tarvitse. Kurssi alkaa perusteista ja etenee vähitellen edistyneempiin aiheisiin, joten voit aloittaa, vaikka sinulla ei olisi aiempaa HTML-kokemusta.

Miten opin HTML CoddyKitissä?

Opit tekemällä. Lyhyillä vuorovaikutteisilla oppitunneilla selkeä teoria yhdistyy käytännön koodiharjoitukseen, joka suoritetaan reaaliajassa. Ympäri vuorokauden käytettävissä oleva tekoälytuutori auttaa henkilökohtaisesti aina, kun jäät jumiin.

Saanko todistuksen Vue Academy-kurssin suorittamisesta?

Kyllä. PRO-oppijat voivat suorittaa kokeen ja saada Vue Academy-kurssin suorittamisesta jaettavan todistuksen, jonka koodi voidaan tarkistaa.

Voinko oppia HTML puhelimellani?

Kyllä. CoddyKit on käytettävissä verkossa sekä iOS- ja Android-natiivisovelluksina, joten voit oppia HTML millä tahansa laitteella, ja edistymisesi synkronoituu niiden välillä.

Paljonko CoddyKit PRO maksaa?

Vue Academy-opintopolun ensimmäinen kurssi on ilmainen. CoddyKit PRO avaa kaikki kurssit: $5.90 viikossa, $7.90 kuukaudessa, $29.90 vuodessa tai $69.99 kerran maksettuna, jolloin saat elinikäisen käyttöoikeuden ilman uusimisia.

Kuinka kauan Vue Academy-opintopolun suorittaminen kestää?

Vue Academy sisältää 42 kurssia ja 156 oppituntia. Useimmat oppitunnit kestävät noin 5–10 minuuttia, joten koko opintopolun suorittamiseen kuluu omaan tahtiin noin 18 tuntia käytännön harjoittelua.

Aloita Vue Academy nyt

Liity tuhansien oppijoiden joukkoon ja opi ohjelmointia tekoälyä hyödyntävillä oppitunneilla.