Så blir kod
en app.

I en kodredigerare (editor), till exempel Visual Studio Code. Den är gratis. Word och Pages fungerar inte, de gömmer formatering i filen. Skriv koden, spara som sida.html, dubbelklicka på filen så öppnas den i webbläsaren. På surfplatta eller mobil går det att använda en kodsajt i webbläsaren, till exempel CodePen. Terminalen använder man till kommandon (kör, installera, publicera), inte till att skriva sidor.

Skisser och flöden på papper är bra, det gör proffs också. Själva koden skrivs i editorn, för datorn måste kunna läsa den och du vill kunna testa direkt.

Webbläsaren läser HTML uppifrån och ner och bygger ett träd av lådor (DOM). CSS bestämmer hur varje låda ser ut: färg, storlek, plats. Sedan målas allt på skärmen, flera gånger i sekunden. En riktig bild är en egen fil som HTML pekar på med <img src="bild.png">. Former och ikoner kan också ritas direkt i kod med CSS eller SVG.

HTML är innehåll och struktur (rubrik, text, knapp). CSS är utseende (färg, typsnitt, placering). JavaScript är beteende (vad som händer när man trycker, räknar, hämtar). Tre språk, en sida.

Ett textfönster där du skriver kommandon och datorn svarar med text. Före mus och fönster var det enda sättet. Utvecklare använder terminalen varje dag än i dag, för att köra program, installera saker och publicera. KOD.EXE ser ut som en DOS-terminal för att det är kul och för att det är så det började.

Nej. Din kod körs i en sandlåda (sandbox): en avstängd bit av webbläsaren utan nät, utan filer och med tidsgräns. En oändlig loop stoppas efter två sekunder. Värsta fallet är en nivå som inte går igenom.

Datorn tolkar exakt det du skrev, inte det du menade. En saknad > eller ; ändrar betydelsen. Därför finns ledtrådar och felmeddelanden: läs dem, de pekar oftast nästan rätt. Så jobbar alla, även proffs.

Lite. Nyckelorden är engelska (if, for, function, return) men de är få och du lär dig dem genom att använda dem. Förklaringar i KOD.EXE är på svenska.

Plus, minus, gånger och delat räcker väldigt långt. Logik (om det här, gör det där) är viktigare än matte.

BIT är en övnings-AI i spelet. Du beställer kod med promptkort och BIT bygger. Precis som med riktiga AI-verktyg blir resultatet så bra som beställningen: mål, krav, exempel, format. Onödiga kort (brus) gör resultatet sämre. Det är inte fusk. Det är ett av jobben nu: beskriva tydligt, läsa det som kommer tillbaka och testa att det fungerar.

Lokalt i webbläsaren (localStorage). Inget konto, ingen server. Rensar du webbläsaren eller byter enhet försvinner det, så använd Spara kopia under System. Filen går att läsa in igen.

Det är en PWA (Progressive Web App): en webbsida som kan installeras. iPhone: Dela → Lägg till på hemskärmen. Android: menyn → Installera app. En service worker sparar filerna så att den fungerar utan nät.

Nivå 1 tar en minut. En enkel egen sida klarar de flesta efter några veckor med tio minuter om dagen. Veckomålet (3 dagar) finns för att lite ofta slår mycket sällan.

Målet är att du ska kunna bygga en app som KOD.EXE: en fil med HTML, CSS och JavaScript som fungerar i mobilen, utan nät, publicerad på riktigt. Därefter Python och servrar.

Ordet användes redan på 1800-talet om fel i maskiner. Den kända historien är från 1947: tekniker hittade en riktig mal i en dator och tejpade in den i loggboken. Sedan dess säger vi bugg, och att laga det heter att debugga.

Skicka länken stahledigital.se/kod till klassen, så är eleverna igång: gratis, utan konto, inget att installera och inga uppgifter om eleverna sparas hos oss. På sidan för lärare finns tre lektionsupplägg, vad som gäller för säkerhet och enheter, och kopplingen till läroplanen.

För lärare – öppna sidan