Læringsspor Grunnleggende Innen Frontend-Utvikling - Online-opplæring med sertifikat

Grunnleggende Innen Frontend-Utvikling

Beginner

4.6

1329 reviews

31k+ Learners

Utforsk de grunnleggende pilarene i enhver webutviklers ferdighetssett. Begynn med HTML, hvor du vil lære å strukturere webinnhold, lage intuitiv navi…

293

Chapters

Learning hours

387

Assignments

AI Assistant

Shareable Certificate

Resultater

Track content

Related courses and projects

Attester

Funksjoner

Priser

Resultater

Track content

Related courses and projects

Attester

Funksjoner

Priser

Hva du vil lære

Structuring web content with HTML tags

Adding interactivity with JavaScript

Creating and validating HTML forms

Styling responsive layouts using CSS

Manipulating data with JavaScript structures

Mastering CSS Flexbox for layouts

Applying advanced CSS for animations

Building user-friendly web interfaces

Implementing JavaScript DOM manipulation

Learning track content

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.

Velkommen til HTML og Webutvikling

Hva er Internett?

Hvordan Fungerer Internett?

Forståelse av Hvordan Nettsteder Fungerer

Frontend- og Backend-utvikling Forklart

Oppdag kraften i koder for å strukturere innhold, fra overskrifter og avsnitt til lister og tabeller. Lær hvordan du kan forbedre elementene med attributter.

Forståelse av HTML-tagger

Arbeide med HTML-attributter

Forståelse av parvise og enkeltstående tagger i HTML

Tekstmarkering

Organisering av Lister

Utfordring: Lag Ditt Første Avsnitt På En Nettside

Utfordring: Lag en Personlig Introduksjonsnettside

Utfordring: Design en Filmside for Visning

Bruk av Lenker

Legge til Knapper

Utfordring: Opprett Lenker til Populære Nettsteder

Validere HTML-koden din for beste praksis

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.

Hemmelighetene Bak Velstrukturerte Nettsider

Forståelse av HTML-dokumentstruktur

Rollen til dokumenthodet

Håndtering av Dokumentflyt og Layout

Utfordring: Strukturer et HTML-dokument Korrekt

Bruk av Utviklerverktøy for Inspeksjon og Feilsøking av HTML

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.

Legge til Bilder i HTML

Utfordring: Arbeid med Bilder

Arbeide med Klikkbare Bilder, Bildetekster og Optimalisering

Forståelse av vektor- og rastergrafikk

Innbygging av lyd for rik media

Legge til Videoelement

Utfordring: Bygg Inn Lyd og Video i HTML

Oppretting og Strukturering av Tabeller i HTML

Utfordring: Design Et Funksjonelt HTML-Tabell

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.

Introduksjon til HTML-skjemaer

Grunnleggende om Opprettelse av Skjemaer i HTML

Bruk av etiketter for bedre tilgjengelighet i skjemaer

Forbedring av Skjemaer med Input-Attributter

Utforsking av Ulike Inputtyper i HTML

Utfordring: Lag Skjema med Inndatafelt og Etiketter

Arbeide med textarea-elementet for flervalgslinjet innskriving

Bruk av select-elementet for nedtrekksmenyer

Bruk av datalist-elementet for forhåndsdefinerte inndataforslag

Gruppering av Skjemaelementer for Bedre Struktur

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.

Hva er CSS og hvorfor er det viktig?

Koble CSS til et HTML-dokument

Beherske CSS-selektorer for styling av HTML-elementer

Utfordring: Bruk Dine Første CSS-Stiler

Utfordring: Stil med Klassevelgere

Forbedring av Stiler med Brukerhandlings-Pseudoklasser

Utfordring: Bruk Brukerhandlings-Pseudoklasser

Endre Tekstfarger i CSS

Optimalisering av Arbeidsflyt for Effektiv CSS-Koding

Utfordring: Bruk Variabler for Bedre CSS-håndtering

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.

Beherske Tekststil i CSS

Teknikker for Tekstformatering for Lesbarhet

Utfordring: Formater Tekst med CSS

Legge til egendefinerte skrifttyper på en nettside

Forståelse og Bruk av Font-Egenskaper

Utfordring: Utforsk Skriftegenskaper

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.

Hva er CSS-boksmodellen?

Forståelse av Boksstørrelse i CSS

Legge til Plass med Marger og Polstring

Utfordring: Bruk boksstørrelse på elementer

Bruk av strukturelle og funksjonelle pseudoklasser

Utfordring: Øv på Strukturelle Pseudoklasser

Forståelse av blokk-, inline- og inline-blokk-elementer

Arbeide med Blokk-Nivå Elementer

Arbeide med Inline-Elementer

Utfordring: Forutsi Sidelayout med Ulike Elementtyper

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.

Hva er Flexbox og Hvorfor Bruke Det?

Angi Flex-retning for Oppsett

Horisontal Justering av Innhold i Flexbox

Justering av elementer vertikalt i Flexbox

Forståelse av Egenskaper for Flex-Elementer

Utfordring: Bruk Flexbox-Konsepter

Utfordring: Bygg et Oppsett med Flexbox

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.

Bruk av Bakgrunnsfarger for Design

Bruke Bakgrunnsbilder på Elementer

Arbeide med Bilder i CSS

Lage Effekter med Dekorative Pseudo-Elementer

Legge til Skygger for Dybde og Stil

Utfordring: Implementere Dekorative Effekter i CSS

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?

Kursoversikt og Læringsutbytte

Temaer Dekket I Dette Kurset

Suksesstips for å Lære Avansert CSS

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.

Forståelse av CSS-posisjonering

Relativ Posisjonering Forklart

Utfordring: Bruk Relativ Posisjonering

Absolutt Posisjonering i CSS

Utfordring: Implementere Absolutt Posisjonering

Fast Posisjonering for Klebrige UI-Elementer

Utfordring: Arbeid med Fast Posisjonering

Sticky-Posisjonering for Dynamiske Oppsett

Utfordring: Mestre Sticky-posisjonering

Håndtering av Stablerekkefølgen til Elementer

Utfordring: Kontrollere Z-indeks og Overlappende Elementer

Håndtering av Innholdsoverflyt i CSS

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.

Introduksjon til CSS-overganger

Velge Riktige Overgangsegenskaper

Angi Overgangsvarighet for Effekter

Tilpasse Overganger med Tidsfunksjoner

Legge til forsinkelse i CSS-overganger

Kombinere Overganger

Utfordring: Legg til en Jevn Overgangseffekt

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.

Hva er CSS-animasjoner?

Definere Animasjonsvarighet og Tidsinnstilling

Kontroll av Animasjonsiterasjon og Retning

Håndtering av Animasjonstilstander i CSS

Sammensetting av Flere Animasjoner

Utfordring: Implementere CSS-animasjon

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.

Introduksjon til CSS-transformasjoner

Skalering av Elementer

Rotering av elementer i 2D og 3D

Utfordring: Bruk Skalering og Rotasjon

Oversetting av elementer for dynamiske effekter

Skråstilling av Elementer for Unike Design

Bruk av Perspektiv for Dybdeeffekter

Utfordring: Kombiner Translasjon og Skeving

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.

Hva er responsivt webdesign?

Bruk av @media-spørringer for adaptive stiler

Bygge Fleksible Oppsett for Ulike Skjermstørrelser

Inspisere Nettsider

Utfordring: Inspiser Adaptivt Oppsett

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.

Introduksjon til CSS-forprosessorer

Forståelse av Sass-syntaks for Bedre CSS

Bruk av Sass-Variabler for Gjenbrukbare Stiler

Utføre Beregninger med Sass Numeriske Operatorer

Nesting av Stiler for Renere Kode

Utvidelse av Stiler med @extend-direktivet

Organisering av Sass-filer for skalerbare prosjekter

En introduksjon til JavaScript som dekker grunnleggende syntaks, sentrale begreper og terminologi som danner grunnlaget for å lære avanserte funksjoner. Seksjonen inkluderer praktiske oppgaver for å øve på disse konseptene og gjøre innholdet lett å huske uten anstrengelse.

Første JavaScript-konsollapplikasjon

Utfordring: Vise Noe Output

Utfordring: Skrive Ut Flere Linjer

Håndtering av Tall

Utfordring: Arbeid med Tall

Utfordring: Beregning av Bilens Hastighet

Utfordring: Beregning av Arealet til et Trapes

Utskrift av Flere Verdier

Utfordring: Meningsfull Utskrift i Konsollen

Hvordan Bruke Kommentarer i JavaScript?

Utfordring: Legge til en Kommentar

Flerlinjekommentarer

Utfordring: Kommentere Ut Kode

Hva er egentlig JavaScript?

Lær hvordan du lagrer data og henter dem senere ved hjelp av variabler. Utforsk i tillegg grunnleggende datatyper og forstå hvordan de samhandler med hverandre.

Lagring av Data

Utfordring: Deklarere en Variabel

Utfordring: Tilgang til Data fra en Variabel

Utfordring: Rette Variabelnavn

Utfordring: Tilordne en Variabel på Nytt

Konstanter

Utfordring: Deklarering og Bruk av Konstanter

Utføre Aritmetikk på Variabler

Utfordring: Lage en Lønnskalkulator

Utfordring: Justere Lønn Med En Bonus

Utforsking av Primitive Datatyper

Utfordring: Deklarere en Boolsk Verdi

Hvordan Ulike Datatyper Samhandler

Utfordring: Sammenkobling av Strenger

Utfordring: Opprette Brukerprofil og Aktivitetsdetaljer

Lær hvordan du skriver uttrykk som evalueres til "sann" eller "usann" basert på betingelser, for eksempel "Er X lik Y?". Dette etterfølges av en utforskning av betingede setninger som muliggjør betinget kjøring av spesifikke kodelinjer.

Sammenligningsoperatorer

Utfordring: Sjekk av Aldersberettigelse

`If`-Setningen

Utfordring: Værbasert Antrekksanbefaler

Utfordring: Partall eller Oddetall

Nestede Betingede Setninger

`Else`-setningen

Utfordring: Forbedre Partall- eller Oddetallskontroll

Utfordring: Temperaturveileder

`Else If`-Setningen

Utfordring: Karakterkategorisering

`Og` Logisk Operator

Utfordring: Sjekke om et Tall er Partall og Positivt

Eller-logisk operator

Utfordring: Tilgangskontrollsystem

En kraftig programmeringsfunksjon kalt en funksjon muliggjør utførelse av en kodeblokk flere ganger med minimal gjentakelse. Seksjonen introduserer kjernebegreper og syntaks for å definere og bruke funksjoner effektivt.

Hva er funksjoner?

Utfordring: Enkel Funksjon

Utfordring: Beregning av Bilens Hastighet

Omfang

Overføring av data til funksjoner

Utfordring: Fikse Hastighetsfunksjonen

Utfordring: Forbedre Karakterkategoriseringen

Utfordring: Definere en Sammensatt Funksjon

Returnere Data fra Funksjoner

Standardverdier

Utfordring: E-postautosvarer med standardparametere

Konseptet med arrayer introduseres som en måte å organisere og håndtere datasamlinger på. Materialet dekker hvordan arrayer strukturerer data og muliggjør effektive operasjoner på flere verdier.

Hva Er Matriser?

Utfordring: Definere et Array

Utfordring: Indeksering

Legge til Verdier i et Array

Utfordring: Legge til elementer i en tabell

Fjerning av Elementer fra en Matrise

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

`Length`-egenskapen

Utfordring: Telle Elementer

The `Includes`-Metoden

Utfordring: Søk Etter Dyr i Dyrehagen

Løkker er en grunnleggende funksjon i programmering som brukes for å redusere gjentakelser og håndtere repeterende oppgaver effektivt. Innholdet dekker de tre hovedtypene løkker i JavaScript, deres syntaks, bruksområder, og hvordan de kan kombineres med arrayer for å effektivisere operasjoner og forbedre ytelsen.

For-løkke

Oppgave: Skrive ut en sekvens

While-løkke

Utfordring: Utskrift av Fibonacci-sekvens

Do-while-løkke

Utfordring: Tilfeldig Multiplum av 7

Bruk av Løkker med Arrayer

Utfordring: Finne Gjennomsnittsprisen på Varer

Sammendrag

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.

Introduksjon til JavaScript-datastrukturer

Forutsetninger for å Lære JavaScript Datastrukturer

Hva du vil lære i dette kurset

Tips for Suksess

Utforsk kjernebegrepene i JavaScript-objekter. Denne delen dekker det grunnleggende om opprettelse av objekter, håndtering av egenskaper og implementering av metoder.

Forståelse av Objekter i JavaScript

Oppretting av Objekter i JavaScript

Arbeide med Nestede Objekt-Egenskaper

Utfordring: Opprett og Strukturer et Objekt

Tilgang til Objekt-Egenskaper i JavaScript

Utfordring: Hent Objektets Egenskapsverdier

Håndtering av Objekt-Egenskaper

Utfordring: Endre og Utvide et Objekt

Definere Objektmetoder

Bruk av Egenskaper i Metoder

Utfordring: Arbeid med Objektmetoder

Oppsummering av Grunnleggende JavaScript-Objekter

Fordyp deg i avanserte teknikker for arbeid med JavaScript-objekter. Denne delen utforsker ulike strategier for effektiv manipulering og interaksjon med objekter.

Iterasjon Over Objekt-Egenskaper Med For...In-Løkken

Utfordring: Utforsk Objektets Egenskaper med Iterasjon

Bruk av hasOwnProperty() for å Kontrollere Objektets Egenskaper

Utfordring: Iterasjon Over Objekt-Egenskaper Med hasOwnProperty()

Kloning og Sammenslåing av Objekter med Spread-Operatoren

Utfordring: Kombiner Objekter med Spredningsoperatoren

Destrukturering av Objekter for Renere Kode

Utfordring: Hent ut Data med Objekt-destrukturering

Oppsummering Av Avansert Objektmanipulering

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.

Forståelse av JavaScript-Arrays

Utfordring: Få Tilgang til Elementer i Array

Modifisering av Arrayer og Tilgang til Elementer

Utfordring: Endre Elementer i Array

Iterasjon Over Arrayer med For-Løkken

Utfordring: Løkke Gjennom Arrayer med For

Bruk av for...of-løkke for iterasjon over matriser

Utfordring: Effektiv Iterasjon over Arrayer med for...of

Oppsummering av Mestring av JavaScript-Arrays

Behersk avanserte ferdigheter i array-manipulering, med ulike teknikker og metoder for effektiv håndtering av arrayer i flere scenarioer.

Transformasjon av Arrayer med map()-Metoden

Utfordring: Endre Array-Elementer ved Bruk av map()

Filtrering av Arrayer med Filter()-Metoden

Utfordring: Velg Spesifikke Data Med filter()

Finne Elementer i et Array med Find()-Metoden

Utfordring: Søk Etter Elementer Med Find()

Sortering av Arrayer med sort()-Metoden

Utfordring: Sorter og Hent ut Data med sort()

Oppsummering av Avanserte Array-metoder og Transformasjoner

Kursoppsummering

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.

Komme i Gang

Forståelse av Klasseerklæringer i JavaScript

Utfordring: Opprett en JavaScript-klasse

Definere Metoder i JavaScript-Klasser

Utfordring: Legg til Metoder i en Klasse

Bruk av Parameterobjekter

Arbeide med Private Egenskaper i Klasser

Challenge: Implement Private Properties in a Class

Håndtering av Egenskaper med Getters og Setters

Utfordring: Implementere Getters og Setters i en Klasse

Utforsking av Statiske Egenskaper i JavaScript

Bruk av statiske metoder i JavaScript

Utfordring: Implementere Statiske Egenskaper og Metoder i en Klasse

Forståelse av Arv med Extends og Super()

Utfordring: Implementer Klassearv med Extends og Super()

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.

Hva er dokumentobjektmodellen (DOM)?

Forespørsel og Valg av Elementer i DOM-en

Utfordring: Spørring og Valg av DOM-elementer

Forståelse av DOM-hierarki og relasjoner

Utfordring: Naviger i DOM-hierarkiet

Utforsking av DOM-Egenskaper i JavaScript

Arbeide med Elementattributter i DOM-en

Utfordring: Håndtere Elementegenskaper og Attributter

Legge til elementer i DOM-en dynamisk

Fjerning av Elementer fra DOM

Utfordring: Legg til og fjern DOM-elementer

Endre Elementstiler med JavaScript

Utfordring: Bruk Dynamiske Stiler på DOM-Elementer

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.

Introduksjon til Hendelser og Hendelseslyttere

Forståelse av Event-Objektet i JavaScript

Utfordring: Implementere Hendelseslyttere

Forklaring av Hendelsespropagering og Delegering

Utfordring: Håndter Hendelsespropagering og Delegering

Arbeide med Tastatur- og Musehendelser

Håndtering og Fjerning av Hendelseslyttere

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.

Introduksjon til Asynkron JavaScript

Forståelse av Callbacks i JavaScript

Håndtering av asynkrone operasjoner med løfter

Bruk av Async/Await for Mer Oversiktlig Asynkron Kode

Henting og Arbeid med API-er i JavaScript

Integrering av API-er i JavaScript-applikasjoner

Utfordring: Hent og Bruk API-data

Integrering av Tredjepartsbiblioteker i JavaScript

Utfordring: Arbeid med Tredjepartsbiblioteker

Håndtering av Flere Asynkrone Forespørsler

Forbedre dine tekniske ferdigheter!

med opptil 55% rabatt

Features:

*Tracks not included in Pro plan

500+ topprangerte kursBanebrytende AI Copilot

Personlige studieløp40+ praktiske prosjekter fra virkeligheten

Uten oppsigelse, før den valgte rabatterte planen utløper, godtar jeg at Codefinity automatisk belaster $104 hver 3. måned til jeg kansellerer. Les mer om oppsigelses- og refusjonspolicy på Abonnementsvilkår.

Recommended Courses and Projects

HTML-Grunnleggende

Behersk det grunnleggende i HTML for å bygge godt strukturerte og tilgjengelige nettinnhold. Lær hvordan du strukturerer dokumenter ved hjelp av tagger, elementer og attributter. Arbeid trygt med tekst, lister, bilder, lyd og video for å berike nettsider. Lag tabeller for organisert data og skjemaer for brukerinnsending og interaksjon. Oppdag semantisk HTML for å forbedre tilgjengelighet og bygg komplette, funksjonelle nettsidestrukturer fra bunnen av.

JavaScript Ninja

Velkommen til JavaScript Ninja-kurset! Dette engasjerende og interaktive kurset er designet for å introdusere deg til grunnleggende JavaScript-programmering gjennom et morsomt og lærerikt spill. Du vil veilede en ninja gjennom ulike utfordringer, bruke JavaScript for å kontrollere bevegelser og samhandle med objekter som sushi. Fra starten med det grunnleggende, vil du lære hvordan du navigerer på kartet, plukker opp og plasserer sushi, og gradvis går videre til mer komplekse programmeringskonsepter som funksjoner, løkker og betingede utsagn. Hvert kapittel tilbyr praktisk øvelse for å styrke læringen din, og kulminerer i spennende utfordringer som tester ferdighetene dine. Enten du er en nybegynner eller ønsker å skjerpe dine kodeferdigheter, gir dette kurset en omfattende og hyggelig læringsopplevelse. Bli med oss og bli en kode-ninja!

Introduction to QA

In this course, the user will get an introduction on how to perform manual testing on primarily web applications. The skills aquired in this course can be used in automation testing as well.

Test Automation with Jest and Selenium

Build on top of your previously acquired Manual Testing knowledge and learn Automation Testing using Node.JS and Jest. This course will also introduce you to some additional libraries and tools like Selenium, Axios and Jenkins.

Functions in JavaScript

JavaScript functions from the fundamentals to modern syntax and best practices. Gain understanding of how functions shape every part of JavaScript, helping create clean, modular, and efficient code. Master both classic patterns and modern approaches to writing reusable, maintainable functions for any project.

DOM Manipulation with JavaScript

A practical introduction to JavaScript DOM manipulation for beginners. This course covers everything from understanding the DOM and selecting elements to modifying content, handling events, and writing efficient code. Build interactive, dynamic web pages with confidence through guided examples and hands-on practice.

JavaScript Array Methods

Master the most practical and commonly used JavaScript array methods, progressing from foundational techniques to advanced functional programming patterns. Each chapter introduces a new method, explains its purpose, demonstrates real-world usage, and tests your understanding.

Testing JavaScript Code

A practical, beginner-friendly course that teaches how to test JavaScript code. Learn why testing matters, how Jest works, and how to write reliable tests for synchronous and asynchronous logic. Move from foundational skills to advanced techniques like mocking, spying, and TDD, gaining the tools to create more stable and maintainable applications.

Asynchronous JavaScript Explained

Master the core concepts of asynchronous programming in JavaScript, from the event loop to modern async/await syntax. Learn how JavaScript handles non-blocking operations, why asynchronous code is essential, and how to write robust, readable, and maintainable asynchronous code using Promises and async/await.

Conditional Statements and Loops in JavaScript

A clear, interactive introduction to program logic in JavaScript. This course explains how decisions, conditions, and loops shape the way programs run, using relatable examples and hands-on practice. Build the foundation for writing flexible, efficient, and readable code that truly responds to logic.

JavaScript Web APIs Essentials

Explore the most useful web APIs. Learn to work with drag and drop, clipboard access, fullscreen mode, storage APIs, file uploads, and geolocation to create interactive and engaging web features. Reinforce your skills with hands-on mini projects that put each API into practice.

Working with JSON and Local Storage in JavaScript

A clear and practical introduction to JSON and browser storage in JavaScript. Learn how to structure and manipulate JSON data, parse and stringify objects, and store information persistently using localStorage and sessionStorage.

Discover more Learning Tracks

spor

Webutvikling med C#

Nybegynner

SQL fra Nybegynner til Ekspert

Nybegynner

C++-Grunnleggende

Nybegynner

Spillutvikling med Unity

Nybegynner

Bli en React-Utvikler

Middelsnivå

Java Essensielt

Nybegynner

Full Stack Webutvikling

Nybegynner

Mestring av Datavisualisering

Middelsnivå

Maskinlæring – Fordypning

Middelsnivå

C++ Mastery

Avansert

Java Web

Avansert

Hvorfor folk velger 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 kodemiljø

Dykk inn i vårt interaktive miljø: skriv og kjør koden din med sanntids tilbakemelding og suksessmålinger—lær ved å gjøre på hvert trinn.

AI-drevet støtte

Bruk den innebygde AI-assistenten til å forklare feil, foreslå løsninger eller svare på spørsmål om koden din—slik at du forblir produktiv og aldri står fast.

Check your progress

Avslutt hver modul med en rask quiz som gir umiddelbar tilbakemelding, sporer fremgangen din og sikrer at du har mestret viktige konsepter.

Promote your expertise

Tjen ditt bransjeanerkjente sertifikat ved fullføring og del det på LinkedIn med ett klikk—la nettverket ditt se hva du kan gjøre.

Stolte på av ansatte i ledende selskaper
og studenter fra toppuniversiteter

Full tilgang til katalogen

Et abonnement gir tilgang til dette kurset og hele katalogen vår av prosjekter og ferdigheter.

Features:

500+ topprangerte kursBanebrytende AI Copilot

Personlige studieløp40+ praktiske prosjekter fra virkeligheten

Prøv Codefinity med tillit – 30-dagers pengene-tilbake-garanti inkludert

For å ønske deg velkommen til Codefinity, tilbyr vi opptil 64% rabatt på våre kurs. I tillegg har vi en 30-dagers pengene-tilbake-garanti, slik at du kan prøve oss uten risiko.Vi ser virkelig frem til å ønske deg velkommen til vår plattform og er forpliktet til å gjøre din læringsopplevelse enkel, interaktiv og morsom.

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å umiddelbar tilgang til 500+ kurs

Ubegrenset læring, umiddelbar tilgangFå full tilgang til alle kurs og spor, inkludert videoinnhold, quizer og dyptgående materialer—start læringen når som helst.

Bransjeanerkjente sertifikaterTjen sertifikater som bekrefter din ekspertise og styrker karrieren din innen teknologi, AI, data, markedsføring og mer.

KI-assistert læringFå personlige hint, sanntids tilbakemelding og AI-drevne forklaringer for å akselerere fremgangen din.

Stadig utvidelse: Nye kurs og karrieresporHold deg foran med stadig oppdaterte kurs, karriereveikart, utfordringer og praktiske prøver.

Bygg ferdigheter som betyr noeMestre etterspurte ferdigheter med kurs i AI, datavitenskap, programmering, markedsføring, automatisering, webutvikling og mer.

Interaktiv og sømløs læringEngasjer deg med praktiske prosjekter, virkelige øvelser og en intuitiv læringsopplevelse — ingen ekstra verktøy nødvendig.

Hva du vil lære

Webutvikling med C#

SQL fra Nybegynner til Ekspert

C++-Grunnleggende

Spillutvikling med Unity

Bli en React-Utvikler

Java Essensielt

Full Stack Webutvikling

Mestring av Datavisualisering

Maskinlæring – Fordypning

C++ Mastery

Java Web

Hvorfor folk velger Codefinity

Stolte på av ansatte i ledende selskaper og studenter fra toppuniversiteter

Full tilgang til katalogen

Prøv Codefinity med tillit – 30-dagers pengene-tilbake-garanti inkludert

Få umiddelbar tilgang til 500+ kurs

Stolte på av ansatte i ledende selskaper
og studenter fra toppuniversiteter