Lær frontend-udvikling — Frontendudvikling fra HTML til React med live forhåndsvisning

Frontend-udvikling handler om at bygge den del af et website eller en webapp, der kører i browseren: strukturen med HTML, udseendet med CSS og funktionaliteten med JavaScript samt de frameworks og værktøjer, der bygger oven på dem. Lær frontend-udvikling lærer dig denne teknologistak i den rækkefølge med en liveforhåndsvisning, så hver ændring kan ses med det samme.

Du kan sagtens lære begreberne og bygge de første sider på en telefon, fordi HTML, CSS og JavaScript er små nok til at redigere i korte sessioner, og forhåndsvisningen viser resultatet med det samme. Appen viser de tre paneler og en liveforhåndsvisning på skærmen. En laptop bliver mere praktisk, når du vedligeholder et større projekt med mange filer, men du behøver den ikke for at komme i gang.

Det passer til komplette nybegyndere, designere, der vil bygge det, de designer, udviklere med kendskab til HTML og CSS samt karriereskiftere, der forbereder sig på deres første frontend-job. Begynd med, hvordan webben fungerer, og med ren HTML, fortsæt derefter med CSS og så JavaScript. Lær frontend-udvikling følger denne rækkefølge og begynder med det gratis kursus Velkommen til frontend-udvikling.

Ja. Efter HTML, CSS, JavaScript og TypeScript indeholder appen React-kurser om det grundlæggende, useEffect og datahentning samt avancerede hooks og mønstre, og Vue 3-kurser om det grundlæggende, Composition API og avancerede mønstre. Den dækker også state management og server-side rendering med Next.js og Nuxt 3.

Det er ikke nødvendigt for at bygge din første side, men de fleste professionelle React- og Vue-kodebaser bruger det, så det er værd at lære efter det grundlæggende i JavaScript. Appen introducerer TypeScript med et kursus i de første typer, et dybdegående kursus i typer og interfaces samt et avanceret kursus i frontend-mønstre.

Hver af de 15 debugging-missioner giver dig en ødelagt side eller komponent, der afspejler et reelt frontend-problem, for eksempel et layout, der går i stykker ved 375 pixels, en formular, der ikke kan bruges med tastaturet, et memory leak i en komponent eller en test, der kun fejler i CI, og du skal løse problemet. To missioner er gratis.

Det kan hjælpe med den teoretiske del. Lær frontend-udvikling har 50 interviewspørgsmål med svar, et cheatsheet med 83 poster om syntaks og mønstre samt kurser i test, ydeevne, tilgængelighed og arkitektur, som er emner, samtaler typisk bevæger sig videre til efter det grundlæggende. Det kan ikke erstatte en portfolio med dine egne projekter.

En nybegynder, der øver sig lidt hver dag, kan som regel bygge enkle responsive sider på få uger, mens det tager måneder at blive fortrolig med JavaScript og et framework. Appen opdeler læringsstien i lektioner på få minutter med streaks og påmindelser, så fremgangen kommer gennem regelmæssige, korte sessioner frem for én lang blok.

Den kan downloades gratis fra App Store og Google Play. Det første kursus, det første guidede projekt, to debugging-missioner og kodeeditoren er gratis med tre spørgsmål til AI-mentoren om dagen, og gratisversionen viser annoncer. Pro låser alle kurser, projekter og missioner, certifikatprøven og ubegrænset AI op samt fjerner annoncerne.

Lær frontend-udvikling kører på iOS via App Store og på Android via Google Play på 22 sprog med en aldersgrænse på 4+. Appen i App Store hedder Learn Frontend Development, og appen i Google Play hedder Lær frontend-udvikling, men det er den samme app. Når du består den afsluttende prøve, får du et gennemførelsescertifikat.