Kursöversikt

Välkommen till "Responsiv webbdesign -GIK32J" vid Högskolan Dalarna!

Denna handbok hjälper dig att navigera genom kursens upplägg, innehåll och praktiska moment.

Om undervisningen

Undervisningen sker på Campus Borlänge genom föreläsningar, lektioner, laborationer, seminarier och frågestunder. Vissa moment kan även ske online via Zoom. Ta alltid med egen laptop till alla undervisningstillfällen i schemat

Förberedelser

I detta kursrum hittar du inspelat material, läsanvisningar och övningar. För att få ut så mycket som möjligt av undervisningen på plats förväntas du delat på alla undervisningstillfällen samt studera material inför varje veckas undervisning.

Det här får du lära dig

Kursen vilar på vetenskaplig grund men har ett starkt fokus på beprövad erfarenhet – det vill säga hur man i praktiken bygger webbsidor.

• HTML: Hyper Text Markup Language) Skapa sidans struktur med text, länkar, bilder, tabeller, formulär och sematiska taggar.

• CSS: Strukturera av din CSS(Casading Style Sheets) med BEM(Block-Element-Modifirer), designa med färger, typografi och responsiva layouter (Flexbox/Grid).

• JavaScript: Introduktion till programmering för att skapa interaktivitet.

• Verktyg: Hantering av professionella verktyg som Visual Studio Code

  • Du har tillgång till en webbserver som du publicer ut på nätet din html-, css-, js- och ev php-filer.

Förkunskapskrav: God datorvana med god förståelse av fil- och mapphantering i Windows eller Mac miljö. Har du bara surfat, shoppat på nätet, läst och skickat mail då är uppförsbacken stor och du behöver plugga på fil- och mapphantering.

Observera: Kursens omfattning är begränsad. Vi hinner inte gå på djupet i alla delar, men målet är att tända en gnista och ge dig en stabil grund för fortsatt lärande.

Grovplanering

Grupparbete & Mobbprogrammering

Vi ser samarbete som en nyckel till framgång. Ni arbetar tre och tre med inlämningsuppgifter och projekt genom så kallad mobbprogrammering.

• Varför? Det höjer kodkvaliteten, minskar buggar och gör att ni lär er snabbare av varandra.

• Verktyg: Använd gärna VS Code Live Share för att koda tillsammans i realtid.

• Individuellt arbete: Sker endast i undantagsfall efter diskussion med kursansvarig.

Hantering av grupper i Canvas (Viktigt!)

Varning: Lämna aldrig en gammal grupp!

För varje ny inlämningsuppgift projektuppgift måste du gå med i en ny grupp under rätt flik i Canvas.

• Samma grupp och medlemmar? Ja, ni kan absolut fortsätta jobba ihop! Men ni måste ändå registrera er i den nya gruppen för den nya inlämningsuppgiften tex CSS-inlämningsgrupp 23").

• Varför? Canvas kopplar betyget till just den specifika gruppuppsättningen. Om ni bara stannar kvar i den gamla HTML-gruppen kan ni inte lämna in CSS-uppgiften korrekt.

Men om du lämnar en grupp av olika anledningar där en inlämning redan gjorts, radera Canvas kopplingen mellan dig och ditt betyg.

Betyget försvinner både för dig och för oss lärare. Det går inte att återskapa.

Om du vill byta grupp inför nästa uppgift, för att det inte funkar av nån anlednin, gör så här:

1. Var kvar i den gamla gruppen.

2. Gå till den nya gruppen du vill vara med i för nästa inlämningsuppgift (t.ex. "CSS Inlämningsgrupp 33").

3. Klicka på "Gå med" (Join) i den nya gruppen.

4. Du ska nu stå med som medlem i två olika gruppuppsättningar samtidigt, den gamla för HTML och den nya för CSS.

Resurser & Kontakt

• Kurslitteratur: Learning Web Design

• Kursansvarig: Pär Eriksson (pei@du.se)

Väl mött!

	Kursplan			Kontaktinformation
	Litteraturlista https://learningwebdesign.com/			Pär Eriksson Kursansvarig pei@du.se
				Malin Gustafsson Lärare magu@du.se
				Robert Pilstål Lärare rpi@du.se