Verktøy brukt i faget

Editor

Vi skal bruke Visual Studio Code som editor. Denne kan du installere for mac, windows eller linux ved å søke opp
visual studio code og deretter velge nedlasning. Denne editoren er gratis og har god støtte for syntax for javascript, html og css - som er de teknologiene vi bruker til å bygge opp en nettside.

Starte et prosjekt i visual studio code.

Lag en mappe med passende navn for prosjektet ditt (dette gjør du i filbehandleren, utforsker eller i terminal/console).

Start VSCode og velg Open folder. Naviger fram til den nye mappa og klikk ok/enter.

VSCode viser nå den nye tomme mappa, du kan nå legge til en ny fil

ved å klikke på ny-fil ikonet (hvitt ark med grønn pluss).

Sett navn på filen - skriv eksempel.html i tekstboksen som kom fram. Trykk enter og du får fram en ny blank side.

Lag din første html side.

I editoren kan du nå skrive ! (skriv et utropstegn og trykk enter).

Du vil nå få fram følgende kode:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>

</body>
</html>

Github - lagringsplass for alle sidene

Github virker litt på samme måte som DropBox og andre skytjenester hvor du kan lagre dokumenter, men er spesielt beregna på kode (html, javascript, css og andre programmerings-språk).

I kurset skal dere opprette en egen konto på github hvor alle filer skal lagres.

Opprett github-konto

Gå til github.com i en nettleser, velg sign up og lag et brukernavn. Velg et brukernavn med tanke på at denne skal du bruke ofte, og du må sende det som en link til lærer, f.eks: du velger mittNavn som brukernavn, da vil linken lærer bruker være mittNavn.github.io . Denne linken gir lærer adgang til alle filene du lagrer på github. NB! github er public dvs alle kan se det du legger ut her.

Lag en github.io

Lag en github-bruker (eks: janpedersen)
Lag en ny Repository med navnet janpedersen.github.io (ditt brukernavn + github.io)
Merk at du må bruke nøyaktig denne navneformen - ellers virker ikke linken.

Klikk på Settings på Repositoriet og bla ned til du finner Github Pages - sjekk at det står

Your site is published at https://janpedersen.github.io/

Du kan gå inn på github på din konto og lage en ny fil index.html inne i det nye repositoriet (det med navnet xxx.github.io).
Skriv inn den html koden du ønsker og lagre - denne vil nå bli sida som vises på adressen over.

Verktøy