Denne guiden bruker sqlite3modulen til å håndtere databasens opprettelse og skjema direkte fra Node.jskoden, slik at du slipper manuell installasjon av SQLite CLIverktøyet. ⚙️ Forutsetninger N...
Lag konto/logg inn på Tinkercad Gå til Tinkercad Trykk på Sign Up i øverste høyre hjørnet for å lage en konto. Eller Log In hvis dere allerede har en Autodesk konto. Velg 'Create a perso...
Last ned Creality Print Gå til Creality Print. Last ned Creality Print og installer. Første oppsett av Creality Print Det kommer nå opp en guide om å legge til printer preset i Creality P...
Steg 1: Hent ISO fil fra Azure Gå til Azure og logg inn med din Chamedia.no bruker. Naviger til Education > Learning Resources > Software og finn 'Windows Server 2025'. Last n...
Nødvendig utstyr 2 PCer med skjerm, tastatur og mus (en klient og en server) Unifi router Unifi switch Minnepenn Programvare/filer Rufus (programvare for å lage oppstartsmedium) ISO...
NB: Denne artikkelen er skrevet av en KIchatbot, og ikke kvalitetssikret. Den kan inneholde feil. Ta kontakt hvis du oppdager feil. Her er en komplett guide for å sette opp en filserver på Windows...
NB: Denne artikkelen er skrevet av en KIchatbot, og ikke kvalitetssikret. Den kan inneholde feil. Ta kontakt hvis du oppdager feil. Her er en guide for hvordan du setter opp delte mapper på en Win...
Vi skal nå se videre på nettverkspoppsett i Cisco Packet Tracer, og hvordan vi dokumenterer nettverksoppsett. Se artikkelen Innføring i lokale nettverk med Cisco Packet Tracer hvis du ikke allerede...
Teori: IPadresser og subnett Praktisk: Cisco Packet Tracer Cisco Packet Tracer er en programvare der du kan simulere et datanettverk. For å laste ned Cisco Packet Tracer må du registrere deg p...
JSON står for JavaScript Object Notation. Med JSON kan vi lagre objekter som skal brukes i JavaScript, som ren tekst. Det at dataene skilles fra koden, gjør det enklere å endre og vedlikeholde data...
Hva er localStorage? Når vi lager nettsider, kan det noen ganger være nyttig å lagre informasjon slik at den ikke forsvinner når vi laster siden på nytt. For eksempel: Huske brukernavn til en ...
Introduksjon til prosjektet I dette prosjektet skal dere jobbe i grupper med å lage en kravspesifikasjon og etter hvert utvikle en enkel nettside eller et lite program. Dere har tre muligheter fo...
Hva er en kravspesifikasjon? Når man lager et datasystem, et program eller en nettside, er det lett å hoppe rett inn i koding. Men da risikerer man å lage noe som ikke dekker behovene til brukerne...
Hva er kommentarer? Kommentarer er tekst i koden som ikke påvirker hvordan programmet kjører. De brukes til å forklare koden for deg selv eller andre som leser programmet senere. Kommentarer gjør ...
Document Object Model eller DOM er
Mens props brukes til å sende data inn i en komponent, brukes state for å lagre og endre data inne i komponenten. Dette er nyttig når du vil lage interaktive komponenter som for eksempel teller, vi...
Kom i gang med React og Vite Komponenter i React Props – sende data til komponenter State – lagre og endre data i komponenter
Når du lager komponenter i React, vil du ofte sende inn data til dem. Dette gjøres med props – en forkortelse for properties. Props er som argumenter til funksjoner, men for komponenter. Hva er ...
En av de viktigste ideene i React er komponenter. Komponenter er gjenbrukbare byggeklosser som hver representerer en del av brukergrensesnittet (UI). Du kan tenke på dem som funksjoner som returner...
Denne guiden lærer deg å komme i gang med å lage en Reactapp med Vite. React er et webrammeverk for å lage moderne webapper ved å sette sammen ferdiglagde komponenter. Vite er et utviklingsve...
Bilde generert av Microsoft Copilot Hvis vi vil tillate at gjester kan bruke datalaben, eller at elever kan bytte plass på ulike prosjekter, må vi sette opp gjestekontoer, slik at alle kan bruke h...
For å holde Firebasekoden din ryddig kan det lønne seg å dele opp de ulike Firebaseoperasjonene i forskjellige jsfiler. Her er et forslag til hvordan du kan organisere dette: firebaseconfig.js Her...
Tittel: Forståelse av Personopplysningsloven og GDPR Innledning: Personvern er viktig i dagens digitale verden. Denne artikkelen handler om den norske personopplysningsloven og EUs GDPR. Vi ser p...
For å midtstille teksten i en <div> både vertikalt og horisontalt, kan du bruke CSS Flexbox. Dette er den enkleste og mest moderne måten å gjøre det på. Eksempel med CSS Flexbox &...
Det kan være praktisk å lage en CSSmal som kan gjenbrukes på de forskjellige prosjektene dine. Etter hvert som du lager flere nettsider vil de se at det er mange CSSregler som vil gå igjen, og da e...
Her er en liste over noen vanlige klasser som kan være nyttige å inkludere i en standard CSSfil. Disse klassene er generelle og kan brukes på ulike typer elementer for å tilpasse utseendet uten å l...
Åpne kommandolinjen ved å høyreklikke på Start og velg Terminal (Administrator) eller Powershell (Administrator). Hva de heter kommer an på din versjon av Windows Skriv in følgende kommando: net ...
Her er en oppdelt gjennomgang av app.jskoden i JavaScript som håndterer innleggene i Twitterklonen. Vi skal ta den steg for steg, med en forklaring på hver del, og også gå gjennom hvorfor og hvorda...
Åpne Unifi Controller I raden av ikoner til venstre, klikk på tannhjulet nederst (settings) Velg "Internet" Velg din enhet (Default (WAN 1)) Ved Advanced, klikk på Manual Ved IP...
Installer Node.js og lag en statisk nettside med Express.js Legg til flere nettsider og sett opp ruter i Express.js Embedded JavaScript Express Generator Expressapp med SQLite
Her er hvordan du kan legge til en ny side (f.eks. about.html) og sette opp ruter for å håndtere forskjellige sider i Express.js. 1. Legg til en ny side (about.html) Opprett en ny fil som heter a...
Her er en grunnleggende guide til hvordan du kan sette opp en statisk webside med Express.js. 1. Installer Node.js og Express.js Først må du ha Node.js installert på maskinen din. Du kan sjekke o...
Her er en linjeforlinje forklaring av koden: server.js: const express = require('express'); Denne linjen importerer Expressrammeverket, som brukes til å bygge webapplikasjoner og håndt...
Du kan bruke npx til å generere et nytt Express.jsprosjekt med Express Generator, som er et verktøy som gjør det enkelt å sette opp et grunnleggende Expressprosjekt med forhåndsdefinerte strukturer...
Når du bruker EJS (Embedded JavaScript) som templatemotor i en Express.jsapplikasjon, får du muligheten til å lage dynamiske HTMLsider ved å injisere data i maler. Dette er nyttig hvis du vil unngå...
Hva er JavaScript? JavaScript er et programmeringsspråk som gjør nettsider interaktive. Det brukes til alt fra å håndtere knappeklikk til å bygge komplekse webapplikasjoner. 1. Variabler Variabl...
Vanilla JavaScript Vanlig JavaScript JavaScript Cheat Sheet localStorage
<div> er et element som brukes mye i forbindelse med id og klassevelgere. <div>taggen gjør i utgangspunktet ingenting med innholdet, men brukes for å gruppere innhold el...
Posisjonering i CSS brukes til å kontrollere hvor elementer skal plasseres på en nettside. CSS gir deg flere forskjellige måter å styre dette på, avhengig av hvordan du vil at elementene skal oppfø...
Introduksjon til HTML HTML (HyperText Markup Language) er grunnstrukturen i alle nettsider. Det brukes til å organisere innhold som tekst, bilder, lenker, knapper og mye mer. HTML består av tagger...
1. Installer VS Code Last ned og installer VS Code fra Visual Studio Code sin nettside. 2. Opprett en mappe for prosjektet Opprett en ny mappe på datamaskinen som vil inneholde prosjektfilene dine...
See the Pen bildemedfloat by NDLA (@ndla) on CodePen. Float er et attributt i CSS som brukes til å få elementer til å "flyte" ved siden av hverandre, for eksempel for å få bilder ...
Introduksjon til CSS CSS (Cascading Style Sheets) brukes for å style og formatere HTMLelementer på en nettside. CSS består av regler som definerer hvordan elementer skal vises visuelt. Hver regel ...
Lage en webside i VS Code Lage en webside med HTML Hvordan bruke CSS til å endre utseendet på nettsiden CSSvelgere divelementet Posisjonering i CSS Eksempel på en websidelayout...
Flexbox, eller Flexbox Layout, er en CSSteknikk som gjør det enklere å lage fleksible og responsive layoutstrukturer. Flexbox gir deg kontroll over hvordan elementer skal distribueres og justeres i...
Her er et eksempel på en enkel nettside med et header, en navigasjonsmeny, et hovedinnholdsområde og en footer. Layouten er laget ved hjelp av forskjellige posisjoneringsmetoder i CSS. HTMLstruktu...
Det finnes tre hovedtyper CSSvelgere: type, class og id. Eksempelet over er en typevelger. Typevelgere velger elementer basert på HTMLtaggen. Under ser du eksempler på CSSregler med typevelgere. b...
Kom i gang med Tailwind CSS Grid og posisjoneringssystem i Tailwind CSS Oversikt over nyttige Tailwindklasser
Her er en oversikt over de viktigste Tailwind CSSklassene, delt inn i kategorier. Hver klasse har en kort forklaring som beskriver hva den gjør. 1. Tekststørrelse og farger Klasse...
Her er en enkel stegforsteg guide for å komme i gang med Tailwind CSS, inkludert hvordan du legger det til på en statisk nettside og bruker det til å style HTMLelementer. Steg 1: Opprett en enkel ...
Tailwind CSS har et innebygd grid og posisjoneringssystem som gjør det enkelt å lage responsive layouter uten å skrive egen CSS. Tailwind tilbyr både Grid og Flexbox som posisjoneringsverktøy. Her ...
1. Opprette en GitHubkonto Gå til GitHubs nettsted: Åpne nettleseren din og gå til https://github.com. Klikk på "Sign up" (Registrer deg): Du finner den...
Her er en guide til hvordan dere kan samarbeide om gruppearbeid i GitHub, med utgangspunkt i at læreren har opprettet et repository gjennom GitHub Classroom: 1. Godta invitasjonen fra GitHub Class...
Her er en guide for hvordan du kan publisere en nettside med GitHub Pages: 1. Forbered repository Sørg for at du har et repository klart: Repositoriet ditt skal inneholde alle HTML, ...
Her er en guide for å skrive gode commitmeldinger, tilpasset nybegynnere som jobber med HTML og CSSkoding: 1. Hold meldingen kort og beskrivende Hovedregel: Meldingen skal enkelt forklare hva d...
Her er en guide for hvordan du kan bruke branches (grener) på GitHub. 1. Hva er en branch? En branch er en parallell versjon av prosjektet ditt: Når du jobber med en branch, kan du g...
SQL er et programmeringsspråk som brukes for å kommunisere med relasjonsdatabaser (SQLdatabaser). SQL brukes til å opprette databaser og tabeller, legge til, endre og fjerne data, og viktigst av al...
Det er to hovedmetoder for å slette et element fra en liste, avhengig av om du vil slette indexen til elementet eller ikke, array.splice() eller delete. array.splice() Hvis vi har denne listen: c...
SCSS er en utvidelse av CSS som har noen flere funksjoner enn vanlig CSS. SCSS er stort sett leselig for deg om du kan vanlig CSS, men det er noen forskjeller. 1. Variabler SCSS støtter variabler, ...
Du kan opprette to typer innhold på bloggen din: sider (pages) og poster (posts). Sider dukker opp i navigasjonsmenyen øverst til høyre (About er et eksempel på en side), og poster dukker opp i mai...
CSSkoden i Jekyll er ofte skjult, slik at man ikke skal kunne endre på temaet uten at man vet hva man holder på med. Nå skal vi finne CSSfilene og legge dem inn i bloggen vår slik at vi kan endre d...
Nå er det på tide å tilpasse din Jekyllwebside og gi den en profil som er tilpasset det du vil bruke den til. config.yml Først skal vi endre _config.ymlfilen. Denne inneholder bakgrunnsinformasjon...
Spørringer er en måte å hente ut spesifikke dokumenter i en database som møter en betingelse, f.eks. "skriv ut alle personer over 18 år" eller "skriv ut alle jentene i databasen, sor...
Åpne Visual Studio Code, og åpne en ny, tom mappe (Open folder > New folder). Åpne et terminalvindu ved å klikke på Terminal på menyen øverst på skjermen, og så New terminal Inne i termi...
Før du installerer Jekyll må du installere Ruby. Det er litt forskjellig på Mac og Windows Installer Ruby og Jekyll på Mac Ruby og Jekyll installeres via Terminal på Mac. For å åpne terminal er d...
Jekyll er et webrammeverk som tar utgangspunkt i Markdown for å bygge en nettside. Rammeverk gjør det enklere å bygge opp og oppdatere nettsider uten å skrive html og css fra bunnen av. I Jekyll ka...
Del 1: Planlegging av ITinfrastruktur Skyggefjell Skibakker AS ønsker å etablere en topp kvalitets skibakke på Skyggefjell ski resort. Firmaet bygger nye stolheiser og trekkheiser på høyeste del a...
Skyggefjell Skibakker AS planlegger å bygge en ny, topp kvalitets skibakke på Skyggefjell ski resort. For å sikre at gjestene har tilgang til det trådløse nettverket på hele resortanlegget, vil fir...
Skyggefjell skibakker Eksamen vg2 Informasjonsteknologi vår 2023 Skyggefjell skibakker Casebeskrivelse Skyggefjell skibakker Trekkoppgaver
Cybersecurity | NOVA Labs | PBS Interaktiv aktivitet/spill Beskytt din bedrift mot cyberangrep TryHackMe | TryHackMe | Hacktivities Lær om cybersikkerhet
Jakten på den bærekraftige mobilen Tverrfaglige temaer NDLA
Når vi skal hente data fra Cloud Firestore, kan vi hente ut ett enkelt dokument eller alle dokumentene i ei samling. Vi kan også bruke spørringer for å hente utvalgte dokumenter som oppfyller en el...
I NoSQLdatabaser organiseres data i samlinger som består av flere dokumenter. I denne artikkelen skal du lære to metoder for å opprette dokumenter i Cloud Firestore. Bilde: Karl Arne Dalsaune Le...
CC BYNC Bilde: Andrey Popov Tidligere har du kanskje lært å modellere relasjonsdatabaser og å kode dem i SQL. En viktig forskjell på relasjonsdatabaser (SQLbaserte databaser) og dokumentbaserte d...
Endre et dokument i databasen Hvis du trenger å endre data i et dokument som allerede er lagret i databasen, kan du bruke funksjonen updateDoc(). Med updateDoc() kan du endre innholdet i felt i et...
Firebase er et produkt fra Google som gjør det enkelt å koble en database til en nettside eller app, slik at man kan lagre info og innstillinger over lengre tid. I denne guiden vil du lære et basis...
Firebase (firebase.google.com) er en plattform for å utvikle mobil og webapplikasjoner som er utviklet av Google. Den opprinnelige ideen bak Firebase var å legge til rette for synkronisering av dat...
Om Firebaseplattformen Oppsett av Firebase og Cloud Firestore Forskjellen på relasjonsdatabaser og dokumentbaserte databaser Legge inn data i en Firebasedatabase Endre og slette dokumenter ...
The 5 Design Principles (But in Web Design) (youtube.com) Balance Balanse Alignment Oppstilling Proximity Nærhet Repetition Repetisjon Contrast Kontrast Ikke vær kreativ med tekst &am...
Write your first C# code (Microsoft Learn) [Create a Windows Forms app with C# Visual Studio (Windows) Microsoft Learn](https://learn.microsoft.com/enus...
Norsk Engelsk Hva er det? Ruter Router Enheten som kobler et nettverk til andre nettverk, f.eks. som kobler vårt nettverk til Internett. "Vår port...
Designprinsipper
Når du har aktivert Windows Server skal vi skal nå sette opp Active Directory. Active Directory er enn tjeneste innebygd i Windows Server for å administrere brukere og datamaskiner i et lokalt nett...
JSON støtter ikke kommentarer, men det er mulig å legge inn en kommentar som et keyvalue pair. Comments Inside JSON – Commenting in a JSON File (freecodecamp.org)
Når flere jobber sammen i et repo i Github er det flere ting man må tenke på. Github synkroniserer ikke automatisk For at ditt arbeid skal vises for de andre på gruppa må du pushe endringene dine ...
1. Komponenter og kabling Du trenger: 1 klientPC eller serverPC 1 Unifi ruter (hvit) 1 Switch 3 ethernetkabler Slik kobler du sammen komponentene: Sett en kabel fra WANporten på ruter...
Steg 1: Chamedia epostadresse Du vil motta en Chamedia epostadresse fra skolen. Denne eposten består av ditt elevnummer + @chamedia.no (eksempel: elevXXXXXX@chamedia.no). Du skal ha fått en epost...
Mininet er et verktøy for å simulere nettverk, som kan brukes til testing og opplæring nettverk. I denne guiden skal du lære hvordan du setter opp en virtuell maskin som kjører Mininet i Ubuntu Lin...
© 2024 • Contents under CC-BY-NC • Maintained by Karl Arne Dalsaune