(om)Installera WSL

En guide till att installera WSL, konfigurera Oh my Zsh och lite annat smått och gott.

  • anteckningar
  • ohmyz
  • posts
  • wsl

Incremental spel med javascript

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

  • resurser
  • javascript
  • posts
  • spel
  • webbutveckling

Våga prova

En av de stora fördelarna, och en av anledningarna, med denna blog är att det ger mig möjlighet att testa och prova saker jag hittar och inspireras av.

  • anteckningar
  • css
  • design
  • font
  • posts

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

Containers

Ett test, ett nytt sätt, ett resultat?

  • anteckningar
  • css
  • layout
  • posts

2024, redesign

Klart det ska bli en redesign i år igen.

  • anteckningar
  • posts
  • redesign
  • reflektion

CRUD

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

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

Textäventyr, struktur och javascript

Ett textäventyr kan vara många saker, mina tankar går till ett spel i textform, men en bra skönlitterär bok borde väl kunna kvala in som ett textäventyr.

  • anteckningar
  • böcker
  • javascript
  • posts
  • spel

Sommarlov 2023

Lärdomar är något som alltid fortsätter komma, till exempel att döpa en post med datum för att inte ha 11 st sommarlov poster i framtiden.

  • anteckningar
  • posts
  • reflektion
  • sommar

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

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

Content Security Policy

Säkerhet på webben alltid aktuellt och alltid viktigt. Content Security Policy är ett sätt att säkra webbplatsen från attacker.

  • anteckningar
  • csp
  • posts
  • säkerhet

Design remix

Det kliar alltid i fingrarna för att ändra på saker här på sidan och särskilt då jag hittar något nytt intressant. Efter att jag tittat på Andy Bells talk, "Be the browser’s mentor, not its micromanager" och applicerat det på en sida var jag helt enkelt tvungen att applicera det här.

  • anteckningar
  • css
  • posts
  • redesign

2023, uppdateringar

Nytt år, nya möjligheter? Jag har fixat lite med den här sidan i vanlig ordning och pysslar på med både arbete och projekt.

  • anteckningar
  • lighthouse
  • nytt år
  • posts
  • reflektion

Advent of code 2022

Det är dags för Advent of Code igen, ta chansen och utmana dig själv!

  • anteckningar
  • advent of code
  • koda
  • posts

Ny domän

Jag har köpt en ny domän, jensa.dev och håller på att flytta innehållet dit.

  • anteckningar
  • domän
  • posts

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

Node version, obehagliga överraskningar

Det blir inte alltid som en tänkt sig och oväntade fel kan dyka upp som en obehaglig överraskning. Detta hände när jag skulle publicera en sida med 11ty och Netlify.

  • anteckningar
  • 11ty
  • netlify
  • node
  • posts

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

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

Två punkt noll

Den här posten började som en kopia av språkposten från 2021. Orginalet hade samma datum som när jag skriver det här, men ett år framåt. Nu kommer tyvärr inte det slutgiltiga post-datumet vara måndag den 20 juni, men kanske snart.

  • anteckningar
  • 2.0
  • posts

Koddemos

Det här är en anteckning med koddemos för att dokumentera mitt arbete med att få igång kodexempel på den här sidan. Grunden är hämtad från 5t3phs sidor (smolcss.dev/moderncss.dev) med lite variation för att kunna visa annan kod är css.

  • anteckningar
  • 2.0
  • kod
  • posts

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

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

2022, uppdateringar

Ett nytt år, ett nytt © datum på sidan och kanske ett slut på pandemin. Det här är en kort uppdatering om den här sidan och vad jag har arbetat med.

  • anteckningar
  • nytt år
  • posts
  • reflektion
  • TOD

Advent of code 2021

En väldigt kort anteckning om Advent of code.

  • anteckningar
  • advent of code
  • koda
  • posts

Linta

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

  • resurser
  • eslint
  • posts
  • praxis
  • prettier

Localstorage och slutuppgifter

Kurswebbsystemet jag skapat med namnet TOD, behövde en uppdatering för att tillåta slutuppgifter. Det här handlar om hur en lite feature kan växa sig till ett rätt omfattande refaktorering.

  • anteckningar
  • 11ty
  • javascript
  • localstorage
  • posts
  • TOD

Länkfarm

Sidan behövde en feature som jag saknade, en summering av alla länkar som presenteras i texten. Detta är en anteckning om hur jag löste det.

  • anteckningar
  • 11ty
  • koda
  • posts

Arbeta med Eleventy i klassrummet

Terminen har rullat igång och jag har börjat använda Eleventy i undervisningen.

  • anteckning
  • 11ty
  • posts
  • webbutveckling

Tema, område, del

Mitt intresse för att testa en statisk sidbyggare började i ett projekt kallat Tema, område, del. Detta efter samtal med en kollega.

  • anteckningar
  • 11ty
  • posts
  • TOD

Github Copilot

GitHub har i sommar släppt en teknisk förhandstitt på sin nya AI, GitHub Copilot. Den beskrivs som en AI att parprogrammera med. I nuläget finns den endast som VSCode extension.

  • anteckningar
  • ai
  • github
  • posts

Learn Eleventy from Scratch

Kursen Learn Eleventy from Scratch är nu fritt tillgänglig. Läs mer om den och mina intryck efter slutförd kurs.

  • anteckningar
  • 11ty
  • css
  • länkar
  • posts

Sommarlov

Sommarlovet tar sin början och jag tänkte inleda med att publicera den här bloggen. Förhoppningsvis blir det en del skrivet under sommaren.

  • anteckningar
  • hosta
  • posts
  • projekt

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

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

Språk

På den här sidan har jag valt att skriva på svenska. Det kan verka som en dum ide, när en skriver om kod. Men så får det vara, jag är nöjd med det.

  • anteckningar
  • posts
  • reflektion

Att komma igång

Att komma igång och skriva på webben, blogga, är kanske inte det lättaste. Jag har funderat en del på ett varför. Varför ska jag skriva och varför skulle det vara intressant för någon annan.

  • anteckningar
  • posts
  • reflektion

Learn css

Bra länk.