Uppgiftsbanken
Uppgifter, övningar och laborationer i HTML, CSS, JavaScript, PHP, SQL för att du skall få öva dig i webbprogrammering och webbutveckling.
Youtube i iframe
Bilder i all ära, men videos är ju typ 30 bilder i sekunden, det måste vara bätre.
Bygg ett galleri
I denna uppgift ska ni använda er av er tidigare kunskap inom grid och bygga ett galleri. Ett exempel på ett galleri är profilsidorna på Instagram, som har ett grid som är tre kolumner brett där varje bild har samma bredd som höjd.
Barack Obama’s Instagram
Vi behöver inte göra något riktigt så avancerat som Instagram, men vi vill ha ett galleri på sidan som kan visa upp bilder som en blogg eller bilder på olika projekt ni arbetat med.
JavaScript, DOM och Events
En övning för att bekanta sig med JavaScript och DOM. Hur påverkar man elementens utseende, flyttar dem, lägger till nya element, tar bort element och hur fungerar det med eventhantering?
Gör svenska flaggan med JavaScript och objekt
En uppgift för att komma igång med objekt i JavaScript. Du får i uppgift att bygga vidare på din hantering av flaggor och skapa dem via JavaScript objekt.
Skapa ett mörkt tema
Du skall bygga vidare på ditt egna tema och göra ett “Dark Theme” till det.
Uppgiftens storlek beror på hur du byggt upp ditt tema i föregående kursmoment och hur mycket tid du vill lägga.
“Come to the Dark Side, we have cookies” - Darth Vader
En webbtjänst för att visa väderprognos och historiskt väder
Du skall bygga en webbtjänst som hämtar väderprognosen för ett specifikt område. Du skall även hämta historisk väderdata och presentera det.
Du bygger din kod dels för att presentera resultatet i en traditionell webbsida och dels via ett REST API som ger svaren i JSON.
Bygg om din rapport-sida med CSS-Grid
Du skall bygga om rapport-sidan på din portfolio sida med hjälp utav CSS-Grid.
Du börjar med att strukturera upp din samlingssida (portfolio/report/index.md) för alla rapporter och följer sedan upp med att fixa din layout för dina individuella kursmoment (portfolio/report/kmomXX.md).
Utveckla din portfolio - Kmom02
Du skall bygga ett tema till din portfolio-sida och du bygger temats stylesheet med hjälp utav SASS.
Du börjar strukturera upp din tema-kod i separata filer som vi kallas sass-moduler.
Du lägger till externa moduler och du bygger vidare på ditt temas responsivitet.
#Skapa din egen portfolio-sida
Du skall sätta samman en portfolio-sida till kursen design. För att göra det skall du använda en förberedd kopia av ramverket Pico med innehåll anpassat till kursen design.
Du behöver installera din portfolio, fylla den med innehåll och sedan lägga till egen style med hjälp utav CSS.
Du skall också skapa ett Git-repo av din portfolio-sida och ladda upp det till Github.
Bygg ut din me-sida till version 4 (v2)
Du skall visa dina färdigheter i HTML formulär och sessioner och bygga in av hantering av dessa i din webbplats via en multisida.
Som extrauppgift kan du välja att göra en stilväljare och/eller en login-hantering.