Hei!
Jeg heter Bjørnar Hagen og er 21 år og går 3. året dataingenør. Jeg har en del bakgrunn i web-design og utvikling, blant annet fra å vært lærling i 2 år hos Optimale Systemer og deretter jobbet daglig med mitt eget selskapet, Datahjelpen AS. Har alltid hatt en lidenskap for alt som har med data å gjøre.
- Tabs eller spaces? Tabs
- Vim eller Emacs? Vim
- Favoritt OS? Linux
- Favoritt editor? VS Code
Om nettstedet
Nettstedet er kodet med ren HTML/Nunjucks, JavaScript & SASS/CSS
Nunjucks & HTML
Å skrive rene HTML filer kan fort skape krøll. Se for deg å ha 10 HTML filer, også vil du f.eks. legge til en link i navigasjonen, da må du endre alle 10 filene. Dette scaler ikke så bra.
Derfor har jeg valgt å skrive HTML filene mine med templating engine Nunjucks. Nunjucks lar meg dele opp filene mine. F.eks kan navigasjonen være en egen fil. Da kan jeg skrive {% include "nav.nunjucks" %}, så blir navigasjonen inkludert i filen. Hvis vi da tar eksempelet med 10 HTML filer, så trenger jeg kun å endre på navigasjons filen, ikke alle 10 HTML filene.
SASS & CSS
SASS er css, men med superkrefter. Vanligvis skriver du slik:
.parent {
color: red;
}
.parent .child {
color: blue;
}
Men, med SASS kan vi skrive det samme slik:
.parent {
color: red;
.child {
color: blue;
}
}
Dette kalles nesting, og er super kjekt. I SASS har man også variabler og funksjoner. Man kan bruke if statements og kjøre for loops. Once you go Sass you never go back.
Gulp
Nunjucks og SASS må "oversettes" til vanlig HTML og CSS. For å gjøre dette bruker jeg Gulp. Jeg bruker også Gulp til å komprimere JavaScript og bildefiler, samt kopiere filer rundt om kring.