Usikker på hvor
starte?

Track

Sertifikat

Grunnleggende Innen Frontend-Utvikling

4.6+

★★★★★

59 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 Teams

What 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.

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

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 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.

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.

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…

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

	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

Grunnleggende Innen Frontend-Utvikling

TEST TRACK 12

Full Stack Webutvikling

Bli en React-Utvikler

Mestring av Datavisualisering

SQL fra Nybegynner til Ekspert

C++-Grunnleggende

Python fra Null til Helt

Maskinlæring – Fordypning

Python Utover Mellomnivå

Java Essensielt

Spillutvikling med Unity

Become a Django Developer

Flask for Dummies

Web Developer from Zero to Hero

Preparation for Data Science

Deep Learning Odyssey

Webutvikling med C#

TEST E2E TRACK BEGINNER

Test Track

Skilled Python BackEnd Developer

Test Recalculate

Excel-Essensielt

Full-Stack .NET Developer Journey

Full-Stack .NET Developer Journey

Test track with rating

TEST TEST TRACK

Dataanalytiker Grunnlag

C++ Mastery

Java Web

Bli en QA-Ingeniør

Video Production With Adobe

UI/UX Designverktøy

Test image upload track

Essensielle Kontorferdigheter

GitHub from Zero to Hero

Nettsideutvikling Uten Koding

C Programming & Low-Level Development

testes

Test translation track

Test CMS Track

Python for Data Analysis

Digital Marketing Essentials

Complete Social Media Management

Business AI Toolkit

Ready to get started?