Læringsspor Full Stack Webudvikling - Online-undervisning med certifikat

Full Stack Webudvikling

Beginner

4.5

54 reviews

81 Learners

Updated 01/2026

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 webapplikation…

297

Chapters

Learning hours

386

Assignments

AI Assistant

Shareable Certificate

Resultater

Track content

Related courses and projects

Udtalelser

Funktioner

Priser

Resultater

Track content

Related courses and projects

Udtalelser

Funktioner

Priser

Hvad du vil lære

Structuring web pages with HTML and CSS

Creating responsive UIs with React

Understanding web development basics

Adding interactivity with JavaScript

Developing server-side apps with Node.js

Styling web pages using CSS

Building dynamic apps with JavaScript

Building APIs with Express.js

Manipulating data with JavaScript arrays

Learning track content

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.

Velkommen til HTML og Webudvikling

Hvad er Internettet?

Hvordan Fungerer Internettet?

Forståelse af, Hvordan Websites Fungerer

Forklaring af Frontend- og Backend-udvikling

Opdag kraften i tags til at strukturere indhold, fra overskrifter og afsnit til lister og tabeller. Lær hvordan du forbedrer elementerne med attributter.

Forståelse af HTML-Tags

Arbejde med HTML-Attributter

Forståelse af Parrede og Enkeltstående Tags i HTML

Tekstmarkering

Organisering af Lister

Udfordring: Opret Dit Første Websideafsnit

Udfordring: Opbyg en Personlig Introduktionswebside

Udfordring: Design en Filmfremvisningswebside

Brug af Links

Tilføjelse af Knapper

Udfordring: Opret Links til Populære Hjemmesider

Validering af din HTML-kode for bedste praksis

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.

Hemmelighederne Bag Velstrukturerede Websider

Forståelse af HTML-dokumentstruktur

Dokumenthovedets Rolle

Håndtering af Dokumentflow og Layout

Udfordring: Strukturer Et HTML-Dokument Korrekt

Brug af udviklerværktøjer til inspektion og fejlfinding af HTML

Gør en webside mere attraktiv ved hjælp af medier som billeder, lyd og video. Arbejd med strukturerede tabeldata i form af tabeller.

Tilføjelse af Billeder i HTML

Udfordring: Arbejde med Billeder

Arbejde med Klikbare Billeder, Billedtekster og Optimering

Forståelse af Vektor- og Rastergrafik

Indlejring af Lyd til Rige Medier

Tilføjelse af Videoelement

Udfordring: Indlejr Lyd og Video i HTML

Oprettelse og Strukturering af Tabeller i HTML

Udfordring: Design af en Funktionel HTML-Tabel

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.

Introduktion til HTML-formularer

Grundlæggende Oprettelse af Formularer i HTML

Brug af labels for bedre tilgængelighed i formularer

Forbedring af Formularer med Inputattributter

Undersøgelse af Forskellige Inputtyper i HTML

Udfordring: Opret Formular med Inputfelter og Etiketter

Arbejde med Textarea-Elementet til Flerlinjet Input

Brug af Select-elementet til Dropdown-menuer

Brug af Datalist-Elementet til Foruddefinerede Inputforslag

Gruppering af Formelementer for Bedre Struktur

Forstå, hvordan CSS forbindes til HTML, og hvordan stilarter anvendes gennem selektorer. Anvendelse af farver, tekstformatering og hover-effekter til at kontrollere visuel præsentation.

Hvad CSS Er, og Hvorfor Det Er Vigtigt

Forbinde CSS med HTML

Udvælgelse af Elementer på en Enkel Måde

Formatering af Tekst og Farver

Tilføjelse af Hover-effekter

Udfordring: Style Din Første Webside

Forbedring af typografi ved hjælp af linjehøjde, afstand, skrifttypeegenskaber og brugerdefinerede skrifttyper. Kontrol af skrifttypefamilier, vægt, stil og størrelse for øget læsbarhed.

Tekstformatering for Bedre Læsbarhed

Arbejde med Skrifttyper og Skrifttypeegenskaber

Tilføjelse af Brugerdefinerede Skrifttyper

Udfordring: Forbedr Et Blogartikeldesign

Styring af layoutstruktur ved hjælp af margin, padding, kanter og breddeegenskaber. Forståelse af boksstørrelsesadfærd og elementvisningstyper såsom blok, inline og inline-blok.

Forståelse af Box-Modellen på en Praktisk Måde

Margin og Polstring Gjort Enkelt

Boksstørrelse og Breddekontrol

Display-Egenskab: Block, Inline og Inline-Block

Udfordring: Ret et Ødelagt Layout

Styring af horisontale og vertikale layouts ved hjælp af Flexbox-egenskaber. Justering af retning, justering og afstand for at strukturere UI-komponenter.

Hvorfor Flexbox Findes

Styring af Retning

Horisontal Justering af Indhold

Justering af Elementer Lodret

Arbejde med Flex-elementer

Udfordring: Opret et Butikskort-Layout med Flexbox

Udfordring: Opbyg et Vertikalt Blogkort med Flexbox

Forbedring af layouts ved brug af baggrundsfarver, billeder, pseudo-elementer og skygger. Styling af visuelle komponenter for dybde og kontrast.

Brug af baggrundsfarver

Anvendelse af Baggrundsbilleder

Arbejde med Billeder i CSS

Skabe Effekter med Dekorative Pseudo-Elementer

Tilføjelse af Skygger for Dybde

Udfordring: Opret en Moderne Kortkomponent

En introduktion til JavaScript, der dækker det grundlæggende syntaks i sproget samt nøglebegreber og termer, som udgør fundamentet for at lære avancerede funktioner. Sektionen indeholder praktiske opgaver, der hjælper med at øve disse begreber og gør indholdet let at huske uden anstrengelse.

Første JavaScript-konsolapplikation

Udfordring: Visning af Output

Udfordring: Udskrivning af Flere Linjer

Arbejde med Tal

Udfordring: Arbejde med Tal

Udfordring: Beregning af en Bils Hastighed

Udfordring: Beregning af Arealet af en Trapez

Output af Flere Værdier

Udfordring: Meningsfuld Output i Konsollen

Hvordan Man Bruger Kommentarer i JavaScript

Udfordring: Tilføjelse af en Kommentar

Flerlinjede Kommentarer

Udfordring: Udkommentering af Kode

Hvad er JavaScript Egentlig?

Lær, hvordan man gemmer data og henter dem senere ved hjælp af variabler. Udforsk desuden grundlæggende datatyper og forstå, hvordan de interagerer med hinanden.

Lagring af Data

Udfordring: Deklarering af en Variabel

Udfordring: Adgang til Data fra en Variabel

Udfordring: Rettelse af Variabelnavne

Udfordring: Tildeling af en Variabel på Ny

Konstanter

Udfordring: Deklarering og Brug af Konstanter

Udførelse af Aritmetik på Variabler

Udfordring: Opbygning af en Lønberegner

Udfordring: Justering af Løn med en Bonus

Undersøgelse af Primitive Datatyper

Udfordring: Deklarering af en Boolesk Værdi

Hvordan Forskellige Datatyper Interagerer

Udfordring: Sammenkædning af Strenge

Udfordring: Oprettelse af Brugerprofil og Aktivitetsdetaljer

Lær at skrive udtryk, der evalueres til "sand" eller "falsk" baseret på betingelser, såsom "Er X lig med Y?". Dette efterfølges af en gennemgang af betingede udsagn, der muliggør betinget udførelse af specifikke kodelinjer.

Sammenligningsoperatorer

Udfordring: Kontrol af Aldersberettigelse

If-Sætningen

Udfordring: Vejrbetinget Påklædningsanbefaler

Udfordring: Lige eller Ulige

Indlejrede Betingede Udsagn

Else-Klausulen

Udfordring: Temperaturrådgiver

Else If-Klausulen

Udfordring: Karakterkategorisering

`Og` Logisk Operator

Udfordring: Kontrol af om et tal er lige og positivt

OR-Logisk Operator

Udfordring: Adgangskontrolsystem

En kraftfuld programmeringsfunktion kaldet en funktion muliggør udførelse af en kodeblok flere gange med minimal gentagelse. Dette afsnit introducerer kernekoncepter og syntaks til effektiv definition og anvendelse af funktioner.

Hvad Er Funktioner?

Udfordring: Simpel Funktion

Udfordring: Beregning af en Bils Hastighed

Scopes

Overførsel af Data til Funktioner

Udfordring: Rettelse af Speed-funktionen

Udfordring: Forbedring af Karakterkategoriseringen

Udfordring: Definition af en Sammensat Funktion

Returnering af Data fra Funktioner

Standardværdier

Udfordring: E-mailautosvar med Standardparametre

Begrebet arrays introduceres som en metode til at organisere og håndtere datasamlinger. Materialet dækker, hvordan arrays strukturerer data og muliggør effektive operationer på flere værdier.

Hvad Er Arrays?

Udfordring: Definition af et Array

Udfordring: Indeksering

Tilføjelse af Værdier til et Array

Udfordring: Tilføjelse af Elementer til et Array

Fjernelse af Elementer fra et Array

Udfordring: Øvelse med `pop` og `shift`

Egenskaben Length

Udfordring: Optælling af Elementer

Metoden `Includes`

Udfordring: Søgning Efter Dyr i Zoologisk Have

Løkker er en grundlæggende funktion i programmering, der bruges til at reducere redundans og håndtere gentagne opgaver effektivt. Indholdet dækker de tre hovedtyper af løkker i JavaScript, deres syntaks, anvendelsesområder, samt hvordan de kan kombineres med arrays for at optimere processer og forbedre ydeevnen.

For-Løkke

Udfordring: Udskrivning af en Sekvens

While-Løkke

Udfordring: Udskrivning af Fibonacci-sekvens

Do-While-Løkke

Udfordring: Tilfældigt Multiplum af 7

Brug af Løkker med Arrays

Udfordring: Finde den gennemsnitlige pris på varer

Opsummering

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.

Introduktion til JavaScript-datastrukturer

Forudsætninger for at Lære JavaScript Datastrukturer

Hvad Du Vil Lære I Dette Kursus

Tips til Succes

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.

Forståelse af Objekter i JavaScript

Oprettelse af Objekter i JavaScript

Arbejde med Indlejrede Objekt-Egenskaber

Udfordring: Opret og Strukturer et Objekt

Adgang til Objekt-Egenskaber i JavaScript

Udfordring: Hent Objektets Egenskabsværdier

Håndtering af Objekt-Egenskaber

Udfordring: Ændre og Udvide et Objekt

Definering af Objektmetoder

Brug af Egenskaber Inden for Metoder

Udfordring: Arbejde med Objektmetoder

Opsummering af Grundlæggende JavaScript-Objekter

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.

Iterering Over Objekt-Egenskaber Med For...In-Løkken

Udfordring: Udforsk Objekt-Egenskaber med Iteration

Brug af hasOwnProperty() til at kontrollere objekt-egenskaber

Udfordring: Iteration over Objekt-Egenskaber med hasOwnProperty()

Kloning og Sammensmeltning af Objekter med Spread-Operatoren

Udfordring: Kombinér Objekter med Spread-Operatoren

Destrukturering af Objekter for Mere Overskuelig Kode

Udfordring: Udtræk Data med Objekt-Destructuring

Opsummering af Avanceret Objektmanipulation

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.

Forståelse af JavaScript-Arrays

Udfordring: Adgang til Array-Elementer

Ændring af Arrays og Adgang til Elementer

Udfordring: Ændr Array-Elementer

Gennemløb af Arrays med For-Løkken

Udfordring: Gennemløb Arrays med For

Brug af For...of-Løkken til Iteration over Arrays

Udfordring: Effektiv Array-Iteration med for...of

Opsummering af Mestring af JavaScript-Arrays

Behersk avancerede færdigheder i array-manipulation, der dækker forskellige teknikker og metoder til effektiv håndtering af arrays i flere scenarier.

Transformering af Arrays med Map()-Metoden

Udfordring: Ændr Array-Elementer Ved Hjælp Af map()

Filtrering af Arrays med Filter()-Metoden

Udfordring: Vælg Specifikke Data Ved Hjælp af filter()

Finde Elementer i et Array med Find()-Metoden

Udfordring: Søg Efter Elementer Med Find()

Sortering af Arrays med sort()-Metoden

Udfordring: Sorter og Udtræk Data med sort()

Opsummering af Avancerede Array-metoder og Transformationer

Kursusoversigt

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.

Kom Godt I Gang

Forståelse af Klassedeklarationer i JavaScript

Udfordring: Opret en JavaScript-klasse

Definering af Metoder i JavaScript-Klasser

Udfordring: Tilføj Metoder til en Klasse

Brug af Parameterobjekter

Arbejde med Private Egenskaber i Klasser

Udfordring: Implementering af Private Egenskaber i en Klasse

Håndtering af Egenskaber med Getters og Setters

Udfordring: Implementering af Getters og Setters i en Klasse

Undersøgelse af Statiske Egenskaber i JavaScript

Brug af Statiske Metoder i JavaScript

Udfordring: Implementér Statiske Egenskaber og Metoder i en Klasse

Forståelse af Arv med Extends og Super()

Udfordring: Implementer Klassearv med Extends og Super()

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.

Hvad er Dokumentobjektmodellen (DOM)?

Forespørgsel og Valg af Elementer i DOM'en

Udfordring: Forespørg og Vælg DOM-Elementer

Forståelse af DOM-hierarki og Relationer

Udfordring: Naviger i DOM-hierarkiet

Undersøgelse af DOM-Egenskaber i JavaScript

Arbejde med Elementattributter i DOM'en

Udfordring: Håndtering af Elementegenskaber og Attributter

Tilføjelse af Elementer til DOM'en Dynamisk

Fjernelse af Elementer fra DOM'en

Udfordring: Tilføj og Fjern DOM-Elementer

Ændring af Elementers Stilarter med JavaScript

Udfordring: Anvend Dynamiske Stilarter på DOM-Elementer

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.

Introduktion til Hændelser og Hændelseslyttere

Forståelse af Event-Objektet i JavaScript

Udfordring: Implementering af Event-Lyttere

Forklaring af Event-Propagation og Delegation

Udfordring: Håndtering af Event-Propagation og Delegation

Arbejde med Tastatur- og Musebegivenheder

Håndtering og Fjernelse af Event-Lyttere

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.

Introduktion til Asynkron JavaScript

Forståelse af Callbacks i JavaScript

Håndtering af Asynkrone Operationer med Promises

Brug af Async/Await for Mere Overskuelig Asynkron Kode

Hentning og Arbejde med API'er i JavaScript

Integration af API'er i JavaScript-applikationer

Udfordring: Hent og Brug API-Data

Integration af Tredjepartsbiblioteker i JavaScript

Udfordring: Arbejde med Tredjepartsbiblioteker

Håndtering af Flere Asynkrone Forespørgsler

Undersøg, hvad React er, og hvordan det gengiver brugergrænseflader. Fokus på komponenter, JSX-syntaks og visning af elementer på skærmen.

Hvad React Er, og Hvorfor Det Bruges

Forståelse af React-Komponenter

JSX-Grundlæggende i React

Gengivelse af Elementer i React

Udfordring: Gengiv Et Element i React

Dyk ned i overførsel af data mellem komponenter og styring af UI-output. Fokus på props, betinget rendering og rendering af datalister.

Videregivelse af Data med Props

Udfordring: Opret Funktionelle Komponenter

Betinget Rendering i React

Udfordring: Implementer Betinget Rendering i Chatnotifikation

Udfordring: Implementer Betinget Rendering i Bankadvarsel

Gengivelse af Datalister i React

Udfordring: Vis Datasamlinger

Opsummering af React-Grundlæggende

Lær, hvordan brugerinteraktioner og eksterne data ændrer brugergrænsefladen over tid. Fokus på håndtering af tilstand og håndtering af sideeffekter med React hooks.

Håndtering af Tilstand med useState

Udfordring: Skift Synlighed med State

Håndtering af Sideeffekter med useEffect

Udfordring: Hent og Vis Data

Opsummering af Grundlæggende React Hooks

Undersøg almindelige metoder til at style React-komponenter. Fokus på anvendelse af styles med inline-styles og ekstern CSS.

Stylingmuligheder i React

Brug af Inline-Stilarter i React

Styling af Komponenter med Ekstern CSS

Udfordring: Style en React-Applikation

Lær, hvordan man kører et React-projekt og forstår dets struktur. Fokus på at starte et projekt med Vite og navigere i projektfilerne.

Opsætning og Kørsel af et React-Projekt med Vite

Forståelse af React-Projektets Struktur

Opsummering af Opsætning af React-Projekt

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.

Backendens Rolle i Webudvikling

Hvad er Node.js?

Nøglefordele ved brug af Node.js

Installation af Node.js

Oprettelse af Din Første Node.js-App

Udfordring: Byg Din Første Node-applikation

Vigtige Pointer

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.

Introduktion til Konsolapplikationer i Node.js

Hvad er Konsolapplikationer?

Arbejde med Filsystemet i Node.js

Udfordring: Filsystemoperationer

Opbygning af Kommandolinjegrænseflade (CLI) Applikationer

Brug af Commander-modulet til CLI-apps

Arbejde med Readline-Modulet

Opbygning af et Gætteleg-Konsolprogram

Håndtering af Mapper i Node.js

Værktøj til Inspektion af Mapper

Sammenfatning af Konsolapplikationer i Node.js

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.

Introduktion til Express.js i Webudvikling

Hvorfor Bruge Express.js til Webudvikling?

Forståelse af HTTP-Anmodninger

Opsætning af en Express.js-applikation

Oprettelse og Håndtering af Ruter i Express.js

Test af API'er med Postman

Introduktion til Middleware i Express.js

Brug af Indbygget Middleware i Express.js

Oprettelse af Brugerdefineret Middleware

Opsummering af Centrale Express.js-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.

Introduktion til REST API-Udvikling

Kernekoncepter for REST API'er

Opsætning af Projektstrukturen

Definering af API'ets Entry Point

Opbygning af GET-endepunktet for Alle Opslag

Opbygning af GET-endepunktet for Post efter Id

Opbygning af Create Post-endpoint

Opbygning af Update-Post Efter Id-Endepunkt

Opbygning af Delete-endpoint for Post Efter Id

Kørsel og Test af REST API'en

Afsluttende Bemærkninger og Næste Skridt

Boost dine Tech Færdigheder!

med op til 55% rabat

Features:

*Tracks not included in Pro plan

500+ Topbedømte kurserBanebrydende AI Copilot

Personlige studieveje40+ praktiske virkelige projekter

Uden afbestilling, før den valgte rabatplan udløber, accepterer jeg, at Codefinity automatisk opkræver $104 hver 3. måned indtil jeg annullerer. Læs mere om afbestillings- og refunderingspolitikken på Abonnementsvilkår.

Recommended Courses and Projects

test code

TEST COURSE WITH QUESTIONSs

-----

Test explain sentence

hover on sentence and explain it

HTML-Grundlæggende

Behersk det grundlæggende i HTML for at opbygge velstruktureret og tilgængeligt webindhold. Lær at strukturere dokumenter ved hjælp af tags, elementer og attributter. Arbejd sikkert med tekst, lister, billeder, lyd og video for at berige websider. Opret tabeller for organiserede data og formularer til brugerinput og interaktion. Opdag semantisk HTML for at forbedre tilgængelighed og opbygge komplette, funktionelle webstedsstrukturer fra bunden.

Test UI Features

Let's test

Next.js 14 Ekspertise til Udvikling af Moderne Webapplikationer

Lær at opbygge moderne, højtydende webapplikationer med Next.js. Opsæt projekter med strukturerede layouts, styling og routing for problemfri navigation. Hent og vis data effektivt, mens du optimerer rendering og ydeevne. Implementer avancerede funktioner som paginering, CRUD-operationer og global søgning for dynamiske webapps. Udrul dine Next.js-projekter, tilslut dem til databaser, og tilføj autentificering for at beskytte brugerdata.

React Router Essentials

Lær at håndtere navigation i React-applikationer ved hjælp af React Router. Forstå opbygningen af URL'er og routings rolle i webapplikationer. Opsæt React Router for at skabe fler-sidede applikationer med dynamisk indhold baseret på URL-stier. Arbejd med avancerede funktioner som forespørgselsstrenge og URL-parametre for at håndtere applikationstilstand og brugernavigation.

State Management med Redux Toolkit i React

Opdag styrken ved Redux Toolkit i samspil med React, og styrk dine færdigheder inden for state management. Dette kursus giver en omfattende introduktion til Redux Toolkit, et kraftfuldt bibliotek til håndtering af state. Lær at forenkle din Redux-opsætning, simplificere kompleks state-logik og skabe effektive, skalerbare React-applikationer.

Introduction to CSS Part I

CSS, or Cascading Style Sheets, is a stylesheet language used to describe the presentation of a document written in a markup language like HTML. CSS is a fundamental building block of the modern web and controls the styling and layout of websites and web applications.

Introduction to CSS Part II

Continue learning CSS. CSS, or Cascading Style Sheets, is a stylesheet language used to describe the presentation of a document written in a markup language like HTML. CSS is a fundamental building block of the modern web and controls the styling and layout of websites and web applications.

Introduction to React (Stage)

In this course, we will learn how to use the JavaScript React library for making front-end applications. This course will help you understand the structure of a React application, how to add it to an existing website, and how to set up a React app from scratch. You will learn how to easily create React applications and expand them further for more advanced purposes. This course is intended for beginners though basic knowledge of JavaScript is required.

React Tutorial

Discover more Learning Tracks

spor

TEST TRACK 12

Begynder

Bliv En React-Udvikler

Mellemniveau

Mestring af Datavisualisering

Mellemniveau

SQL fra Begynder til Ekspert

Begynder

C++ Grundlæggende

Begynder

Python fra Nul til Helt

Begynder

Maskinlæring Mestring

Mellemniveau

Python Ud Over Mellemniveau

Begynder

Spiludvikling med Unity

Begynder

Become a Django Developer

Avanceret

Flask for Dummies

Mellemniveau

Hvorfor Folk Vælger Codefinity

Web Developer

Kwizera Mugisha

The teaching methodology at Codefinity is excellent, and I particularly appreciate how it has prepared me to handle real-world coding problems. Currently, I am delving into Node.js and eagerly anticipate building full-stack projects that integrate all the knowledge I have gained.

Senior Business Analyst

Sherry Barnes-Fox

My first course was 4 hours, I did it in a few days, "nugget-style". The instructions are very clear and easy to understand. There is even a hint to help you get the answer. I love the learning style that is used, it engages me.

Accounts Payable Specialist

Bill Wagner

I have really liked the browser-based lessons that allow me to code within the lesson. The RUN button allows me to test the code I write before submitting for a grade.

IT Support Specialist

Daniel Chinea

I have gained a lot of practical and logical thinking skills, along with patience for myself and confidence in myself that I can learn programming. Years ago, I would have never thought that I could learn programming in any way, shape or form, and I was able to obtain these certifications and skills with Codefinity.

Technology Project Manager

Steve Bruening

The learning was progressive and made it easy to follow along and make progress. I could feel my skills increasing and building on each other as the course went along.

Project Manager

Stephanie Chan

As I went through the first course of the Python track, I liked the way the course was lay out (in easy and digestible modules) with little exercises at the end of each concept.

Step-by-Step to Stellar Results

Interaktivt kodningsmiljø

Dyk ned i vores interaktive miljø: skriv og kør din kode med feedback i realtid og succesmålinger—lær ved at gøre på hvert trin.

AI-drevet support

Udnyt den indbyggede AI-assistent til at forklare fejl, foreslå rettelser eller besvare spørgsmål om din kode—så du forbliver produktiv og aldrig går i stå.

Check your progress

Afslut hvert modul med en hurtig quiz, der giver øjeblikkelig feedback, sporer din fremgang og sikrer, at du har mestret nøglekoncepter.

Promote your expertise

Tjen dit brancheanerkendte certifikat ved afslutning og del det på LinkedIn med ét klik—lad dit netværk se, hvad du kan.

Betroet af Medarbejdere fra Ledende Virksomheder
og Studerende fra Topuniversiteter

Fuld adgang til kataloget

Et abonnement åbner dette kursus og hele vores katalog af projekter og færdigheder.

Features:

500+ Topbedømte kurserBanebrydende AI Copilot

Personlige studieveje40+ praktiske virkelige projekter

Prøv Codefinity med tillid – 30-dages pengene-tilbage-garanti inkluderet

For at byde dig velkommen til Codefinity, tilbyder vi op til 64% rabat på vores kurser. Plus, vi har en 30-dages pengene-tilbage-garanti, så du kan prøve os uden risiko.Vi ser virkelig frem til at byde dig velkommen til vores platform og er engagerede i at gøre din læringsoplevelse nem, interaktiv og sjov.

Ready to get started?

Pro

Best intro offer

Ultimate

A complete experience
to kickstart your career

500+ Top-Rated courses

Completion certificates

Early access to new courses

40+ hands-on Real-world projects

Personalized study tracks

Unlimited workspaces

Få øjeblikkelig adgang til 500+ kurser

Ubegrænset Læring, Øjeblikkelig AdgangFå fuld adgang til alle kurser og spor, inklusive videoindhold, quizzer og dybdegående materialer—start læring når som helst.

Brancheanerkendte CertifikaterTjen certifikater, der validerer din ekspertise og styrker din karriere inden for tech, AI, data, marketing og mere.

KI-assisteret læringFå personlige hints, feedback i realtid og AI-drevne forklaringer for at fremskynde din fremgang.

Konstant Udvidelse: Nye Kurser & KarriereforløbHold dig foran med konstant opdaterede kurser, karriereplaner, udfordringer og praktiske prøver.

Opbyg Færdigheder Der TællerMestre efterspurgte færdigheder med kurser i AI, datavidenskab, programmering, marketing, automatisering, webudvikling og mere.

Interaktiv & Problemfri LæringEngager dig med praktiske projekter, virkelige øvelser og en intuitiv læringsoplevelse — ingen ekstra værktøjer nødvendige.

Hvad du vil lære

TEST TRACK 12

Bliv En React-Udvikler

Mestring af Datavisualisering

SQL fra Begynder til Ekspert

C++ Grundlæggende

Python fra Nul til Helt

Maskinlæring Mestring

Python Ud Over Mellemniveau

Spiludvikling med Unity

Become a Django Developer

Flask for Dummies

Hvorfor Folk Vælger Codefinity

Betroet af Medarbejdere fra Ledende Virksomheder og Studerende fra Topuniversiteter

Fuld adgang til kataloget

Prøv Codefinity med tillid – 30-dages pengene-tilbage-garanti inkluderet

Få øjeblikkelig adgang til 500+ kurser

Betroet af Medarbejdere fra Ledende Virksomheder
og Studerende fra Topuniversiteter