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.

260 chapters
32 hours
306 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 Fundamentals

Discover how to style and format text on your web pages. Learn to apply custom fonts and explore various font properties to enhance the appearance of text.

Learn the fundamentals of the box model, which defines the layout and spacing of elements on a web page. Explore concepts such as box sizing, adding space to elements, working with block-level and inline elements, and utilizing structural and functional pseudo-classes for advanced styling.

Discover Flexbox, a powerful CSS layout method for arranging elements in rows and columns. Learn how to control the direction, alignment, and spacing of elements horizontally and vertically, as well as customize individual flex items for precise layouts.

Learn how to enhance the visual appeal of your web pages with CSS. Explore techniques for applying background colors and images, styling images, using decorative pseudo-elements, and adding shadows to create stunning designs.

Module 3 / Advanced CSS Techniques

Research what learners can expect from this advanced HTML and CSS styling course. What do you need to know before starting the course? What topics will be covered in it?

Position and manage elements on the web pages. Learn about the different positioning properties, discover how to use the stacking order to control the visibility of elements that overlap each other, and finally, handle content overflow.

Research the power of transitions and learn how to improve the user experience. Discover how to liven properties smoothly and gradually, creating seamless state transitions.

Learn about the animation property and how it can be used to create dynamic and engaging designs. Discover how to create complex animations using keyframes and how to control the animation.

Explore the transformation property, which allows modifying the appearance and position of elements on a webpage. Learn how to scale, rotate, skew, and translate elements in two and three dimensions. Combine multiple transformations to create more complex effects.

The principles and techniques used in adaptive/responsive design aim to make websites and applications accessible and visually appealing across different devices, screen sizes, and orientations.

Learn about preprocessors in CSS and how they can help to write more efficient and maintainable code. Understand how to use preprocessors to simplify the workflow and generate cleaner CSS code.

Module 4 / Introduksjon til JavaScript

Oppdag det grunnleggende i JavaScript, inkludert formålet og syntaksen. Lær hvordan du arbeider med konsollen for utdata og bruker kommentarer for å organisere og dokumentere koden din. Disse grunnleggende ferdighetene vil forberede deg på en dypere utforskning av JavaScripts muligheter.

Utforsk byggesteinene i JavaScript ved å skille mellom bokstavelige verdier og variabler. Forstå de grunnleggende datatypene, inkludert `null` og arrays, og lær hvordan du manipulerer dem ved hjelp av array-metoder.

Oppdag hvordan du kan kontrollere flyten i programmene dine med betingede utsagn. Mestre `if`, `else` og `else if` for å instruere JavaScript om å ta beslutninger og utføre kode basert på forskjellige betingelser.

Effektiviser koden din ved å mestre JavaScripts løkkestrukturer. Utforsk `while`, `do while` og `for`-løkker, og lær hvordan du kontrollerer deres oppførsel ved hjelp av `break` og `continue`. Lås opp 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 din evne til å skrive rene og modulære programmer.

Module 5 / JavaScript Data Structures

Get a clear roadmap of what's to come, understand the prerequisites, and learn valuable tips to set you up for success as you delve into objects, arrays, and essential programming concepts.

Dive into advanced techniques for working with JavaScript objects. This section delves into various strategies to efficiently manipulate and interact with objects.

Embark on a journey into the JavaScript arrays. This section provides a strong foundation for creating arrays, managing elements, and executing basic array operations.

Module 6 / Advanced JavaScript Mastery

Learn the fundamentals of JavaScript classes, from class declarations to defining methods that enhance functionality. Discover how to use parameter objects effectively, manage private properties, and control access with getters and setters. Master static properties and static methods and unlock the power of class inheritance using "extends" and "super()" to build scalable and reusable code.

Master DOM manipulation to create dynamic, interactive web applications. Navigate and modify the DOM's structure, dynamically update content, and implement best practices for security and performance. Differentiate between properties and attributes to optimize your code.

Unlock the interactivity of your web applications by mastering JavaScript events. Understand event propagation, control event behavior, and implement efficient event handling for user interactions. Optimize performance with advanced techniques like event delegation.

Dive into asynchronous JavaScript, including callbacks, Promises, and async/await. Learn how to fetch data from APIs, integrate third-party libraries, and handle multiple requests efficiently, building skills for creating data-driven applications.

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?