

Usikker på hvor
starte?
Track
Sertifikat
Bli en React-Utvikler
4.3+
★★★★★
★★★★★
93 omtaler
Intermediate
Bli en mester i å bygge dynamiske og interaktive brukergrensesnitt for webapplikasjoner som en dyktig React-utvikler. Hvis du har god forståelse for JavaScript, er det et klokt valg å fokusere på å mestre React. Vis mer
React
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 skills
Personalized 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
- Build reusable UI components using React and JSX.
- Style your React applications with inline styles, CSS modules, and external stylesheets.
- Manage state and side effects efficiently with React Hooks and Context.
- Navigate and structure multi-page applications using React Router.
- Handle advanced state management in React apps with Redux Toolkit.
- Develop and deploy production-ready applications using Next.js.
- 142 chapters
- 22 hours
- 98 tasks
Trusted by employees of leading companies
Learning track content
Module 1 / React Mastery
Få en forståelse av de grunnleggende prinsippene i React. Du vil lære om JSX (JavaScript XML), bygging av gjenbrukbare UI-komponenter og rendering av elementer. I tillegg vil du utforske viktigheten av datainnsamling og betinget rendering i React-applikasjoner. Etter denne delen vil du ha et solid grunnlag i Reacts essensielle konsepter, noe som forbereder deg på mer avanserte emner i de følgende delene.
Utforsk ulike metoder for å legge til stil i React-applikasjoner. Du vil lære hvordan du anvender stil på individuelle komponenter, bruker dynamiske stiler og opprettholder en skalerbar og vedlikeholdbar tilnærming til styling i prosjektene dine.
Kraftige funksjoner i moderne React-utvikling. Hooks revolusjonerer måten vi skriver funksjonelle komponenter på, og gir en konsis og intuitiv måte å håndtere tilstand og utføre sideeffekter. Context gjør det mulig å dele data gjennom komponenttreet uten prop drilling. Ved å kombinere hooks og Context oppnås effektiv tilstandshåndtering og forenklet datadeling i React-applikasjoner.
Trinnvis veiledning for hvordan man starter et reelt React-prosjekt. Fra oppsett av utviklingsmiljø til forståelse av prosjektorganisering og sentrale verktøy, gir dette deg kunnskapen og selvtilliten til å starte din React-reise.
Module 2 / React Router Essentials
Lær de teoretiske grunnprinsippene for konsepter som URL, domene, protokoll, spørringsparametere og mer. Forstå betydningen av ruting i webapplikasjoner og hvorfor vi trenger React Router-biblioteket.
Lær hvordan du kan lage en komplett React-applikasjon fra bunnen av, med mulighet til å vise innhold som tilpasses basert på URL ved hjelp av React Router-funksjonalitet.
Utforsk bruk av spørringsstrenger for deling og håndtering av applikasjonstilstand via URL-er, arbeid med ulike datatyper i spørringsparametere, og utnytt React Router for navigasjon og effekter basert på endringer i URL.
Module 3 / Tilstandshåndtering med Redux Toolkit i React
Utforsk de grunnleggende konseptene innen tilstandshåndtering og lær hvordan du kan utnytte kraften i Redux Toolkit. Vi veileder deg gjennom installasjonsprosessen og hjelper deg med å opprette ditt første React Redux Toolkit-prosjekt. I tillegg får du en utfordring for å teste din forståelse og ferdigheter.
Undersøk integrasjon av Redux med React-applikasjoner, med fokus på kjernebegreper: actions, reducers og Redux store. Inkluderer praktiske eksempler og kodeforklaringer for konfigurasjon av store, opprettelse av reducers og tilkobling av React-komponenter via hooks som useSelector og useDispatch.
Styrk ferdighetene dine innen tilstandshåndtering. I dette praktiske verkstedet løser du reelle utfordringer og får praktisk erfaring med å bruke Redux Toolkit for smidig applikasjonsutvikling.
Module 4 / Next.js 14-mestring for Bygging av Moderne Webapplikasjoner
Vi skal diskutere hva du bør kunne før du begynner med Next.js-rammeverket, hva du kan forvente av dette kurset, og hva du kommer til å bygge.
Vi setter opp prosjektet, undersøker måter å legge til styling i appen vår på, og dekker visuelle aspekter som bilder, fonter, sider og oppsett.
Lær hvordan du enkelt kan opprette og administrere et nytt visningsbilde for applikasjonen din, samt navigere sømløst mellom alle sider med et integrert rutingsystem.
Distribuer Next.js-appen ved hjelp av GitHub- og Vercel-kontoer. Etabler i tillegg en database for å levere nødvendig data til appen.
Vurder hvordan data kan hentes og vises for brukeren på en tydelig og effektiv måte.
Lær hvordan du implementerer moderne nettfunksjoner som paginering, CRUD-operasjoner, globalt søk, skjemavalidering og mer.
Implementering av autentisering i Next.js.
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 viktigste er å lære og ikke gi opp
Materialet er bra, det er mye å lære, alt for å bli bedre, og det viktigste er å lære det du ønsker....
Matteo Comune
Takket være dem lærer jeg mye…
Takket være dem lærer jeg mye raskere fordi de hjelper deg med å forstå alt fra grunnen av. Det er den beste nettsiden for folk uten IT-bakgrunn...
Yuliana Cadavid
Flott kurs for nybegynnere
Flott kurs for nybegynnere, de tester kunnskapen din i hver leksjon....
Elpunzon
Jeg nyter min Codefinity-opplevelse…
Jeg nyter min Codefinity-opplevelse med å lære Python. Den selvstyrte læringsmåten er flott fordi jeg kan tilpasse den til timeplanen min...
Alexandru Alexandru
Det er hyggelig å lære fra Codefinity
Det er hyggelig å lære fra Codefinity. Det er enkelt og har gode eksempler på det jeg lærte her...
jacob Templet
Easy to follow along with and provides…
Lett å følge med på og gir utfordring i hverdagen min. Utfordringen får meg til å ville lære dag etter dag...
Elan
Codefinity er et omfattende læringsverktøy…
Codefinity er et omfattende læringsverktøy som hjelper deg med å utvikle ferdighetene dine som programvareingeniør eller datavitenskapsmann. Øvelsene er morsomme og en god måte å skjerpe ferdighetene dine på...
Thibault
Første gang jeg lærer å programmere
Første gang jeg lærer å programmere og lykkes med det takket være Codefinity – Takk!...
Adrien Morel
Godt designet for totale nybegynnere
Godt designet for totale nybegynnere, med inkrementell fremgang som gir meg selvtillit....
_Gracy
det er rett og slett perfekt forklart.
Det er rett og slett perfekt forklart! Så langt har jeg ikke opplevd noen vanskeligheter fordi alt er så godt organisert....
Ruslan Kravchuk
Det viktigste er å lære og ikke gi opp
Materialet er bra, det er mye å lære, alt for å bli bedre, og det viktigste er å lære det du ønsker....
Matteo Comune
Takket være dem lærer jeg mye…
Takket være dem lærer jeg mye raskere fordi de hjelper deg med å forstå alt fra grunnen av. Det er den beste nettsiden for folk uten IT-bakgrunn...
Yuliana Cadavid
Flott kurs for nybegynnere
Flott kurs for nybegynnere, de tester kunnskapen din i hver leksjon....
Elpunzon
Jeg nyter min Codefinity-opplevelse…
Jeg nyter min Codefinity-opplevelse med å lære Python. Den selvstyrte læringsmåten er flott fordi jeg kan tilpasse den til timeplanen min...
Alexandru Alexandru
Det er hyggelig å lære fra Codefinity
Det er hyggelig å lære fra Codefinity. Det er enkelt og har gode eksempler på det jeg lærte her...
jacob Templet
Easy to follow along with and provides…
Lett å følge med på og gir utfordring i hverdagen min. Utfordringen får meg til å ville lære dag etter dag...
Elan
Codefinity er et omfattende læringsverktøy…
Codefinity er et omfattende læringsverktøy som hjelper deg med å utvikle ferdighetene dine som programvareingeniør eller datavitenskapsmann. Øvelsene er morsomme og en god måte å skjerpe ferdighetene dine på...
Thibault
Første gang jeg lærer å programmere
Første gang jeg lærer å programmere og lykkes med det takket være Codefinity – Takk!...
Adrien Morel
Godt designet for totale nybegynnere
Godt designet for totale nybegynnere, med inkrementell fremgang som gir meg selvtillit....
_Gracy
det er rett og slett perfekt forklart.
Det er rett og slett perfekt forklart! Så langt har jeg ikke opplevd noen vanskeligheter fordi alt er så godt organisert....
Data Engineer
Sertifikat for fullføring
Vis frem dine nyervervede ferdigheter. Du har fortjent det
Discover more
Learning tracks
Kun for Ultimate
7 Kurs
292 Oppgaver
Kun for Ultimate
6 Kurs
195 Oppgaver
Kun for Ultimate
4 Kurs
115 Oppgaver
Kun for Ultimate
6 Kurs
112 Oppgaver
Kun for Ultimate
4 Kurs
142 Oppgaver
Kun for Ultimate
3 Kurs
39 Oppgaver
Kun for Ultimate
7 Kurs
376 Oppgaver
Kun for Ultimate
7 Kurs
345 Oppgaver
Kun for Ultimate
6 Kurs
308 Oppgaver
Kun for Ultimate
5 Kurs
145 Oppgaver
Kun for Ultimate
7 Kurs
243 Oppgaver
Kun for Ultimate
3 Kurs
70 Oppgaver
Kun for Ultimate
7 Kurs
278 Oppgaver
Kun for Ultimate
5 Kurs
237 Oppgaver
Kun for Ultimate
4 Kurs
123 Oppgaver
Kun for Ultimate
4 Kurs
161 Oppgaver
Kun for Ultimate
3 Kurs
75 Oppgaver
Kun for Ultimate
6 Kurs
293 Oppgaver
Kun for Ultimate
5 Kurs
206 Oppgaver
Kun for Ultimate
3 Kurs
2 Prosjekter
50 Oppgaver
Kun for Ultimate
3 Kurs
180 Oppgaver
Kun for Ultimate
5 Kurs
184 Oppgaver
Learning tracks
spor
Webutvikling med C#
Nybegynner
4.7
(2897)
spor
Python fra Null til Helt
Nybegynner
4.6
(10398)
spor
SQL fra Nybegynner til Ekspert
Nybegynner
4.7
(3112)
spor
C++-Grunnleggende
Nybegynner
4.3
(713)
spor
Spillutvikling med Unity
Nybegynner
4.5
(140)
spor
Excel-Essensielt
Nybegynner
4.6
(485)
spor
Java Essensielt
Nybegynner
4.5
(309)
spor
Full Stack Webutvikling
Nybegynner
4.6
(1056)
spor
Grunnleggende Innen Frontend-Utvikling
Nybegynner
4.6
(1010)
spor
Mestring av Datavisualisering
Middelsnivå
4.6
(706)
spor
Maskinlæring – Fordypning
Middelsnivå
4.4
(169)
spor
C++ Mastery
Avansert
4.4
(25)
spor
Java Web
Avansert
4.7
(3431)
spor
Bli en QA-Ingeniør
Nybegynner
4.6
(870)
spor
Video Production With Adobe
Nybegynner
5.0
(7)
spor
UI/UX Designverktøy
Nybegynner
4.6
(11)
spor
Essensielle Kontorferdigheter
Nybegynner
4.6
(375)
spor
Digital Marketing Essentials
Nybegynner
4.4
(9)
spor
Complete Social Media Management
Nybegynner
5.0
(6)
spor
Business AI Toolkit
Nybegynner
4.6
(57)
spor
Nettsideutvikling Uten Koding
Nybegynner
4.3
(3)
spor
Deep Learning Odyssey
Avansert
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 skills
Personalized study tracks
Certificates of completion
Training 2 or more people?
Get your team access to Codefinity courses anytime, anywhere.
Try Codefinity Teams