Lärandespår Grunderna i Frontend-Utveckling - Online-utbildning med certifikat

Grunderna i Frontend-Utveckling

Beginner

4.6

1336 reviews

32k+ Learners

Utforska de grundläggande pelarna i varje webbutvecklares färdighetsuppsättning. Börja med HTML, där du lär dig att strukturera webbens innehåll, skap…

293

Chapters

Learning hours

387

Assignments

AI Assistant

Shareable Certificate

Resultat

Track content

Related courses and projects

Omdömen

Funktioner

Priser

Resultat

Track content

Related courses and projects

Omdömen

Funktioner

Priser

Vad du kommer att lära dig

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

Utforska webben inre funktioner. Lär dig hur data färdas över nätverk, upptäck protokollens roll och lös mysterierna med IP-adresser och domännamn. Få en övergripande förståelse för hur webbläsare och servrar kommunicerar för att leverera webb-innehåll.

Välkommen till HTML och Webbutveckling

Vad är Internet?

Hur Fungerar Internet?

Förstå Hur Webbplatser Fungerar

Frontend- och Backendutveckling Förklarad

Upptäck kraften i taggar för att strukturera innehåll, från rubriker och stycken till listor och tabeller. Lär dig hur du förbättrar elementen med attribut.

Förståelse av HTML-taggar

Att Arbeta med HTML-Attribut

Förståelse av Parade och Enkla Taggar i HTML

Textmarkering

Organisera Listor

Utmaning: Skapa Ditt Första Webbsidesstycke

Utmaning: Skapa en Personlig Introduktionswebbsida

Utmaning: Designa en Filmskylt-Webbsida

Använda Länkar

Lägga till knappar

Utmaning: Skapa länkar till populära webbplatser

Validering av Din HTML-Kod Enligt Bästa Praxis

Kärnan i HTML-dokumentstrukturen. Lär dig komponenterna i ett HTML-dokument, inklusive doctype-deklarationen, head och body. Förstå syftet med varje element och hur de bidrar till den övergripande strukturen på en webbsida.

Hemligheterna Bakom Välstrukturerade Webbsidor

Förståelse av HTML-dokumentstruktur

Dokumenthuvudets Roll

Hantering av Dokumentflöde och Layout

Utmaning: Strukturera Ett HTML-Dokument Korrekt

Användning av Utvecklarverktyg för HTML-inspektion och Felsökning

Gör en webbsida mer tilltalande med hjälp av media som bilder, ljud och video. Arbeta med strukturerad tabulär data i form av tabeller.

Lägga till Bilder i HTML

Utmaning: Arbeta med Bilder

Arbete med Klickbara Bilder, Bildtexter och Optimering

Förståelse för Vektor- och Rastergrafik

Bädda in Ljud för Rik Media

Lägga till Videoelement

Utmaning: Bädda in Ljud och Video i HTML

Skapa och Strukturera Tabeller i HTML

Utmaning: Skapa en Funktionell HTML-Tabell

Utforska mångsidigheten hos HTML-formulär. Lär dig att designa intuitiva och användarvänliga formulär genom att utnyttja viktiga koncept och tekniker. Upptäck hur formulär möjliggör användarinteraktion och dataöverföring på webbplatser.

Introduktion till HTML-formulär

Grunderna i Formulärskapande i HTML

Användning av etiketter för bättre tillgänglighet i formulär

Förbättra Formulär med Inmatningsattribut

Utforska Olika Inputtyper i HTML

Utmaning: Skapa Formulär med Inmatningsfält och Etiketter

Arbete med Textarea-Elementet för Flerradig Inmatning

Använda Select-Elementet för Rullgardinsmenyer

Användning av Datalist-Elementet för Fördefinierade Inmatningsförslag

Gruppering av Formelement för Bättre Struktur

Lär dig vad CSS är, hur det kopplas till HTML och hur HTML-element kan stylas med selektorer. Utforska grundläggande koncept som textfärger, användaraktions-pseudoklasser och variabler i CSS.

Vad är CSS och varför är det viktigt?

Länka CSS till ett HTML-dokument

Behärska CSS-selektorer för att styla HTML-element

Utmaning: Tillämpa Dina Första CSS-Stilar

Utmaning: Formatera med Klassväljare

Förbättra Stilar med Användaraktions-Pseudoklasser

Utmaning: Tillämpa Användaråtgärds-Pseudoklasser

Ändra Textfärger i CSS

Optimering av Arbetsflöde för Effektiv CSS-Kodning

Utmaning: Använd variabler för bättre CSS-hantering

Utforska hur du kan formatera och utforma text på dina webbsidor. Lär dig att använda anpassade typsnitt och undersök olika typsnittsegenskaper för att förbättra textens utseende.

Bemästra Textformatering i CSS

Textformateringstekniker för Läsbarhet

Utmaning: Formatera Text med CSS

Lägga till anpassade typsnitt på en webbsida

Förståelse och användning av typsnittsegenskaper

Utmaning: Utforska Typsnittsegenskaper

Lär dig grunderna i boxmodellen, som definierar layout och avstånd för element på en webbsida. Utforska koncept som boxstorlek, tillägg av utrymme till element, arbete med block- och inline-element samt användning av strukturella och funktionella pseudoklasser för avancerad formatering.

Vad är CSS-boxmodellen?

Förståelse av Box-Sizing i CSS

Lägga till utrymme med marginaler och utfyllnad

Utmaning: Tillämpa Box-Sizing på Element

Använda Strukturella och Funktionella Pseudoklasser

Utmaning: Öva på Strukturella Pseudoklasser

Förståelse av Block-, Inline- och Inline-Block-Element

Arbete med Blocknivåelement

Arbete med Inline-Element

Utmaning: Förutsäg Sidlayout med Olika Elementtyper

Utforska Flexbox, en kraftfull CSS-layoutmetod för att arrangera element i rader och kolumner. Lär dig att kontrollera riktning, justering och avstånd mellan element horisontellt och vertikalt samt anpassa enskilda flexobjekt för precisa layouter.

Vad är Flexbox och Varför Använda Det?

Ställa in Flexriktning för Layouter

Justera Innehåll Horisontellt i Flexbox

Justera Objekt Vertikalt i Flexbox

Förståelse av Flexobjektets Egenskaper

Utmaning: Tillämpa Flexbox-Koncept

Utmaning: Skapa en Layout med Flexbox

Lär dig hur du kan förbättra den visuella attraktionskraften på dina webbsidor med CSS. Utforska tekniker för att använda bakgrundsfärger och bakgrundsbilder, formge bilder, använda dekorativa pseudo-element samt lägga till skuggor för att skapa imponerande designer.

Använda Bakgrundsfärger för Design

Använda Bakgrundsbilder på Element

Att Arbeta med Bilder i CSS

Skapa Effekter med Dekorativa Pseudo-Element

Lägga till skuggor för djup och stil

Utmaning: Implementera Dekorativa Effekter i CSS

Utforska vad deltagare kan förvänta sig av denna kurs i avancerad HTML- och CSS-stilhantering. Vilka förkunskaper krävs innan kursstart? Vilka ämnen kommer att behandlas?

Kursöversikt och Lärandemål

Ämnen Som Behandlas I Denna Kurs

Framgångstips för att lära sig avancerad CSS

Positionera och hantera element på webbsidor. Lär dig om olika positioneringsegenskaper, upptäck hur staplingsordningen används för att kontrollera synligheten av överlappande element och hantera till sist innehåll som flödar över.

Förståelse av CSS-positionering

Relativ Positionering Förklarad

Utmaning: Tillämpa Relativ Positionering

Absolut Positionering i CSS

Utmaning: Implementera Absolut Positionering

Fast Positionering för Klibbiga UI-Element

Utmaning: Arbeta med Fast Positionering

Klibbig Positionering för Dynamiska Layouter

Utmaning: Behärska Sticky-Positionering

Hantering av Elementens Staplingsordning

Utmaning: Kontrollera Z-index och Överlappande Element

Hantering av Innehållsöverskridning i CSS

Utforska kraften i övergångar och lär dig hur du kan förbättra användarupplevelsen. Upptäck hur egenskaper kan animeras smidigt och gradvis för att skapa sömlösa tillståndsövergångar.

Introduktion till CSS-övergångar

Välja Rätt Övergångsegenskaper

Ställa In Övergångsvaraktighet För Effekter

Anpassa Övergångar med Tidsfunktioner

Lägga till Fördröjning i CSS-Övergångar

Kombinera Övergångar

Utmaning: Lägg till en Mjuk Övergångseffekt

Lär dig om animation-egenskapen och hur den kan användas för att skapa dynamiska och engagerande designer. Upptäck hur du skapar komplexa animationer med hjälp av nyckelrutor och hur du styr animationen.

Vad är CSS-animationer?

Definiera Animationens Varaktighet och Timing

Kontroll av Animeringsupprepning och Riktning

Hantering av Animationslägen i CSS

Sammanställning av Flera Animationer

Utmaning: Implementera CSS-animation

Utforska transformationsegenskapen, som möjliggör modifiering av utseende och position för element på en webbsida. Lär dig hur du skalar, roterar, skevar och translaterar element i två och tre dimensioner. Kombinera flera transformationer för att skapa mer komplexa effekter.

Introduktion till CSS-transformationer

Skala Element

Rotera Element i 2D och 3D

Utmaning: Tillämpa Skalning och Rotation

Översätta Element för Dynamiska Effekter

Skeva Element för Unika Designer

Använda Perspektiv för Djupgående Effekter

Utmaning: Kombinera Translation och Skevning

Principerna och teknikerna som används inom adaptiv/responsiv design syftar till att göra webbplatser och applikationer tillgängliga och visuellt tilltalande på olika enheter, skärmstorlekar och orienteringar.

Vad är responsiv webbdesign?

Använda @media-frågor för adaptiva stilar

Bygga Flexibla Layouter för Olika Skärmstorlekar

Inspektera Webbsidor

Utmaning: Inspektera Adaptiv Layout

Lär dig om förprocessorer i CSS och hur de kan hjälpa till att skriva mer effektiv och underhållbar kod. Förstå hur du använder förprocessorer för att förenkla arbetsflödet och generera renare CSS-kod.

Introduktion till CSS-förprocessorer

Förståelse av Sass-syntax för Bättre CSS

Använda Sass-Variabler för Återanvändbara Stilar

Utföra Beräkningar med Sass Numeriska Operatorer

Nästlade Stilar för Renare Kod

Utöka Stilar med @extend-direktivet

Organisera Sass-Filer för Skalbara Projekt

En introduktion till JavaScript som täcker grundläggande syntax samt viktiga termer och begrepp som utgör grunden för att lära sig avancerade funktioner. Avsnittet innehåller praktiska uppgifter utformade för att hjälpa till att öva på dessa koncept och göra innehållet lätt att minnas utan ansträngning.

Första JavaScript-konsolapplikation

Utmaning: Visa Viss Utdata

Utmaning: Skriva Ut Flera Rader

Hantera Tal

Utmaning: Arbeta med Tal

Utmaning: Beräkning av en Bils Hastighet

Utmaning: Beräkning av Arean av en Trapezium

Utmatning av Flera Värden

Utmaning: Meningsfull Utdatakonsol

Hur man använder kommentarer i JavaScript?

Utmaning: Lägga till en Kommentar

Flerradiga Kommentarer

Utmaning: Kommentera Ut Kod

Vad Är Egentligen JavaScript?

Lär dig hur du lagrar data och hämtar den senare med hjälp av variabler. Utforska dessutom grundläggande datatyper och förstå hur de samverkar med varandra.

Lagring av Data

Utmaning: Deklarera en Variabel

Utmaning: Åtkomst till Data Från en Variabel

Utmaning: Åtgärda Variabelnamn

Utmaning: Omfördela en Variabel

Konstanter

Utmaning: Deklarera och Använda Konstanter

Utföra Aritmetik på Variabler

Utmaning: Skapa en Lönekalkylator

Utmaning: Justera Lön med Bonus

Utforskning av Primitiva Datatyper

Utmaning: Deklarera ett Booleskt Värde

Hur Olika Datatyper Samverkar

Utmaning: Sammanfoga Strängar

Utmaning: Skapa Användarprofil och Aktivitetsdetaljer

Lär dig hur man skriver uttryck som utvärderas till "sant" eller "falskt" baserat på villkor, såsom "Är X lika med Y?". Detta följs av en genomgång av villkorssatser som möjliggör villkorlig körning av specifika kodrader.

Jämförelseoperatorer

Utmaning: Kontroll av Åldersbehörighet

`If`-Satsen

Utmaning: Väderbaserad Klädrekommendation

Utmaning: Jämn eller Udda

Nästlade Villkorssatser

`Else`-Satsen

Utmaning: Förbättra Jämn- eller Udda-Kontroll

Utmaning: Temperaturrådgivare

`Else If`-Satsen

Utmaning: Betygskategorisering

`Och` Logisk Operator

Utmaning: Kontrollera om ett Tal är Jämnt och Positivt

ELLER-logisk Operator

Utmaning: Åtkomstkontrollsystem

En kraftfull programmeringsfunktion som kallas funktion möjliggör exekvering av ett kodblock flera gånger med minimal upprepning. Avsnittet introducerar grundläggande koncept och syntax för att definiera och använda funktioner effektivt.

Vad är funktioner?

Utmaning: Enkel Funktion

Utmaning: Beräkna Bilens Hastighet

Omfång

Överföra Data till Funktioner

Utmaning: Åtgärda Hastighetsfunktionen

Utmaning: Förbättra Betygskategoriseraren

Utmaning: Definiera en Sammansatt Funktion

Returnera Data Från Funktioner

Standardvärden

Utmaning: E-postautosvarare med standardparametrar

Konceptet med arrayer introduceras som ett sätt att organisera och hantera datamängder. Materialet behandlar hur arrayer strukturerar data och möjliggör effektiva operationer på flera värden.

Vad Är Arrayer?

Utmaning: Definiera en Array

Utmaning: Indexering

Lägga Till Värden I En Array

Utmaning: Lägga till element i en array

Ta Bort Element Från en Array

Utmaning: Öva på `pop` och `shift`

Egenskapen `length`

Utmaning: Räkna Element

Metoden `includes`

Utmaning: Söka Efter Djur i Djurparken

Loopar är en grundläggande funktion inom programmering som används för att minska redundans och hantera repetitiva uppgifter effektivt. Innehållet behandlar de tre huvudsakliga typerna av loopar i JavaScript, deras syntax, användningsområden samt hur de kan kombineras med arrayer för att effektivisera operationer och förbättra prestanda.

`For`-loopen

Uppgift: Skriva ut en sekvens

While-loopen

Utmaning: Skriva Ut Fibonacci-sekvensen

Do-While-Loopen

Utmaning: Slumpmässig Multipel av 7

Använda Loopar med Arrayer

Utmaning: Hitta det Genomsnittliga Priset på Varor

Sammanfattning

Få en tydlig översikt över vad som väntar, förstå förkunskapskraven och ta del av värdefulla tips för att lyckas när du fördjupar dig i objekt, arrayer och grundläggande programmeringskoncept.

Introduktion till JavaScript-datastrukturer

Förkunskaper för att Lära Sig JavaScript-Datastrukturer

Vad du kommer att lära dig i denna kurs

Tips för Framgång

Utforska kärnkoncepten för JavaScript-objekt. Detta avsnitt behandlar grunderna i objektskapande, hantering av egenskaper och implementering av metoder.

Förståelse av Objekt i JavaScript

Skapa Objekt i JavaScript

Arbete med Nästlade Objekt-Egenskaper

Utmaning: Skapa och Strukturera ett Objekt

Åtkomst till Objektets Egenskaper i JavaScript

Utmaning: Hämta Objektets Egenskapsvärden

Hantering av Objektets Egenskaper

Utmaning: Modifiera och Utöka ett Objekt

Definiera Objektmetoder

Använda Egenskaper Inom Metoder

Utmaning: Arbeta med Objektmetoder

Sammanfattning av Grunderna i JavaScript-Objekt

Fördjupa dig i avancerade tekniker för att arbeta med JavaScript-objekt. Detta avsnitt behandlar olika strategier för att effektivt manipulera och interagera med objekt.

Iterera över objektets egenskaper med for...in-slingan

Utmaning: Utforska Objektets Egenskaper med Iteration

Använda hasOwnProperty() för att Kontrollera Objektets Egenskaper

Utmaning: Iteration av Objektets Egenskaper med hasOwnProperty()

Kloning och Sammanslagning av Objekt med Spread-Operatorn

Utmaning: Kombinera Objekt med Spread-Operatorn

Destrukturering av Objekt för Renare Kod

Utmaning: Extrahera Data med Objektdestrukturering

Sammanfattning av Avancerad Objektmanipulation

Ge dig ut på en resa in i JavaScript-arrayer. Detta avsnitt ger en solid grund för att skapa arrayer, hantera element och utföra grundläggande arrayoperationer.

Förståelse av JavaScript-arrayer

Utmaning: Åtkomst till Arrayelement

Modifiera Arrayer och Komma Åt Element

Utmaning: Modifiera Element i Arrayen

Iterera över Arrayer med For-loopen

Utmaning: Loopa Igenom Arrayer Med For

Använda for...of-loopen för iteration över arrayer

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

Sammanfattning av Att Bemästra JavaScript-arrayer

Behärska avancerade färdigheter för arrayhantering, med olika tekniker och metoder för att effektivt hantera arrayer i flera olika scenarier.

Transformera Arrayer med Map()-Metoden

Utmaning: Modifiera Arrayelement med map()

Filtrering av Arrayer med Filter()-Metoden

Utmaning: Välj Specifik Data Med filter()

Hitta Element i en Array med Find()-Metoden

Utmaning: Sök Efter Objekt Med find()

Sortering av Arrayer med sort()-Metoden

Utmaning: Sortera och Extrahera Data med sort()

Sammanfattning av Avancerade Arraymetoder och Transformationer

Kursöversikt

Lär dig grunderna i JavaScript-klasser, från klassdeklarationer till att definiera metoder som förbättrar funktionaliteten. Upptäck hur du använder parameterobjekt effektivt, hanterar privata egenskaper och kontrollerar åtkomst med getters och setters. Behärska statiska egenskaper och statiska metoder samt utnyttja kraften i klassarv med "extends" och "super()" för att skapa skalbar och återanvändbar kod.

Komma Igång

Förståelse av Klassdeklarationer i JavaScript

Utmaning: Skapa en JavaScript-klass

Definiera Metoder i JavaScript-Klasser

Utmaning: Lägg till metoder i en klass

Använda Parameterobjekt

Arbete med Privata Egenskaper i Klasser

Utmaning: Implementera Privata Egenskaper i en Klass

Hantering av Egenskaper med Getters och Setters

Utmaning: Implementera Getters och Setters i en Klass

Utforskning av Statiska Egenskaper i JavaScript

Använda Statiska Metoder i JavaScript

Utmaning: Implementera Statiska Egenskaper och Metoder i en Klass

Förståelse av Arv med Extends och Super()

Utmaning: Implementera Klassarv med Extends och Super()

Behärska DOM-manipulation för att skapa dynamiska, interaktiva webbapplikationer. Navigera och modifiera DOM-strukturen, uppdatera innehåll dynamiskt och tillämpa bästa praxis för säkerhet och prestanda. Skilj mellan egenskaper och attribut för att optimera din kod.

Vad är dokumentobjektmodellen (DOM)?

Fråga och Välja Element i DOM:en

Utmaning: Fråga och Välj DOM-element

Förståelse av DOM-hierarkin och relationer

Utmaning: Navigera i DOM-hierarkin

Utforskning av DOM-Egenskaper i JavaScript

Att Arbeta med Elementattribut i DOM:en

Utmaning: Hantera Elementegenskaper och Attribut

Lägga till Element i DOM Dynamiskt

Ta Bort Element Från DOM:en

Utmaning: Lägga till och ta bort DOM-element

Ändra Elementstilar med JavaScript

Utmaning: Tillämpa Dynamiska Stilar på DOM-Element

Lås upp interaktiviteten i dina webbapplikationer genom att bemästra JavaScript-händelser. Förstå händelsepropagering, kontrollera händelsebeteende och implementera effektiv händelsehantering för användarinteraktioner. Optimera prestanda med avancerade tekniker som händelsedelegering.

Introduktion till Händelser och Händelselyssnare

Förståelse av Eventobjektet i JavaScript

Utmaning: Implementera Eventlyssnare

Förklaring av Händelsepropagering och Delegering

Utmaning: Hantera Händelsepropagering och Delegering

Arbete med Tangentbords- och Mus-händelser

Hantering och Borttagning av Eventlyssnare

Fördjupa dig i asynkron JavaScript, inklusive återanrop, löften och async/await. Lär dig att hämta data från API:er, integrera tredjepartsbibliotek och hantera flera förfrågningar effektivt, vilket bygger färdigheter för att skapa datadrivna applikationer.

Introduktion till Asynkron JavaScript

Förståelse av Callbacks i JavaScript

Hantering av Asynkrona Operationer med Löften

Använda Async/Await för Renare Asynkron Kod

Hämta och Arbeta med API:er i JavaScript

Integrering av API:er i JavaScript-applikationer

Utmaning: Hämta och Använd API-data

Integrering av Tredjepartsbibliotek i JavaScript

Utmaning: Arbeta med Tredjepartsbibliotek

Hantering av Flera Asynkrona Förfrågningar

Förbättra dina tekniska färdigheter!

med upp till 55% rabatt

Features:

*Tracks not included in Pro plan

500+ topprankade kurserBanbrytande AI Copilot

Personliga studieplaner40+ praktiska verkliga projekt

Ingen avbokning, innan den valda rabatterade planen är slut, godkänner jag att Codefinity automatiskt debiterar $104 var 3:e månad tills jag avbokar. Läs mer om avboknings- och återbetalningspolicyn på Prenumerationsvillkor.

Recommended Courses and Projects

HTML-Grunder

Behärska grunderna i HTML för att skapa välstrukturerat och tillgängligt webbinnehåll. Lär dig att strukturera dokument med hjälp av taggar, element och attribut. Arbeta säkert med text, listor, bilder, ljud och video för att berika webbsidor. Skapa tabeller för organiserad data och formulär för användarinmatning och interaktion. Upptäck semantisk HTML för att förbättra tillgängligheten och bygga kompletta, funktionella webbplatsstrukturer från grunden.

JavaScript Ninja

Välkommen till JavaScript Ninja-kursen! Denna engagerande och interaktiva kurs är utformad för att introducera dig till grunderna i JavaScript-programmering genom ett roligt och lärorikt spel. Du kommer att guida en ninja genom olika utmaningar, använda JavaScript för att kontrollera rörelser och interagera med objekt som sushi. Börja med grunderna, lär dig navigera på kartan, plocka upp och placera sushi, och gradvis gå vidare till mer komplexa programmeringskoncept som funktioner, loops och villkorssatser. Varje kapitel erbjuder praktiska övningar för att förstärka ditt lärande, vilket kulminerar i spännande utmaningar som testar dina färdigheter. Oavsett om du är en fullständig nybörjare eller vill vässa dina kodningsförmågor, erbjuder denna kurs en omfattande och njutbar lärandeupplevelse. Gå med oss och bli en kodningsninja!

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.

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.

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.

Discover more Learning Tracks

spår

Webbutveckling med C#

Nybörjare

SQL från Nybörjare till Expert

Nybörjare

C++-Grunder

Nybörjare

Spelutveckling med Unity

Nybörjare

Bli en React-Utvecklare

Medelnivå

Java-Grunder

Nybörjare

Fullstack Webbutveckling

Nybörjare

Bemästra Datavisualisering

Medelnivå

Maskininlärning Mästerskap

Medelnivå

C++ Mästerskap

Avancerad

Java Web

Avancerad

Varför folk väljer 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

Interaktiv kodningsmiljö

Hoppa in i vår interaktiva miljö: skriv och kör din kod med feedback i realtid och framgångsmått—lär dig genom att göra vid varje steg.

AI-driven support

Använd den inbyggda AI-assistenten för att förklara fel, föreslå lösningar eller svara på frågor om din kod—så att du förblir produktiv och aldrig fastnar.

Check your progress

Avsluta varje modul med ett snabbt quiz som ger omedelbar feedback, spårar din framsteg och säkerställer att du har bemästrat viktiga koncept.

Promote your expertise

Få ditt branschigenkända certifikat vid slutförandet och dela det på LinkedIn med ett klick—låt ditt nätverk se vad du kan göra.

Betrodd av anställda på ledande företag
och studenter från toppuniversitet

Full tillgång till katalogen

Ett abonnemang öppnar denna kurs och hela vår katalog av projekt och färdigheter.

Features:

500+ topprankade kurserBanbrytande AI Copilot

Personliga studieplaner40+ praktiska verkliga projekt

Prova Codefinity med förtroende – 30-dagars pengarna-tillbaka-garanti ingår

För att välkomna dig till Codefinity erbjuder vi upp till 64% rabatt på våra kurser. Dessutom har vi en 30-dagars pengarna-tillbaka-garanti, så att du kan prova oss riskfritt.Vi ser verkligen fram emot att välkomna dig till vår plattform och är engagerade i att göra din lärandeupplevelse enkel, interaktiv och rolig.

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å omedelbar tillgång till 500+ kurser

Obegränsat lärande, omedelbar tillgångFå full tillgång till alla kurser och spår, inklusive videoinnehåll, quiz och djupgående material—börja lära när som helst.

Branschigenkända certifikatFå certifikat som bekräftar din expertis och stärker din karriär inom teknik, AI, data, marknadsföring och mer.

AI-assisterat lärandeFå personliga tips, feedback i realtid och AI-drivna förklaringar för att påskynda din framsteg.

Ständigt expanderande: Nya kurser och karriärspårHåll dig före med ständigt uppdaterade kurser, karriärkartor, utmaningar och praktiska övningstester.

Bygg färdigheter som räknasBehärska efterfrågade färdigheter med kurser i AI, datavetenskap, programmering, marknadsföring, automation, webbutveckling och mer.

Interaktivt och sömlöst lärandeEngagera dig med praktiska projekt, verkliga övningar och en intuitiv lärandeupplevelse — inga extra verktyg behövs.

Vad du kommer att lära dig

Webbutveckling med C#

SQL från Nybörjare till Expert

C++-Grunder

Spelutveckling med Unity

Bli en React-Utvecklare

Java-Grunder

Fullstack Webbutveckling

Bemästra Datavisualisering

Maskininlärning Mästerskap

C++ Mästerskap

Java Web

Varför folk väljer Codefinity

Betrodd av anställda på ledande företag och studenter från toppuniversitet

Full tillgång till katalogen

Prova Codefinity med förtroende – 30-dagars pengarna-tillbaka-garanti ingår

Få omedelbar tillgång till 500+ kurser

Betrodd av anställda på ledande företag
och studenter från toppuniversitet