H5: Webapps bouwen

• Applicatie- en mediaontwikkelaar
• MBO
• Studiejaar 1

Webapps bouwen (introductie)

WDV-III en DBS-I

Les H5 / Week 3

Klaar met het feedbackmoment

1. Ja

Even terugblikken

• Queries schrijven
• SELECT
• INSERT 

Doelen van vandaag

Over deze module

• Bouwen van een webapplicatie
• Ondersteuning bij B3 ('takenlijst')
• HTML, CSS, PHP, SQL
• 1 les is meestal 1 hoofdstuk; check de studiewijzer
• Iedere les 1 inleveropdracht
• Alle theorie te vinden in moduleboekje

Kernbegrippen

Als programmeur hoef je niet álles uit je hoofd te weten, je kunt immers veel dingen opzoeken. Je moet wel basiskennis hebben, anders weet je niet wát je moet opzoeken.

De zwarte cirkels zijn 'kernbegrippen'. Alle andere kennis hangt ermee samen, maar als je het kernbegrip niet kent zal je ook de andere bolletjes nooit weten te vinden.

Kernbegrippen

Kernbegrippen uit het moduleboekje moet je uit je hoofd leren.

Beoordeling

• Week 3a: schrijven van databasequeries FB13
• Week 7b: theoretische toets over kernbegrippen FB19.
• Week 14: einde module 

Zie verder ook moduleboekje.

Basis van een webapp

We gaan kennismaken met drie begrippen:

• Het CRUD-principe
• De lagen van een webapp
• De request/response-cyclus.

Het CRUD-principe

De taken van een webapp

We gaan kennismaken met drie begrippen:

• Het CRUD-principe
• De lagen van een webapp
• De request/response-cyclus.

CRUD

Het CRUD-principe vertelt ons wat een webapp moet doen:

CRUD
Create
Read
Update
Delete

CRUD

Het CRUD-principe vertelt ons wat een webapp moet doen:

CRUD	SQL
Create	INSERT INTO …
Read	SELECT … FROM
Update	UPDATE … SET
Delete	DELETE FROM …

CRUD

Het CRUD-principe vertelt ons wat een webapp moet doen:

CRUD	SQL	HTML
Create	INSERT INTO …	Pagina met formulier
Read	SELECT … FROM	Pagina met lijst of tabel
Update	UPDATE … SET	Aanpas-knop, daarna formulier
Delete	DELETE FROM …	Verwijder-knop

De "C" in CRUD staat voor...

1. C#
2. Create
3. Connect
4. CSS

De "r" in CRUD staat voor "read",
dat betekent:

1. Toon een lijst of tabel met alle items
2. Laat een gebruiker bijvoorbeeld een boek lezen
3. Het aanpassen van een bestaande item

De U en D staan voor...

Je maakt een app om games te verkopen. Wat zou een resource kunnen zijn in deze app?

(Kies een van de twee goede antwoorden)

1. Klant
2. Inloggen
3. Game
4. Formulier

Je maakt een app om taken bij te houden.
Een voorbeeld van een resource in deze app is een ...

De lagen van een webapp

De front-end in de browser bestaat uit...

1. HTML, CSS, PHP en C#
2. HTML, CSS en PHP
3. HTML en CSS
4. Alleen HTML

Het uitvoeren van query's en dynamisch bouwen van HTML gebeurt in...

1. Database
2. Backend
3. Front-end

Request / response

0

Het opvragen van
een pagina is een...

1. request
2. response

In een response kun je
terugvinden...

1. HTML, CSS, PHP, C#
2. HTML, CSS, PHP
3. HTML, CSS
4. HTML

C en D allebei goed gerekend. In meeste gevallen natuurlijk C, maar het kan eventueel ook D zijn

REQUEST

RESPONSE

Backend

Database

Front-end

En verder...

Kijk nogmaals de kennisclip, en vat deze samen in minimaal drie / maximaal tien "bulletpoints":

• Lorem ipsum
• Dolor sit amet
• ........

Tip: niet vandaag (wel voor volgende les). Blijft beter hangen.