Webbserverprogrammering 1 · område 3 · lektion 21–22

Vad prov 2 prövar

Osäkerhet inför ett prov kostar mer än innehållet. Den här sidan säger vad som kommer, vad som inte kommer, och hur frågorna ser ut. Tre av de fyra frågetyperna har kod i sig – de finns nedan, körda och klara.

• 9 nov Inlämning 3, kl 23:59 Att göra klart uppgiften är den bästa provförberedelsen som finns.
• 10 nov Prov 2 – komponenter, routing och layout 80 minuter, utan dator.

1. Formen

• Åttio minuter. Sluttiden skrivs på tavlan.
• Ingen dator, ingen telefon, inga anteckningar. Papper och penna.
• Fjorton frågor. Poängen står vid varje fråga.
• Läs hela provet innan du börjar svara.
• Kod som är nästan rätt ger poäng. En komponent utan [Parameter] men med allt annat rätt är värd mer än ett tomt svar.

2. Vad som kommer

Det här kommer säkert: skillnaden mellan en komponent och en sida. Vad [Parameter] gör. Vad :int gör. Varför /filmer/99 ska svara 404 och inte 200. Och när OnParametersSet körs.

Det här kommer inte: ingen CSS, inga metodnamn ur ramverket som inte använts i kursen, ingenting om databaser eller tjänster.

3. Frågetyp 1 – vad skrivs ut?

Du får en komponent och en sida som använder den, och skriver vad som hamnar på skärmen.

Komponenten:

<p>
    @Titel (@Ar) talas på @Sprak.
</p>

@code {
    [Parameter]
    [EditorRequired]
    public string Titel { get; set; } = "";

    [Parameter]
    [EditorRequired]
    public int Ar { get; set; }

    [Parameter]
    public string Sprak { get; set; } = "japanska";
}

Sidan:

@page "/provtraning/1"

@* Frågetyp 1: vad skrivs ut? *@

<h1>Provfråga 1</h1>

<Sats Titel="Sju samurajer" Ar="1954" />
<Sats Titel="Cykeltjuven" Ar="1948" Sprak="italienska" />

@code {
}

Svara innan du klickar.

4. Frågetyp 2 – vad är fel?

Ett kodstycke som bygger utan fel och utan varningar, kör utan att krascha – och ändå svarar fel.

@page "/provtraning/2"
@page "/provtraning/2/{sida:int}"

@* Frågetyp 2: vad är fel? Sidan bygger, kraschar inte, och svarar ändå fel. *@

<h1>Sida @Sida av 4</h1>

<p>Visar poster @((Sida - 1) * 10 + 1) till @(Sida * 10).</p>

@code {
    [Parameter]
    public int Sida { get; set; } = 1;
}

Sidan finns på två adresser. Vad blir fel, och på vilken?

5. Frågetyp 3 – skriv koden

Du får en beskrivning och skriver komponenten för hand. Så här kan den lyda:

Skriv en komponent Lagerstatus som tar emot ett antal som int och visar Slut när antalet är noll, Få kvar (N) när det är lågt och I lager (N) annars. Gränsen för "lågt" ska gå att ändra utifrån, men ska vara 3 om ingen säger något.

Ett fullpoängssvar:

<span class="@Klass()">@Text()</span>

@code {
    [Parameter]
    [EditorRequired]
    public int Antal { get; set; }

    [Parameter]
    public int Grans { get; set; } = 3;

    private string Klass() => Antal == 0 ? "etikett etikett-nej" : "etikett etikett-ja";

    private string Text()
    {
        if (Antal == 0)
        {
            return "Slut";
        }

        if (Antal <= Grans)
        {
            return $"Få kvar ({Antal})";
        }

        return $"I lager ({Antal})";
    }
}

Och en sida som använder den:

@page "/provtraning/3"

@* Frågetyp 3: skriv koden. Det här är ett fullpoängssvar. *@

<h1>Provfråga 3</h1>

<Lagerstatus Antal="7" />
<Lagerstatus Antal="0" />
<Lagerstatus Antal="2" Grans="5" />

@code {
}

6. Frågetyp 4 – förklara

En mening om varför något är som det är. Den här typen har ingen kod, och den går inte att plugga in kvällen före – den kräver att du byggt något och tänkt på varför.

Exempel på hur de kan låta:

• Varför måste en parameter vara public?
• Varför kan inte en komponent ändra i listan den fick?
• Varför är det ett problem att en sida som säger "finns inte" svarar 200?
• Varför spelar det roll var uppslagningen ligger, när båda metoderna körs en gång var ändå?

7. Fjorton repetitionsfrågor

Svara högt för dig själv innan du klickar på raden. Att känna igen ett svar är inte samma sak som att kunna det.