Learn css

Bra länk.

  • resurser
  • css
  • länkar
  • posts

Kodformattering

En stor del av innehållet på den här sidan är tänkt att vara kod. Därför måste sidan kunna visa kod. I den här texten går jag igenom hur jag löst det.

  • resurser
  • css
  • markdown
  • posts

CSS, namn och semantik

Att namnge CSS, att återanvända CSS och hantera cascade är något som de flesta webb-projekt behöver göra. Det finns ett antal olika sätt att närma sig detta.

  • resurser
  • css
  • posts
  • praxis

Linta

Automatisk kodformattering, hjälp och hitta fel. Det är vad linta är och det rekommenderas starkt.

  • resurser
  • eslint
  • posts
  • praxis
  • prettier

Testa med JS

I veckan omarbetade jag en uppgift från det här läsåret. Jag skapade tester som ska fungera som milstolpar i arbetet för eleverna. Att skriva tester är inte något jag gjort i större utsträckning och jag tänkte skriva om några lärdomar.

  • resurser
  • javascript
  • posts
  • tester

Webbserver-programmering

Istället för att dela upp det jag skriver på flera olika webbplatser (kursböcker) har jag bestämt mig för att samla det här. Det här är alltså en introduktionspost till det du behöver för att kunna arbeta med kursen webbserverprogrammering (i min regi).

  • resurser
  • node
  • posts
  • setup
  • sql
  • webbserver
  • wsl

SQL

En introduktion till att skriva SQL-frågor för användning i kursen Webbserverprogrammering.

  • resurser
  • posts
  • setup
  • sql

Kom igång med Eleventy

Eleventy har blivit en av mina favoritverktyg när det handlar om att skapa webbsidor. Det är ett otroligt bra verktyg för att generera html från markdown tillsammans med massa andra praktiska funktioner. I det här inlägget går jag igenom hur du kommer igång med Eleventy.

  • resurser
  • 11ty
  • posts
  • setup
  • webbutveckling
  • wsl

Eleventy, del två

Det här är fortsättningen på texten "Kom igång med Eleventy" och det är en del av resurser för kursen Webbutveckling 2.

  • resurser
  • 11ty
  • bilder
  • posts
  • webbutveckling

Speedrun, centrerad layout

Basen för majoriteten av alla webbsidor är någon form av centrerad layout med en toppnavigation. Detta är en snabbguide för att komma igång med en sådan layout. Kopiera den, lär dig den och ändra!

  • resurser
  • css
  • html
  • posts
  • webbutveckling

Eleventy och sass

Hur du kan använda sass i Eleventy. Sass står för "Syntactically Awesome Style Sheets". Läs vidare för att få en grundläggande introduktion.

  • resurser
  • 11ty
  • css
  • posts
  • sass
  • webbutveckling

Sidebar layout

En sidebar, eller ett sidofält, en spalt med navigation eller information är en vanligt förekommande layout på webben. Men hur skapas den och hur skapades den på ett sätt så att den funkar på alla enheter?

  • resurser
  • css
  • html
  • posts
  • webbutveckling

Navbars

Navigationsfält, navbars på svengelska, är en ofta nödvändig komponent för att navigera på webben. De finns i olika former och har olika funktioner. I denna introduktion introduceras några grundläggande exempel.

  • resurser
  • css
  • html
  • posts
  • webbutveckling

CRUD

Create, read, update, delete och lite REST i videoformat.

  • resurser
  • node
  • posts
  • sql
  • säkerhet
  • video
  • webbserver

Ordlista

En ordlista för webbserverprogrammering.

  • resurser
  • express
  • linux
  • node
  • posts
  • webbserver

Kom igång med express

Här är en samlad start för att komma igång med Node.js och Express.

  • resurser
  • express
  • node
  • nunjucks
  • posts
  • webbserver

Incremental spel med javascript

En introduktion till javascript genom att skapa ett inkrementellt clicker-spel.