Fredagen den 19/9 2025
Hej! Idag är jag hemma med sjukt barn, men jag hoppas att ni ändå får en effektiv lektion.
Jag har varit i ytterligare kontakt med kommunens IT-avdelning. Det visade sig att er tillgång till de blockerade tjänsterna var blockerade på mer än ett ställe. Det ska förhoppningsvis vara åtgärdat nu.
Någon i gruppen kanske kan skicka ett mail till mig och berätta om det fungerar?
Förutsatt att allting fungerar som det ska nu till slut, så är målet med dagens lektion att alla ska ha en fungerande index.html, changelog.md och todo.md på plats. todo.md måste inte ha något innehåll ännu egentligen, men börja gärna använda den med detsamma. Den är ett bra verktyg.
Om du är klar med allt ovan kan du börja läsa på de första två-tre sidorna om CSS, som jag planerar att gå igenom på måndag.
Välkommen till kursen WEBWEU01, webbutveckling 1
I kursen kommer vi arbeta med att skapa webbplatser från grunden, på en så vanlig webbserver som möjligt, för att förstå hur webben fungerar. Du kommer alltså inte arbeta i något färdigt publiceringssysten (CMS), utan skriva filer som du själv laddar upp på webbservern. Du kommer också få lära dig om internet och webbens historia och utveckling och hur de är organiserade, viktig juridik och en del annat.
Så här beskrivs kursen av Skolverket (centralt innehåll):
Undervisningen i kursen ska behandla följande centrala innehåll
- Webben som plattform, dess historia och samhällspåverkan.
- Teknisk orientering om webbens protokoll, adresser, säkerhet och samspelet mellan klient och server.
- Publikation av webbplatser med och utan webbpubliceringssystem.
- Processen för ett webbutvecklingsprojekt med målsättningar, planering, specifikation av struktur och design, kodning, optimering, testning, dokumentation och uppföljning.
- Märkspråk och deras inbördes roller, syntax och semantik – där det huvudsakliga innehållet är standarderna för HTML och CSS samt orientering om Ecmaskript och dokumentobjektsmodellen (DOM).
Teckenkodning, begrepp, standarder och handhavande.
- Bilder och media med alternativa format, optimering och tillgänglighet.
- Riktlinjer för god praxis inom webbutveckling.
- Interoperabilitet genom att följa standarder och testa på olika användaragenter.
- Applikationer som fungerar oberoende av val av användaragent, operativsystem eller hårdvaruplattform och hur tillgänglighet uppnås även för användare med funktionsnedsättning.
- Kvalitetssäkring av applikationens funktion och validering av kodens kvalitet.
Säkerhet och sätt att identifiera hot och sårbarheter samt hur attacker kan motverkas genom effektiva åtgärder.
- Lagar och andra bestämmelser som styr digital information, till exempel personuppgiftslagen och lagen om elektronisk kommunikation.
- Terminologi inom området webbutveckling.
Miljön
Du kommer att arbeta mot en webbserver som är konfigurerad på det kanske vanligaste sättet, vad man brukar kalla en LEMP-server (Linux, NGINX, MySQL, PHP)
- Operativsystem: Ubuntu (Linux). Det absoluta flertalet webbservrar är linuxservrar, av dessa är Ubuntu överlägset vanligast.
- Webbserverprogram: NGINX. Samma sak här, NGINX är den vanligaste webbservern, även om Apache, som tidigare helt dominerade, är fortfarande tvåa.
- Databasmjukvara: MySQL (egentligen MariaDB). Även detta är den vanligaste lösningen. MariaDB är en modernare och bättre variant av MySQL.
- Serverskriptspråk: PHP. PHP är det ojämförligen mest använda serverskriptspråket, installerat på ungefär tio gånger fler servrar än närmaste konkurrenten, Microsofts ASP.net (2021).
Språk
Du kommer arbeta med flera olika kodspråk, framför allt HTML och CSS som är de språken som alla webbsidor är skrivna i, men också Javascript/Ecmascript som du ska kunna använda och redigera.
De viktigaste språken
- HTML
- HyperText Markup Language. Märkspråket som allt webbinnehåll är skrivet i.
- CSS
- Cascading StyleSheets. Stilmallar som styr utseendet på och utformningen av webbsidor.
- Javascript/Ecmascript (olika namn på i praktiken samma språk)
- Skriptspråk för att skapa programfunktioner på webbsidor
Hjälpspråk
- Markdown, MD
- Ett radikalt förenklat märkspråk, som kan omtolkas till HTML med script, men framför allt språket du ska använda för att skriva din dokumentation. Används mycket på GitHub och GitLab.
- PHP
- PHP: Hypertext Preprocessor. Ett skriptspråk som körs på webbservern. PHP är en preprocessor som skapar HTML, CSS och JS från andra källor, det kan vara databaser, textfiler, webformulär eller något annat. Vi kommer inte fördjupa oss mycket i PHP, men eftersom det kan förenkla arbetet rejält är det naturligt att nosa på språket.
Vi kommer eventuellt få anledning att kika lite på en del andra hjälpspråk och tekniker också, som SASS eller LESS (CSS-preprocessorer), alternativa skriptspråk och annat. Genom åren har det skapats många hjälpmedel för att effektivisera komplexa arbetsuppgifter. Ibland framgångsrikt, ibland inte.
