Hjemmeoppgaver

En samling av mine hjemmeoppgaver og tekniske løsninger

📝

Prøve - Kontrollarbeid

Min kontrollarbeid - portefølje side med moderne design.

HTML CSS Portfolio
🎨

Oppgave 2.01

Grunnleggende HTML og CSS strukturer. En enkel nettside med moderne styling.

HTML CSS Responsiv
📝

Stil

En enkel side som demonstrerer grunnleggende stil.

HTML CSS
📝

Stil 2

Oppfølger med utvidet styling og layout.

HTML CSS
🖼️

Bilde

Visning av bilde med enkel struktur.

HTML Media
🖼️

Bilde 2

Andre bildeverson med forbedret layout.

HTML Media
📐

Oppgave 2.02

CSS layout og positioning. Arbeid med Flexbox og Grid systems.

CSS Flexbox Grid
🧩

Oppgave 2.13

Videre arbeid med HTML/CSS/JS basert på kursets del 2.13.

HTML CSS JavaScript
🧮

Oppgave 2.14

Oppgave med fokus på struktur og semantikk i dokumentet.

HTML CSS
⚙️

Oppgave 2.15

Komponentisering og gjenbruk av stil og struktur.

HTML CSS
🔗

Oppgave 2.16

Videreføring med fokus på lenker, media og tilgjengelighet.

HTML CSS
🎯

Oppgave 2.03

Avansert CSS med animasjoner og overganger. Interaktive elementer og hover-effekter.

CSS3 Animasjoner Overganger

Oppgave 2.04

JavaScript grunnleggende. DOM manipulasjon og hendelseshåndtering.

JavaScript DOM Events
🧱

Oppgave 2.06

Videre arbeid med struktur og grunnleggende komponenter.

HTML CSS
🧭

Oppgave 2.08

Layout og typografi. Bedre lesbarhet og struktur.

HTML CSS
🧪

Oppgave 2.09

Øvelse på semantikk og enkel media-integrasjon.

HTML CSS
🧰

Oppgave 2.11

Strukturering av innhold og gjenbruk av komponenter.

HTML CSS
🧯

Oppgave 2.12

Avanserte selektorer og enkle effekter i CSS.

HTML CSS
📊

Dome 10-11

Form håndtering og validering. Interaktive skjemaer med brukervennlig feedback.

HTML CSS JavaScript
🎭

Dome 14

CSS selektorer og spesifisitet. Avansert styling teknikker og best practices.

CSS Selektorer Styling
🎨

Dome 16

Responsivt design og media queries. Adaptiv layout for alle enheter.

Responsiv Media Queries Mobile-First
🔄

Dome 17

JavaScript arrays og metoder. Data manipulasjon og arrays operations.

JavaScript Arrays Metoder
🔧

Dome 20

JavaScript objekter og funksjoner. Avansert programmering og data struktur.

JavaScript Objekter Funksjoner
🌐

Dome 22

API integrasjon og asynkron kode. Fetch requests og Promise håndtering.

JavaScript API Fetch
🗂️

Dome 21

Arbeid med struktur og bygging av seksjoner.

HTML CSS
✍️

Formatering

Tekstformatering og struktur for bedre lesbarhet.

HTML CSS
📝

Skjema

Skjemafelter, validering og brukervennlige kontroller.

HTML CSS
🎨

Bootstrap Demo

Demonstrasjon av Bootstrap komponenter: Jumbotron, alerts, progress bars, badges og offcanvas.

Bootstrap HTML CSS
📐

Bootstrap Demo 2

Container og grid system. Arbeid med container-fluid, container og responsivt grid.

Bootstrap Grid Responsiv
🧪

Bootstrap Demo 3

Bootstrap oppgaver med grid-system, responsivt design og padding.

Bootstrap Grid Responsiv
🚀

Bootstrap Index

Mitt første Bootstrap-prosjekt med knapper og grunnleggende komponenter.

Bootstrap HTML CSS
📚

Bootstrap Oppgave

Bootstrap oppgaver: Grid-system, responsiv visning og padding-øvelser.

Bootstrap Grid Responsiv
💼

Bootstrap Portfolio

Fullstendig portfolio-side bygget med Bootstrap: Navbar, hero-seksjon, cards og kontaktformular.

Bootstrap Portfolio Responsiv
🍕

Vlad Restaurant

Restaurant-nettside bygget med Bootstrap: Meny, cards, navbar og footer.

Bootstrap Restaurant Cards
🎮

CrazyGamer

Moderne nettside for norsk gaming- og esportsenter. Responsivt design med Bootstrap, kontaktformular for medlemskap og profesjonell visuell presentasjon.

Bootstrap HTML CSS JavaScript Responsiv