Kmom01: En boilerplate

Kom igång med kursen, din utvecklingsmiljö och produktionsmiljön. Bekanta dig med begreppet boilerplate. Läs in dig på ramverket HTML5Boilerplate och använd det som en mall för att skapa din me-sida.

Allt för att bli varm i kläderna. Tjuvkika på mos me-sida för att se vad momentet kan resultera i.

(Kursmomentet omfattar cirka 20 studietimmar fördelat på läsanvisningar, uppgifter och övningar samt resultat, redovisning och eftertanke.)

#Läsanvisningar

(ca: 4-6 studietimmar, inklusive extra läsning i referenslitteraturen efter eget val)

#Kurslitteratur

Läs följande:

1. Pro PHP: Patterns, Frameworks, Testing and More
   • Ch1 Abstract Classes, Interfaces and Programming by Contract
   • Ch2 Static Variables, Members and Methods

Du kommer behöva plugga på om mer avancerade PHP-konstruktioner så börja med att läsa igenom boken redan nu. Annars kommer du att sakna viktig baskunskap inför kommande kursmoment. Om du väljer att inte läsa boken så kommer du ha betydligt svårare att förstå koden i kursen och du kommer inte att komma lika långt i ditt kunnande.

#Lektionsmaterial

Följande föreläsningsmaterial finns tillgängliga för campus-kursen. Presentationerna kan vara av intresse även för distansstudenter så skumma gärna igenom dem lite snabbt.

• Kursintroduktion med formalia och upplägg.
• Översikt av HTML5 Boilerplate.
• Vad gör en bra webbplats?.

#Lästips

Läs guiden “Kom igång med Git och Github”. Läs gärna på om Git och GitHub, du kommer att ha nytta av det lite längre fram i kursen och det skadar inte att läsa på redan nu.

#Övningar & Uppgifter

(ca: 8-12 studietimmar)

#Övningar

Gör följande övning, de behövs för att klara uppgifterna.

• Studera artikeln “Vad är HTML5 Boilerplate?” och ägna sedan lite tid att plugga på om HTML5 Boilerplate och vad det är. Du skall strax använda det för att bygga en enkel webbplats.

#Uppgifter

Följande uppgifter skall utföras och resultatet skall redovisas via me-sidan.

1. Gör en me-sida genom att använd HTML5 Boilerplate som grund. Me-sidan skall innehålla en presentation av dig själv, en redovisningssida och möjlighet att visa källkoden. Styla den så att den ser bra ut.

#Extra

I kursen kommer vi att publicera den slutliga koden på GitHub. Det skadar inte att komma igång redan nu med Git och GitHub. Ta det som en extra uppgift att skapa dig ett eget konto på GitHub och ett repository att testa med.

#Resultat & Redovisning

(ca: 1-2 studietimmar)

1. Skriv redovisningstext på din me-sida. Skriv ett stycke (minst 15 meningar) om kursmomentet. Reflektera över svårigheter, problem, lösningar, erfarenheter, lärdomar, resultatet, etc.

2. Se till att följande frågor besvaras i texten:

   • Vilken utvecklingsmiljö använder du?
   • Vad tycker du om boilerplate-konceptet i allmänhet och HTML5Boilerplate i synnerhet?
   • Hur tänkte du och gick tillväga när du gjorde din me-sida med HTML5Boilerplate?
   • Vad fann du extra intressant med HTML5Boilerplate?

3. Kopiera texten och lämna in den på redovisningen ITs tillsammans med en länk till din me-sida. Läraren kommer snabbt kolla igenom dem. Betyg är G (godkänd) eller komplettera (komplettera -> gör om -> gör bättre). Betyget baseras på din redovisningstext samt att din me-sida fungerar.

4. Ta ytterligare en kopia av redovisningstexten och gör ett inlägg i kursforumet. Visa upp vad du gjort och berätta att du är klar. Länka till din me-sida.

Klart! Läs gärna dina med-studenters inlämningar och ställ dina frågor i forumet. Se till att du får dina frågor besvarade.

#Revision history