Dynamisch Genereren van HTML Elementen met PHP

Dynamisch Genereren van HTML Elementen met PHP
1 / 17
volgende
Slide 1: Tekstslide
Applicatie- en mediaontwikkelaarMBOStudiejaar 1

In deze les zitten 17 slides, met interactieve quizzen en tekstslides.

time-iconLesduur is: 60 min

Onderdelen in deze les

Dynamisch Genereren van HTML Elementen met PHP

Slide 1 - Tekstslide

Deze slide heeft geen instructies

Hoe staan we erin vandaag?
😒🙁😐🙂😃

Slide 2 - Poll

Deze slide heeft geen instructies

Leerdoel
Het dynamisch genereren van html elementen aan de hand van het aantal rows uit de database met gebruik van php.

Slide 3 - Tekstslide

Deze slide heeft geen instructies

Inhoud
Voorkennis activeren
Wat is dynamisch genereren
Hoe doe je dat
Opdracht

Slide 4 - Tekstslide

Deze slide heeft geen instructies

Waarmee maak je een nieuwe regel in de tabel
A
FLOAT
B
UPDATE
C
CREATE
D
INSERT

Slide 5 - Quizvraag

Deze slide heeft geen instructies

Hoe schrijf je een SELECT query

Slide 6 - Open vraag

Deze slide heeft geen instructies

Wat doet Auto Increment
A
Verhoogd de teller met 1
B
Is een verplicht veld die je moet invullen
C
Genereert een uniek nummer
D
Doet niets

Slide 7 - Quizvraag

Deze slide heeft geen instructies

Hoe kan PHP worden gebruikt om gegevens uit een database op te halen?

Slide 8 - Woordweb

Deze slide heeft geen instructies

Html
Wat zijn HTML-elementen en hoe worden deze normaal gesproken gegenereerd op een webpagina?

Slide 9 - Tekstslide

Deze slide heeft geen instructies

Dynamische Generatie
Wat betekent het om HTML-elementen dynamisch te genereren en waarom is dit handig?

Slide 10 - Tekstslide

Deze slide heeft geen instructies

Aantal Rows Uit Database
Hoe kan het aantal rijen uit een database worden opgehaald en gebruikt worden in PHP?

  • Fetch()
  • FetchAll()

Slide 11 - Tekstslide

Deze slide heeft geen instructies

Loopstructuur in PHP
Wat is een loop in PHP en hoe kan dit worden toegepast bij het genereren van HTML-elementen?


Slide 12 - Tekstslide

Deze slide heeft geen instructies

Praktische Oefening
Oefening: Gebruik de opgehaalde databasegegevens om een dynamische lijst van HTML-elementen te genereren met PHP.

Slide 13 - Tekstslide

Deze slide heeft geen instructies

Wat: Maak dynamische HTML elementen.
Hoe:
  • Gebruik een select all om data op te halen.
  • Gebruik een foreach loop om die in je html tags te laden.
Hulp:  
Stap1:
W3schools/PDO
W3schools/loops
Stap2: Vraag de Docent
Tijd: 10min
Klaar: Genereer een delete knop bij elke regel

Slide 14 - Tekstslide

Deze slide heeft geen instructies

Schrijf 3 dingen op die je hebt geleerd over dynamisch genereren.

Slide 15 - Open vraag

De leerlingen voeren hier drie dingen in die ze in deze les hebben geleerd. Hiermee geven ze aan wat hun eigen leerrendement van deze les is.
Schrijf 2 dingen op waarover je meer wilt weten.

Slide 16 - Open vraag

De leerlingen voeren hier twee dingen in waarover ze meer zouden willen weten. Hiermee vergroot je niet alleen betrokkenheid, maar geef je hen ook meer eigenaarschap.
Stel 1 vraag over iets dat je nog niet zo goed hebt begrepen over deze les.

Slide 17 - Open vraag

De leerlingen geven hier (in vraagvorm) aan met welk onderdeel van de stof ze nog moeite. Voor de docent biedt dit niet alleen inzicht in de mate waarin de stof de leerlingen begrijpen/beheersen, maar ook een goed startpunt voor een volgende les.