<aside> 👉

Introductie

In Module 3.1 heb je een statische webshop gebouwd: alle HTML en CSS-code die de bezoeker van je webshop in de browser ziet, heb jij handmatig of te wel hard-coded ingevoerd .

In deze module gaan we een stap verder door de code van je webshop dynamisch in beeld te brengen. Dit is handig want

voorbeelden:

Om de shop dynamisch te maken gaan we PHP gebruiken. PHP staat voor PHP Hypertext Preprocessor. Met PHP kan je code en data verwerken (preprocessen) en vervolgens het resultaat als HTML in beeld brengen.

php-olifant.png

</aside>

Lesinhoud

Beoordeling

Week 1 - dynamisch maken van de Front-end met PHP

Week 2 - Webshop uitbreiden met detail-pagina’s

Week 3 - Webshop uitbreiden met winkelmand en bestelpagina

Week 4 - Bedankt-pagina en oplevering

Challenges en Weekopdrachten

Deze module bestaat ook weer uit challenges en weekopdrachten.

De challenges zijn ervoor op de kennis op te doen voor de weekopdrachten. De weekopdrachten samen vormen de eindopdrachte: een echte, dynamische webshop waarin je producten kunt bestellen!

<aside> 👉

De challenges ga je maken en afvinken bij de docent. De challenges helpen je bij het maken van de weekopdrachten

Voor de weekopdrachten is er 1 Github Classroom-repo die uiteindelijk de complete eindopdracht vormt: een dynamisch werkende webshop

</aside>

GITHUB

Voor deze opdracht heb je een aantal dingen nodig (zie weekopdracht 0 );

  1. Je werk van de vorige module: Module 3.1 Webshop Front-end Statisch

  2. Je hebt een repository op de nieuwe Github Classroom:

    <aside> 📌

    https://classroom.github.com/a/Yf5spGHV

    </aside>

    Deze repository groeit elke week met een update van je webshop.

Beoordeling

Beoordelingscriteria:

Planning

week 1 Lesinhoud Opdrachten / challenges
Maandag Presentatie: Kickoff:

Github opzetten via Classrooms | • Weekopdracht 0: project opzetten | | Dinsdag | Presentatie: Basis PHP | • 5 oefeningen uit PowerPoint "Basis_PHP_les" | | Woensdag | Arrays & foreach-loops in PHP | Herhalingsoefeningen van de stof: • De oefeningen 1 tm/ 6 van Week 1

Challenges van belang voor de weekopdracht • (Challenge 0,5: 100 keer je naam) • Challenge 1: includes

Nieuwe oefeningen • Challenge 2: product array

• Werken aan weekopdracht 1 | | Donderdag | Presentatie: filesystem en JSON in PHP | Werken aan weekopdracht 1 | | Vrijdag | | Weekopdracht 1 af (home met producten-overzicht) | | week 2 | | | | Maandag | Uitleg weekopdracht | Challenge 3 - product image gallery | | Dinsdag | Uitleg vervolgpagina maken vanuit overzicht $_GET met hulp van product array.

Starten met weekopdracht 2 | Werken aan weekopdracht 2 (product-detailpagina) | | Woensdag | | Werken aan weekopdracht 2 (product-detailpagina) | | Donderdag | | Werken aan weekopdracht 2 (product-detailpagina) | | Vrijdag | | Weekopdracht 2 af (product-detailpagina) | | week 3 | | | | Maandag | Uitleg weekopdrachten

Workshop: $_SESSION | Werken aan weekopdracht 3 (winkelwagen) | | Dinsdag | Workshop: $_GET en $_POST formulier werking in PHP | Werken aan weekopdracht 3 (winkelwagen) challenge 4: form handling Werken aan weekopdracht 4 (bestelpagina) | | Woensdag | | Werken aan weekopdracht 3 (winkelwagen) Werken aan weekopdracht 4 (bestelpagina) | | Donderdag | voortgang bespreken weekopdrachten | Werken aan weekopdracht 3 (winkelwagen) Werken aan weekopdracht 4 (bestelpagina) | | Vrijdag | | Weekopdracht 3 af (winkelwagen) Weekopdracht 4 af (bestelpagina) | | week 4 | | | | Maandag | recap opgedane PHP kennis | Werken aan weekopdracht 5 (bedanktpagina) | | Dinsdag | | Weekopdracht 5 af (bedanktpagina) | | Woensdag | | Weekopdracht 6 af (online zetten) | | Donderdag | Gebruikerstest schrijven | Gebruikers-testrapport schrijven | | Vrijdag | testen en errors fixen | • testen laten uitvoeren • errors fixen in je eigen product |