

Usikker på hvor
starte?
Track
Certifikat!
Full Stack Webudvikling
4.6+
★★★★★
★★★★★
1056 anmeld.
Beginner
Tag på et spændende eventyr for at blive en Full Stack Web Developer og mestre færdighederne til at skabe både front-end og back-end af webapplikationer. Dette spor giver en omfattende forståelse af webudvikling, der giver dig mulighed for at skabe komplette løsninger. Vis nu mere
HTML/CSS
JavaScript
React
Node.js
Boost your Tech Skills!
with up to 55% off
What you'll get with our subscription:
Access to 85+ top-rated courses
AI-driven Learning
Workspaces for practicing your skillsPersonalized study tracks
Certificates of completion
Training 2 or more people?
Get your team access to Codefinity courses anytime, anywhere.
Try Codefinity TeamsWhat you will learn
- Structure and style web pages using HTML and CSS.
- Add interactivity and dynamic behavior with JavaScript.
- Apply JavaScript across the stack to handle data, build logic, and power dynamic applications.
- Create responsive, component-based user interfaces with React.
- Work with Node.js to build server-side applications.
- Use Express.js to develop APIs for web apps.
- 295 chapters
- 39 hours
- 345 tasks
Trusted by employees of leading companies
Learning track content
Module 1 / Ultimativ HTML
Udforsk internettets indre funktioner. Lær hvordan data rejser over netværk, opdag protokollernes rolle, og afslør mysterierne bag IP-adresser og domænenavne. Få en overordnet forståelse af, hvordan webbrowsere og servere kommunikerer for at levere webindhold.
Opdag kraften i tags til at strukturere indhold, fra overskrifter og afsnit til lister og tabeller. Lær hvordan du forbedrer elementerne med attributter.
Kernen i HTML-dokumentstrukturen. Lær komponenterne i et HTML-dokument, inklusive doctype-deklarationen, head og body. Forstå formålet med hvert element, og hvordan de bidrager til den overordnede struktur af en webside.
Gør en webside mere attraktiv ved hjælp af medier som billeder, lyd og video. Arbejd med strukturerede tabeldata i form af tabeller.
Udforsk alsidigheden af HTML-formularer. Lær at designe intuitive og brugervenlige formularer ved at udnytte nøglekoncepter og teknikker. Opdag, hvordan formularer muliggør brugerinteraktion og dataindsendelse på hjemmesider.
Module 2 / CSS-Grundlæggende
Lær hvad CSS er, hvordan det forbindes med HTML, og hvordan HTML-elementer styles ved hjælp af selektorer. Udforsk grundlæggende begreber som tekstfarver, brugerhandlings-pseudoklasser og variabler i CSS.
Opdag, hvordan du kan formatere og style tekst på dine websider. Lær at anvende brugerdefinerede skrifttyper og udforsk forskellige skrifttypeegenskaber for at forbedre tekstens udseende.
Lær det grundlæggende om boksmodellen, som definerer layout og afstand for elementer på en webside. Udforsk begreber som boksstørrelse, tilføjelse af afstand til elementer, arbejde med blok- og inline-elementer samt anvendelse af strukturelle og funktionelle pseudoklasser til avanceret styling.
Opdag Flexbox, en effektiv CSS-layoutmetode til at arrangere elementer i rækker og kolonner. Lær at kontrollere retning, justering og afstand af elementer horisontalt og vertikalt samt tilpasse individuelle flex-elementer for præcise layouts.
Lær, hvordan du forbedrer det visuelle udtryk på dine websider med CSS. Udforsk teknikker til anvendelse af baggrundsfarver og -billeder, billedstyling, brug af dekorative pseudo-elementer samt tilføjelse af skygger for at skabe imponerende designs.
Module 3 / Introduktion til JavaScript
Opdag de grundlæggende elementer i JavaScript, herunder dets formål og syntaks. Lær at arbejde med konsollen til output og brug kommentarer til at organisere og dokumentere din kode. Disse grundlæggende færdigheder forbereder dig på en dybere udforskning af JavaScripts muligheder.
Undersøg grundelementerne i JavaScript ved at skelne mellem litteraler og variabler.
Forstå de centrale datatyper, herunder `null` og arrays.
Lær at manipulere dem ved hjælp af array-metoder.
Lær at manipulere JavaScripts datatyper gennem essentielle operationer. Opnå fortrolighed med tildeling, matematiske operationer, inkrementering og dekrementering, sammenligninger, logiske operationer og strengsammenkædning.
Opdag, hvordan du styrer flowet i dine programmer med betingede udsagn. Behersk `if`, `else` og `else if` for at instruere JavaScript i at træffe beslutninger og udføre kode baseret på forskellige betingelser.
Optimer din kode ved at mestre JavaScripts løkkestrukturer. Udforsk `while`, `do while` og `for` løkker, og lær at kontrollere deres adfærd ved hjælp af `break` og `continue`. Udnyt løkkernes potentiale til effektiv udførelse af gentagne opgaver.
Opdag funktioners styrke i JavaScript. Lær at definere funktioner, arbejde med argumenter og anvende `return`-sætningen for at skabe genanvendelig og effektiv kode. Beherskelse af funktioner vil forbedre din evne til at skrive rene og modulære programmer.
Module 4 / Javascript Datastrukturer
Få et klart overblik over, hvad der venter, forstå forudsætningerne, og modtag værdifulde tips, der forbereder dig på succes, når du arbejder med objekter, arrays og grundlæggende programmeringskoncepter.
Udforsk de centrale begreber inden for JavaScript-objekter. Dette afsnit dækker det grundlæggende i oprettelse af objekter, håndtering af egenskaber og implementering af metoder.
Dyk ned i avancerede teknikker til at arbejde med JavaScript-objekter. Dette afsnit går i dybden med forskellige strategier til effektivt at manipulere og interagere med objekter.
Tag på en rejse ind i JavaScript-arrays. Dette afsnit giver et solidt fundament for oprettelse af arrays, håndtering af elementer og udførelse af grundlæggende array-operationer.
Behersk avancerede færdigheder i array-manipulation, der dækker forskellige teknikker og metoder til effektiv håndtering af arrays i flere scenarier.
Module 5 / Avanceret JavaScript-Mestring
Lær grundlæggende JavaScript-klasser, fra klassedeklarationer til definition af metoder, der udvider funktionaliteten. Opdag, hvordan parameterobjekter anvendes effektivt, håndtering af private egenskaber og adgangskontrol med getters og setters. Behersk statiske egenskaber og statiske metoder, og udnyt styrken ved klassearv ved brug af "extends" og "super()" til at opbygge skalerbar og genanvendelig kode.
Behersk DOM-manipulation for at skabe dynamiske, interaktive webapplikationer. Naviger og modificer DOM-strukturen, opdater indhold dynamisk, og implementer bedste praksis for sikkerhed og ydeevne. Skeln mellem egenskaber og attributter for at optimere din kode.
Lås op for interaktiviteten i dine webapplikationer ved at mestre JavaScript-hændelser. Forstå hændelsespropagering, kontroller hændelsesadfærd, og implementer effektiv hændelseshåndtering for brugerinteraktioner. Optimer ydeevnen med avancerede teknikker som hændelsesdelegering.
Dyk ned i asynkron JavaScript, herunder callbacks, Promises og async/await. Lær at hente data fra API'er, integrere tredjepartsbiblioteker og håndtere flere forespørgsler effektivt, hvilket opbygger færdigheder til at skabe datadrevne applikationer.
Module 6 / React Mastery
Opnå forståelse for de centrale principper i React. Du vil lære om JSX (JavaScript XML), opbygning af genanvendelige UI-komponenter og rendering af elementer. Derudover vil du udforske vigtigheden af datainhentning og betinget rendering i React-applikationer. Ved afslutningen af dette afsnit vil du have et solidt fundament i Reacts væsentlige begreber, hvilket forbereder dig til succes med de mere avancerede emner i de følgende afsnit.
Undersøg de forskellige metoder til at tilføje styles til React-applikationer. Du vil lære, hvordan man anvender styles på individuelle komponenter, bruger dynamiske styles og opretholder en skalerbar og vedligeholdelsesvenlig stylingtilgang i projekter.
Kraftfulde funktioner i moderne React-udvikling. Hooks revolutionerer måden, vi skriver funktionelle komponenter på, ved at tilbyde en kortfattet og intuitiv metode til at håndtere tilstand og udføre sideeffekter. Omvendt gør Context det muligt at dele data gennem komponenttræet uden prop drilling. Kombinationen af hooks og Context muliggør effektiv tilstandshåndtering og forenklet datadeling i React-applikationer.
Trinvis vejledning i, hvordan man starter et virkeligt React-projekt. Fra opsætning af udviklingsmiljø til forståelse af projektorganisering og vigtige værktøjer opnås viden og selvtillid til at påbegynde arbejdet med React.
Module 7 / Backend-Udvikling med Node.js og Express.js
Undersøg backendens afgørende rolle og bliv fortrolig med Node.js — et banebrydende runtime-miljø. Opdag dets fordele, lær installation af Node.js, og få indsigt i oprettelsen af din første Node.js-applikation.
Opret konsolapplikationer ved hjælp af Node.js. Vi dækker grundlæggende begreber, praktiske eksempler og øvelser for at sikre, at vi trygt kan oprette vores egne konsolapplikationer.
Dyk ned i Express.js som et webapplikationsframework. Du får indsigt i, hvorfor Express er et populært valg til webudvikling, hvordan man opsætter en grundlæggende Express-applikation, opretter ruter til at håndtere forskellige forespørgsler og forstår middleware-koncepter.
Lær at opbygge et REST API ved hjælp af Node.js og Express.js, trin for trin. Dette afsnit guider dig gennem oprettelsen af en forenklet Twitter-lignende applikation og hjælper dig med at mestre udviklingen af RESTful API'er, samtidig med at du tilføjer et værdifuldt projekt til din portefølje.
Requirements
- A computer with a browser - all browsers are supported.
- Your enthusiasm to enhance your tech skills.
- Everything else needed to start learning and practicing is already included in this course.
Over 200,000 5-star ratings and counting
Ruslan Kravchuk
Det vigtigste er at lære og ikke give op
Materialet er godt, der er meget at lære for at blive bedre, og det vigtigste er at lære det, du ønsker....
Matteo Comune
Takket være dem lærer jeg meget…
Takket være dem lærer jeg meget hurtigere, fordi de hjælper dig med at forstå alt fra bunden. Det er den bedste hjemmeside for folk uden IT-erfaring...
Yuliana Cadavid
fantastisk kursus for begyndere
fantastisk kursus for begyndere, som tester din viden i hver lektion...
Elpunzon
Jeg nyder min Codefinity-oplevelse…
Jeg nyder at lære Python med Codefinity. Den selvstyrede læringsmetode er fantastisk, fordi jeg kan tilpasse den min tidsplan...
Alexandru Alexandru
Det er rart at lære fra Codefinity
Det er rart at lære fra Codefinity. Det er nemt og har gode eksempler på, hvad jeg har lært her...
jacob Templet
Easy to follow along with and provides…
Let at følge med og giver daglige udfordringer. Udfordringen motiverer mig til at lære dag efter dag...
Elan
Codefinity er et omfattende læringsværktøj…
Codefinity er et omfattende læringsværktøj, der hjælper dig med at udvikle dine færdigheder som softwareingeniør eller datavidenskabsmand. Øvelserne er sjove og en god måde at finpudse dine evner på...
Thibault
Første gang jeg lærer at kode
Første gang jeg lærer at kode og lykkes med det hos Codefinity - tak...
Adrien Morel
Godt designet til totale begyndere
Godt designet til totale begyndere, med trinvis progression, der giver mig selvtillid....
_Gracy
det er simpelthen fuldstændig velforklaret
det er simpelthen fuldstændig velforklaret! Indtil videre har jeg ikke oplevet nogen problemer, fordi alt er så godt organiseret...
Ruslan Kravchuk
Det vigtigste er at lære og ikke give op
Materialet er godt, der er meget at lære for at blive bedre, og det vigtigste er at lære det, du ønsker....
Matteo Comune
Takket være dem lærer jeg meget…
Takket være dem lærer jeg meget hurtigere, fordi de hjælper dig med at forstå alt fra bunden. Det er den bedste hjemmeside for folk uden IT-erfaring...
Yuliana Cadavid
fantastisk kursus for begyndere
fantastisk kursus for begyndere, som tester din viden i hver lektion...
Elpunzon
Jeg nyder min Codefinity-oplevelse…
Jeg nyder at lære Python med Codefinity. Den selvstyrede læringsmetode er fantastisk, fordi jeg kan tilpasse den min tidsplan...
Alexandru Alexandru
Det er rart at lære fra Codefinity
Det er rart at lære fra Codefinity. Det er nemt og har gode eksempler på, hvad jeg har lært her...
jacob Templet
Easy to follow along with and provides…
Let at følge med og giver daglige udfordringer. Udfordringen motiverer mig til at lære dag efter dag...
Elan
Codefinity er et omfattende læringsværktøj…
Codefinity er et omfattende læringsværktøj, der hjælper dig med at udvikle dine færdigheder som softwareingeniør eller datavidenskabsmand. Øvelserne er sjove og en god måde at finpudse dine evner på...
Thibault
Første gang jeg lærer at kode
Første gang jeg lærer at kode og lykkes med det hos Codefinity - tak...
Adrien Morel
Godt designet til totale begyndere
Godt designet til totale begyndere, med trinvis progression, der giver mig selvtillid....
_Gracy
det er simpelthen fuldstændig velforklaret
det er simpelthen fuldstændig velforklaret! Indtil videre har jeg ikke oplevet nogen problemer, fordi alt er så godt organiseret...
Data Engineer
Certifikat for fuldførelse
Fremvis dine nyligt opnåede færdigheder. Du har fortjent det
Discover more
Learning tracks
Kun for Ultimate
7 Kurser
292 Opgaver
Kun for Ultimate
6 Kurser
195 Opgaver
Kun for Ultimate
4 Kurser
115 Opgaver
Kun for Ultimate
6 Kurser
112 Opgaver
Kun for Ultimate
4 Kurser
142 Opgaver
Kun for Ultimate
4 Kurser
98 Opgaver
Kun for Ultimate
3 Kurser
39 Opgaver
Kun for Ultimate
7 Kurser
376 Opgaver
Kun for Ultimate
6 Kurser
308 Opgaver
Kun for Ultimate
5 Kurser
145 Opgaver
Kun for Ultimate
8 Kurser
258 Opgaver
Kun for Ultimate
3 Kurser
70 Opgaver
Kun for Ultimate
7 Kurser
278 Opgaver
Kun for Ultimate
5 Kurser
237 Opgaver
Kun for Ultimate
4 Kurser
123 Opgaver
Kun for Ultimate
4 Kurser
161 Opgaver
Kun for Ultimate
3 Kurser
75 Opgaver
Kun for Ultimate
6 Kurser
293 Opgaver
Kun for Ultimate
5 Kurser
206 Opgaver
Kun for Ultimate
3 Kurser
2 Projekter
50 Opgaver
Kun for Ultimate
3 Kurser
180 Opgaver
Kun for Ultimate
5 Kurser
184 Opgaver
Learning tracks
spor
Webudvikling Med C#
Begynder
4.7
(2899)
spor
Python fra Nul til Helt
Begynder
4.6
(10408)
spor
SQL fra Begynder til Ekspert
Begynder
4.7
(3114)
spor
C++ Grundlæggende
Begynder
4.3
(713)
spor
Spiludvikling med Unity
Begynder
4.5
(140)
spor
Bliv En React-Udvikler
Mellemniveau
4.3
(93)
spor
Excel Essentials
Begynder
4.6
(485)
spor
Java Essentials
Begynder
4.5
(309)
spor
Frontend Udviklingsgrundlag
Begynder
4.6
(1010)
spor
Mestring af Datavisualisering
Mellemniveau
4.6
(707)
spor
Maskinlæring Mestring
Mellemniveau
4.5
(170)
spor
C++ Mastery
Avanceret
4.4
(25)
spor
Java Web
Avanceret
4.7
(3433)
spor
Bliv QA-Ingeniør
Begynder
4.6
(870)
spor
Videoproduktion med Adobe
Begynder
5.0
(7)
spor
UI/UX Designværktøjer
Begynder
4.6
(11)
spor
Essentielle Kontorfærdigheder
Begynder
4.6
(375)
spor
Digital Marketing Essentials
Begynder
4.4
(9)
spor
Complete Social Media Management
Begynder
5.0
(6)
spor
Business AI Toolkit
Begynder
4.6
(57)
spor
No-Code Webudvikling
Begynder
4.3
(3)
spor
Deep Learning-odysseen
Avanceret
4.3
(35)
Become a Development expert
Interactive exercises
Learning videos
AI-assistant on all courses
Workspaces for designing your own projects
Ready to get started?
ProBest intro offer | UltimateA complete experience to kickstart your career | |
|---|---|---|
| 85+ Top-Rated courses | ||
| Completion certificates | ||
| AI-Assistant in all courses | ||
| 20+ hands-on Real-world projects | ||
| Personalized study tracks | ||
| Unlimited workspaces | ||
Boost your Tech Skills!
with up to 55% off
What you'll get with our subscription:
Access to 85+ top-rated courses
AI-driven Learning
Workspaces for practicing your skillsPersonalized study tracks
Certificates of completion
Training 2 or more people?
Get your team access to Codefinity courses anytime, anywhere.
Try Codefinity Teams