Lektionsplanering: Kodning för dynamiska webbplatser

Årskurs: Gymnasiet

Ämne: Webbserverprogrammering 1

Tema: Kodning för dynamiska webbplatser

Koppling till styrdokument

Centralt innehåll

Denna lektion syftar till att ge en introduktion till programmeringsspråk och teknologier som används för att skapa dynamiska webbplatser, med fokus på syntax och grundläggande strukturer, exempelvis användandet av PHP och JavaScript.

Kunskapskrav

Eleven ska kunna beskriva och tillämpa grundläggande programmeringskoncept för att skapa dynamiska webbplatser.

Lärarledda instruktioner

Introduktion till programmeringsspråk (10 min)

• Förklara vad programmeringsspråk är och deras betydelse inom webbserverprogrammering.
• Diskutera skillnaderna mellan statiska och dynamiska sidor och vilka språk som används för dynamiska webbplatser (exempelvis PHP, JavaScript, och SQL).

Ö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 används för att interagera med användare och databaser.

Översikt av JavaScript (15 min)

• Ge en introduktion till JavaScript och dess roll i webbplatser, särskilt för dynamiska interaktioner.
• Förklara grundläggande koncept inom JavaScript inklusive funktioner, händelsehantering och DOM-manipulation.
• Visa exempel på hur JavaScript kan användas för att skapa interaktiva element på en webbplats.

Reflektion och diskussion (10 min)

• Sammanfatta centrala punkter om hur programmeringsspråk bidrar till att skapa dynamiska webbplatser.
• Diskutera hur eleverna kan tillämpa dessa programmeringskoncept i sina egna projekt.
• Svara på eventuella frågor från eleverna.

Aktivitet

Eleverna delas in i grupper och ska skriva ett enkelt PHP-script som hämtar och visar användardata. Alternativt kan de använda JavaScript för att skapa en interaktiv funktion på en webbsida. Varje grupp delar sina resultat och beskriver hur de genomfört uppgiften och de utmaningar de stött på.

Exit-ticket

• Vad är PHP och vad används det till? (En server-sidigt programmeringsspråk som används för att skapa dynamiska webbsidor.)
• Nämn en fördel med att använda JavaScript på webbplatser. (Att skapa interaktiva och responsiva användarupplevelser.)
• Ge ett exempel på en grundläggande data-typ i PHP. (Sträng, heltal, array.)
• Vad betyder DOM? (Document Object Model; hur HTML-dokument representeras som ett objekt i JavaScript.)
• Hur kan man använda händelsehantering i JavaScript? (Genom att lyssna efter användaråtgärder som klick eller tangenttryckningar.)

Hemuppgift

Som hemuppgift ska eleverna skapa en dynamisk webbsidefunktion (exempelvis en formulärbearbetare eller ett enkelt spel) med PHP eller JavaScript. De ska dokumentera steg och reflektera över sin kod och dess funktionalitet.

Citat

”Koden är spegeln av vårt tänkande.” – Okänd

Citatet betonar vikten av hur programmering reflekterar våra tankar och idéer i praktisk form.