

Usikker på hvor
starte?
Track
Sertifikat
Grunnleggende Innen Frontend-Utvikling
4.6+
★★★★★
★★★★★
1010 omtaler
Beginner
Utforsk de grunnleggende pilarene i enhver webutviklers ferdighetssett. Begynn med HTML, hvor du vil lære å strukturere webinnhold, lage intuitiv navigasjon og sømløst integrere multimedieelementer. Vis mer
HTML/CSS
JavaScript
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
- Structure and organize web content using HTML.
- Style and design responsive layouts with CSS.
- Apply advanced CSS techniques for positioning, animation, and responsive design.
- Write JavaScript to add interactivity and dynamic behavior to web pages.
- Work with JavaScript data structures to manage and manipulate data.
- Use the DOM to build interactive and user-friendly web interfaces.
- 259 chapters
- 32 hours
- 308 tasks
Trusted by employees of leading companies
Learning track content
Module 1 / Ultimate HTML
Utforsk hvordan nettet fungerer. Lær hvordan data reiser over nettverk, oppdag rollen til protokoller, og løs mysteriene med IP-adresser og domenenavn. Få en overordnet forståelse av hvordan nettlesere og servere kommuniserer for å levere nettinnhold.
Oppdag kraften i koder for å strukturere innhold, fra overskrifter og avsnitt til lister og tabeller. Lær hvordan du kan forbedre elementene med attributter.
Kjernen i HTML-dokumentstrukturen. Lær komponentene i et HTML-dokument, inkludert doctype-erklæringen, head og body. Forstå formålet med hvert element og hvordan de bidrar til den overordnede strukturen på en nettside.
Gjør en nettside mer tiltalende ved hjelp av media som bilder, lyd og video. Arbeid med strukturert tabulær data i form av tabeller.
Utforsk allsidigheten til HTML-skjemaer. Lær å designe intuitive og brukervennlige skjemaer ved å utnytte nøkkelkonsepter og teknikker. Oppdag hvordan skjemaer muliggjør brukerinteraksjon og datasending på nettsteder.
Module 2 / CSS-Grunnleggende
Lær hva CSS er, hvordan det kobles til HTML, og hvordan HTML-elementer styles ved hjelp av selektorer. Utforsk grunnleggende konsepter som tekstfarger, brukerhandlings-pseudoklasser og variabler i CSS.
Utforsk hvordan du kan style og formatere tekst på nettsidene dine. Lær å bruke egendefinerte skrifttyper og undersøk ulike skriftegenskaper for å forbedre tekstens utseende.
Lær det grunnleggende om boksmodellen, som definerer oppsett og avstand for elementer på en nettside. Utforsk konsepter som boksstørrelse, å legge til avstand til elementer, arbeid med blokk- og linjeelementer, samt bruk av strukturelle og funksjonelle pseudoklasser for avansert styling.
Utforsk Flexbox, en kraftig CSS-metode for å arrangere elementer i rader og kolonner. Lær hvordan du kontrollerer retning, justering og avstand mellom elementer horisontalt og vertikalt, samt tilpasser individuelle flex-elementer for presise oppsett.
Lær hvordan du kan forbedre det visuelle uttrykket på nettsidene dine med CSS. Utforsk teknikker for å bruke bakgrunnsfarger og bakgrunnsbilder, style bilder, benytte dekorative pseudo-elementer og legge til skygger for å skape imponerende design.
Module 3 / Avanserte CSS-teknikker
Undersøk hva deltakerne kan forvente av dette kurset i avansert HTML og CSS-styling. Hvilke forkunnskaper kreves før du starter kurset? Hvilke emner vil bli dekket?
Posisjonering og håndtering av elementer på nettsider. Lær om ulike posisjonerings-egenskaper, oppdag hvordan du bruker stablingsrekkefølge for å kontrollere synligheten til overlappende elementer, og håndter til slutt innhold som flyter utenfor.
Utforsk kraften i overganger og lær hvordan du kan forbedre brukeropplevelsen. Oppdag hvordan egenskaper kan animeres jevnt og gradvis for å skape sømløse tilstandsendringer.
Lær om animasjonsegenskapen og hvordan den kan brukes til å skape dynamiske og engasjerende design. Oppdag hvordan du kan lage komplekse animasjoner ved hjelp av nøkkelbilder og hvordan du kan kontrollere animasjonen.
Utforsk transformasjonsegenskapen, som gjør det mulig å endre utseendet og posisjonen til elementer på en nettside. Lær hvordan du kan skalere, rotere, skjevstille og flytte elementer i to og tre dimensjoner. Kombiner flere transformasjoner for å skape mer komplekse effekter.
Prinsippene og teknikkene som brukes i adaptivt og responsivt design har som mål å gjøre nettsteder og applikasjoner tilgjengelige og visuelt tiltalende på tvers av ulike enheter, skjermstørrelser og orienteringer.
Lær om forprosessorer i CSS og hvordan de kan bidra til å skrive mer effektiv og vedlikeholdbar kode. Forstå hvordan forprosessorer kan forenkle arbeidsflyten og generere renere CSS-kode.
Module 4 / Introduksjon til JavaScript
Utforsk det grunnleggende i JavaScript, inkludert formål og syntaks. Lær hvordan du bruker konsollen for utdata og benytter kommentarer for å organisere og dokumentere koden din. Disse grunnleggende ferdighetene forbereder deg på en dypere utforskning av JavaScripts muligheter.
Utforsk grunnleggende elementer i JavaScript ved å skille mellom litteraler og variabler. Forstå de sentrale datatypene, inkludert `null` og matriser, og lær hvordan de kan manipuleres ved hjelp av matrismetoder.
Lær hvordan du manipulerer JavaScripts datatyper gjennom essensielle operasjoner. Bli fortrolig med tildeling, matematiske operasjoner, inkrementering og dekrementering, sammenligninger, logiske operasjoner og strengkonkatenering.
Lær hvordan du kan kontrollere flyten i programmene dine med betingede setninger. Behersk `if`, `else` og `else if` for å instruere JavaScript til å ta beslutninger og utføre kode basert på ulike betingelser.
Effektiviser koden ved å beherske JavaScript sine løkkestrukturer. Utforsk `while`-, `do while`- og `for`-løkker, og lær hvordan du kan kontrollere deres oppførsel ved hjelp av `break` og `continue`. Utnytt kraften i løkker for å utføre repeterende oppgaver effektivt.
Oppdag kraften i funksjoner i JavaScript. Lær hvordan du definerer funksjoner, arbeider med argumenter, og bruker `return`-setningen for å lage gjenbrukbar og effektiv kode. Å mestre funksjoner vil forbedre evnen din til å skrive ryddige og modulære programmer.
Module 5 / Javascript Datastrukturer
Få en tydelig oversikt over hva som kommer, forstå forutsetningene, og lær verdifulle tips for å legge til rette for suksess når du utforsker objekter, arrayer og grunnleggende programmeringskonsepter.
Utforsk kjernebegrepene i JavaScript-objekter. Denne delen dekker det grunnleggende om opprettelse av objekter, håndtering av egenskaper og implementering av metoder.
Fordyp deg i avanserte teknikker for arbeid med JavaScript-objekter. Denne delen utforsker ulike strategier for effektiv manipulering og interaksjon med objekter.
Legg ut på en reise inn i JavaScript-arrays. Denne delen gir et solid grunnlag for å opprette arrays, håndtere elementer og utføre grunnleggende array-operasjoner.
Behersk avanserte ferdigheter i array-manipulering, med ulike teknikker og metoder for effektiv håndtering av arrayer i flere scenarioer.
Module 6 / Avansert JavaScript-mestring
Lær det grunnleggende om JavaScript-klasser, fra klassedeklarasjoner til å definere metoder som utvider funksjonaliteten. Oppdag hvordan du bruker parameterobjekter effektivt, håndterer private egenskaper og kontrollerer tilgang med getters og setters. Mestre statiske egenskaper og statiske metoder, og utnytt kraften i klassearv ved å bruke "extends" og "super()" for å bygge skalerbar og gjenbrukbar kode.
Behersk DOM-manipulering for å lage dynamiske, interaktive webapplikasjoner. Naviger og endre DOM-strukturen, oppdater innhold dynamisk, og implementer beste praksis for sikkerhet og ytelse. Skille mellom egenskaper og attributter for å optimalisere koden din.
Lås opp interaktiviteten i dine webapplikasjoner ved å mestre JavaScript-hendelser. Forstå hendelsespropagering, kontroller hendelsesatferd, og implementer effektiv hendelseshåndtering for brukerinteraksjoner. Optimaliser ytelsen med avanserte teknikker som hendelsesdelegering.
Fordypning i asynkron JavaScript, inkludert callbacks, Promises og async/await. Lær hvordan du henter data fra API-er, integrerer tredjepartsbiblioteker og håndterer flere forespørsler effektivt, for å utvikle ferdigheter i å lage datadrevne applikasjoner.
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
4 Kurs
98 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
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
Bli en React-Utvikler
Middelsnivå
4.3
(93)
spor
Excel-Essensielt
Nybegynner
4.6
(485)
spor
Java Essensielt
Nybegynner
4.5
(309)
spor
Full Stack Webutvikling
Nybegynner
4.6
(1056)
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