Rakenna oikeita käyttöliittymiä Sveltellä ja SvelteKitillä
Svelte lähestyy kehitystä perustavanlaatuisesti eri tavalla kuin React ja Vue: sen sijaan että selaimeen toimitettaisiin ajonaikainen ympäristö, se kääntää komponentit erittäin tehokkaaksi vanilja-JavaScriptiksi koontivaiheessa. Tuloksena ovat pienemmät paketit, nopeammat latausajat ja vähemmän toistuvaa koodia. Virallinen sovelluskehys SvelteKit lisää tiedostopohjaisen reitityksen, palvelinpuolen renderöinnin, lomaketoiminnot ja käyttöönottosovittimet, joten voitte julkaista tuotantotason sovelluksia millä tahansa alustalla. Tämä oppimispolku kattaa molemmat ensimmäisestä komponentista täyden pinon arkkitehtuuriin.
Mitä opitte
Aloitatte Svelten komponenttimallista – propseista, mallinesyntaksista, ehtolauseista, silmukoista ja kaksisuuntaisesta sidonnasta – ja siirrytte sitten reaktiivisuusjärjestelmään, elinkaarifunktioihin ja store-peruspalikoihin: writable, readable, derived ja mukautetut storet. Käyttöliittymien puolella käsittelette slotteja, Context APIa, CSS-siirtymiä, animaatioita ja Svelte Motionia. SvelteKit-luvut kattavat reitityksen, datan lataamisen, SSR:n ja esirenderöinnin, lomaketoiminnot, API-reitit, hookit, virheenkäsittelyn, edistyneet layoutit, autentikointimallit ja käyttöönottosovittimet. Oppimispolulla käsitellään myös Svelte 5:n rune-järjestelmää, yksikkötesteillä ja Playwright E2E:llä testaamista, kolmansien osapuolten kirjastojen integrointia sekä SvelteKitin tietoturvakäytäntöjä.
Oppimispolku
Neljäkymmentäyksi kurssia etenee tasoilta A1–C1. Ensimmäisillä seitsemällä kurssilla luodaan perusta komponenteille, propseille, tapahtumille ja mallinesyntaksille. B1-tasolla tutustutaan storeihin, slotteihin ja siirtymiin sekä rakennetaan ensimmäiset SvelteKit-sivut ja datan lataamisen mallit. Suurimmassa B2-kokonaisuudessa käsitellään lomaketoimintoja, API-reittejä, hookeja, edistynyttä reaktiivisuutta, Svelte Actionseja, mukautettuja animaatioita, autentikointimalleja, sovittimia, Svelte 5:n runeja, testaamista ja tietoturvaa. Oppimispolku päättyy C1-tasolla edistyneisiin runeihin, edistyneisiin komponenttimalleihin, SvelteKitin suoratoistoon, suorituskyvyn optimointiin, laajamittaiseen tilanhallintaan ja täyden pinon SvelteKit-sovellukseen.
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. Jokainen käsite vahvistetaan käytännön harjoituksilla ennen seuraavaan aiheeseen siirtymistä.
