PHP Intro

1 Front-End en Back-End

🎯 Leerdoelen

• Je weet wat frontend en backend zijn.

• Je kunt het verschil uitleggen in je eigen woorden.

• Je kunt bij een website aanwijzen wat frontend is en wat backend is.

Wat is frontend?

• De voorkant van een website: alles wat de gebruiker ziet.

• Wordt gemaakt met HTML, CSS, JavaScript.

• Denk aan knoppen, kleuren, tekst, afbeeldingen.

👉 Vergelijking: de menukaart en bediening van een restaurant.

Wat is backend?

• De achterkant van een website: alles wat op de server gebeurt.

• Zorgt voor berekeningen, het opslaan van gegevens, inloggen, bestellingen verwerken.

• Wordt vaak gemaakt met talen zoals PHP, Python, Node.js.

👉 Vergelijking: de keuken van een restaurant.

Client en server

De computer is geen restaurant, maar je kunt het er wel mee vergelijken: de webbrowser waar de bestellingen worden opgenomen en de webserver (ergens in de cloud) is de keuken.

Bestandsoorten

We kennen al HTML en CSS, later gaan we ons verdiepen in Javascript en PHP.

Bestandssoorten	Functie	Waar
HTML	Basis opmaak van een webpagina	Front-end / browser
CSS	Detail opmaak van een webpagina	Front-end / browser
JavaScript	Interactie programmeren in de browser	Front-end / browser
PHP	Interactie programmeren op de server	Back-end / server

Opdracht 1

Geef van elk van de onderstaande situatie wat het is:

front-end, back-end of beiden?

Licht elk antwoord in eigen woorden toe.

	Situatie	Front-end, back-end, beiden	Toelichitng
1	Je klikt op een knop om een filmpje te starten.
2	Je stuurt een contactformulier in en krijgt “Bedankt voor je bericht!”.
3	Een webwinkel controleert of er nog voorraad is.
4	Je ziet de kleuren en lettertypes van een website veranderen.
5	Een systeem herkent of je het juiste wachtwoord hebt ingevuld.
6	Je krijgt je resultaten na een online quiz.