Lektionsplanering i Webbutveckling 2

Årskurs: Gymnasiet
Ämne: Webbutveckling 2
Tema: Kodning för dynamiska webbplatser

Koppling till styrdokument

Centralt innehåll

Denna lektion syftar till att introducera eleverna till programmeringsspråk som används för att skapa dynamiska webbplatser, med särskilt fokus på PHP och JavaScript. Eleverna lär sig om grundläggande syntax och strukturer samt hur dessa språk interagerar med webbservern.

Kunskapskrav

Eleven ska kunna använda grundläggande programmeringskoncept inom PHP och JavaScript för att skapa och manipulera dynamiska webbsidor.

Lärarledda instruktioner

Introduktion till programmeringsspråk (10 min)

• Förklara vad programmeringsspråk är och deras betydelse för webbserverprogrammering.
• Diskutera skillnaderna mellan server-side (ex. PHP) och client-side (ex. JavaScript) programmering.
• Presentera användningsområden för PHP och JavaScript på webbplatser.

Översikt av PHP-syntax (15 min)

• Introducera grundläggande syntax för PHP, inklusive variabler, datatyper, och operatorer.
• Demonstrera hur man skriver en enkel PHP-skript för att bearbeta och visa data.
• Diskutera hur PHP integreras med HTML för att skapa dynamiska sidor.

Översikt av JavaScript (15 min)

• Förklara vad JavaScript är och dess roll i att skapa interaktiva element på webbplatser.
• Gå igenom grundläggande JavaScript-koncept, som variabler, funktioner och händelsehantering.
• Visa exempel på hur man använder JavaScript för att manipulera DOM (Document Object Model) och skapa dynamiska användarupplevelser.

Reflektion och diskussion (10 min)

• Sammanfatta viktiga punkter om PHP och JavaScript och deras funktioner för att skapa dynamiska webbplatser.
• Diskutera hur eleverna kan tillämpa dessa programmeringsspråk i sina egna projekt.
• Svara på eventuella frågor från eleverna.

Aktivitet

Eleverna delas in i grupper och får i uppgift att skapa en webbapplikation med PHP och JavaScript. De ska implementera en enkel funktion (exempelvis en formulärbearbetare som tar emot användardata och visar den tillbaka). Varje grupp visar upp sin arbetsprocess och hur deras kod påverkar webbsidan.

Exit-ticket

• Vad gör PHP och hur används det? (Det är ett server-side språk som används för att skapa dynamiska webbsidor.)
• Nämn en grundläggande datatyp i PHP. (Sträng, heltal, array, etc.)
• Hur används JavaScript för att förbättra webben? (För att skapa interaktivitet och dynamiska användarupplevelser på klient-sidan.)
• Vad står DOM för? (Document Object Model; hur HTML-dokument representeras som ett objekt.)
• Hur kan man använda JavaScript för att hantera händelser? (Genom att knyta funktioner till exempelvis klick på knappar eller tangenttryckningar.)

Hemuppgift

Som hemuppgift ska eleverna skapa en enkel PHP-skript som läser in och bearbetar användardata. De ska dokumentera sin kod och reflektera över vilken funktionalitet de skulle vilja lägga till för att göra applikationen mer komplett.

Citat

”Kod är som humor. När du måste förklara det, är det dåligt.” – Cory House

Citatet framhäver vikten av att skriva tydlig och enkel kod som är lätt att förstå direkt.