Webbutveckling · område 3
Inför prov 2
Kodprov i CSS, skriftligt och utan dator. Den här sidan säger vad provet är, vad som kommer och hur du pluggar. Själva innehållet står i guiden – det är dit varje rad här pekar.
- 2 dec Prov 2 – kodprov CSS, kl 11:05 50 minuter. Salen är den vanliga.
Så ser provet ut
- Tolv frågor, 100 poäng, 50 minuter
- Ingen dator, inga anteckningar, ingen mobil. Du får penna och papper
- Du skriver CSS för hand. Indenteringen bedöms inte – det som räknas är att selektorn träffar rätt, att egenskaperna är de rätta och att klamrar och semikolon sitter där de ska
- Frågorna utgår från referensprojektet, sajten om fyrarna. Men koden du
själv ska skriva handlar om något annat, så det går inte att lära sig
stil.cssutantill och skriva av den - Några frågor är räknefrågor. Skriv ut hur du räknar – rätt uträkning med ett slarvfel i sista ledet ger mer än ett ensamt tal
- Några frågor visar kod som är trasig. Då ska du säga vad som är fel, vad användaren märker av felet, och hur du lagar det. Alla tre delarna ger poäng
Frågorna om trasig kod vill veta vad någon annan ser. En regel som inte fungerar syns alltid som något konkret på skärmen – text som hamnar fel, en ruta som är för bred, något som inte går att komma åt. Det är den delen som skiljer ett svar på E-nivå från ett på C.
Betygsgränser
| Betyg | Poäng | Utöver poängen |
|---|---|---|
| E | 40 | – |
| C | 65 | Minst halva poängen på de två frågor där du skriver längre egen CSS |
| A | 85 | Poäng på den svåra frågan, och minst halva poängen på en av felsökningsfrågorna |
Villkoret på C finns av en anledning: den som kan förklara CSS men inte skriva den ska inte nå C på ett kodprov.
Vad som examineras
Sju av områdets åtta genomgångar. Sista kolumnen är där du läser på.
| Lektion | Du ska kunna | Läs |
|---|---|---|
| Stilmallar och selektorer | Koppla in en stilmall, och räkna ut vilken regel som vinner när flera träffar samma element | Avsnitt 1, 2 och 3 |
| Boxmodellen | Räkna ut ett elements faktiska bredd, med och utan
border-box |
Avsnitt 4 |
| Färg och typografi | De tre sätten att skriva färg, hur en typsnittsstack fungerar, och
skillnaden mellan rem och em |
Avsnitt 5 och 6 |
| CSS-variabler | Skriva egna egenskaper som når hela dokumentet, och hämta dem där de behövs | Avsnitt 7 |
| Flexbox | Bygga en rad som bryter till nästa rad när utrymmet tar slut | Avsnitt 8 |
| Grid | Läsa ett rutnät som räknar ut sitt eget kolumnantal, och säga hur många kolumner det blir vid en given bredd | Avsnitt 9 |
| Komponenter och tillstånd | Ge en komponent ett utseende för de lägen den kan hamna i | Avsnitt 10 |
Vad som inte kommer
- Att bygga efter en mockup. Det är en arbetsform, inte något som går att pröva utan dator. Det bedöms i uppgiften i stället
- HTML. Det prövades i prov 1. Markeringen finns med som underlag att stilsätta mot, men inga frågor handlar om att välja element
- JavaScript. Kommer först i vårterminen
- Färdiga färgvärden. Ingen behöver kunna en hex-kod utantill. Att veta vad
de tre talen i
hsl()står för är däremot rimligt - Verktygen. Inga frågor om DevTools, VS Code eller hur du committar
Så pluggar du
Fem saker, i den här ordningen. Den sista är den som ger mest och som flest hoppar över.
Plugglista
Kryssen sparas i din webbläsare.
Att läsa CSS och att skriva CSS är två olika färdigheter, och provet prövar den andra. Har du aldrig skrivit en regel utan autokomplettering märker du det för första gången under provet – och då är det för sent. Det är inte egenskapernas namn som sitter löst, det är klamrarna, kolonen och semikolonen. Femton minuter med papper och penna dagen före är den enskilt bästa förberedelsen.
Om du är sjuk på provdagen
Hör av dig samma dag, inte veckan efter. Du får skriva provet vid ett annat tillfälle, men du behöver komma överens med mig om när.