OOP Challenge

Challenge A: OOP Login Systeem

🔰 Inleiding, wat ga je doen?

De OOP Challenge is een fantastische kans om jouw vaardigheden in objectgeoriënteerd programmeren (OOP) naar een hoger niveau te tillen en direct toe te passen in de praktijk. Je combineert je Cyber Security vaardigheden met de OOP vaardigheden.

Je hebt de keuze uit twee boeiende projecten; 

🌟 Leerdoelen

💡 Opdrachtbeschrijving

Situatie: Je werkt bij een klein webbureau en een klant wil een eenvoudig maar veilig login-systeem laten bouwen in PHP. Je gaat dit project zelfstandig uitvoeren als een mini-challenge. Dit is een uitstekende kans om je OOP-vaardigheden te laten zien in je GitHub portfolio. Dat kan je helpen om sneller een stage of baan te vinden in de webdevelopment-sector!

Wat je gaat bouwen:

📄 Structuur en Klassen

🚀 Technische vereisten

🛠️ Bestanden

🧠 Reflectie

📅 Bonus: Voor je portfolio

Zet dit project op GitHub met een korte uitleg in de README over hoe het werkt. Voeg schermafbeeldingen toe van het registratie- en loginproces. Dit is een mooi voorbeeldproject om te laten zien wat je kunt!

✨ Gebruik AI

AI gebruik op de juiste manier, zoals geleerd tijdens de lessen, is toegestaan en wordt zelfs aangemoedigd.

Het is wel verplicht om de AI log in te leveren en je moet je code kunnen uitleggen!

📄 Inleveren

Challenge B: (mobiele) OOP ToDo Manager

🔰 Inleiding, wat ga je doen?

De OOP Challenge is een fantastische kans om jouw vaardigheden in objectgeoriënteerd programmeren (OOP) naar een hoger niveau te tillen en direct toe te passen in de praktijk. Je combineert je Cyber Security vaardigheden met de OOP vaardigheden.

Je hebt de keuze uit twee boeiende projecten; 

🌟 Leerdoelen

💡 Opdrachtbeschrijving

Situatie: Een start-up wil een prototype van een eenvoudige "ToDo Manager" waarin gebruikers taken kunnen aanmaken, afvinken en verwijderen. Jij bouwt dit systeem in PHP met OOP. Dit is een mooie kans om een compleet mini-project te maken voor je GitHub portfolio — ideaal om te laten zien bij een sollicitatie voor stage of werk!

📄 Functionaliteiten

📱 Mobiele App (optioneel)

Wat is een SPA en een Progressive Web App?

Een one page applicatie (of Single Page Application, afgekort SPA) is een webapplicatie of website die uit één HTML-pagina bestaat en dynamisch inhoud laadt, zonder de hele pagina opnieuw te laden bij navigatie of interactie.

🔧 Hoe werkt het?

Bij een SPA:

  • Wordt bij het eerste bezoek één HTML-pagina geladen.

  • Daarna worden alleen delen van de pagina aangepast via JavaScript (meestal met behulp van frameworks zoals React, Vue of Angular).

  • Communicatie met de server gebeurt via AJAX of fetch()-aanroepen om data op te halen of op te slaan, vaak in JSON-formaat.

Je kunt een SPA omzetten in een PWA, Progressieve Web App.

💡 Wat is een PWA?

Een PWA is een website die aanvoelt als een app. Je opent hem in de browser, maar je kunt hem ook op je telefoon zetten als icoon, net zoals een echte app uit de App Store of Play Store.

📱 Hoe werkt het?

Een PWA:

  • Start gewoon via je browser (zoals Safari of Chrome)

  • Kan op je beginscherm gezet worden als een app-icoon

  • Werkt ook offline als je het goed instelt

  • Ziet eruit en werkt zoals een gewone app

Wil je een Mobiele app op deze manier maken, laat AI je dan de details verder uitleggen,

📄 Klassen

🧠 Reflectie

📅 Bonus voor je portfolio

Zet dit project op GitHub. Voeg screenshots toe en schrijf een README-bestand waarin je uitlegt wat het systeem doet. Dit laat aan stagebedrijven of werkgevers zien dat jij zelfstandig een werkend OOP-project kunt bouwen!

✨ Gebruik AI

AI gebruik op de juiste manier, zoals geleerd tijdens de lessen, is toegestaan en wordt zelfs aangemoedigd.

Het is wel verplicht om de AI log in te leveren en je moet je code kunnen uitleggen!

📄 Inleveren

--


Revision #10
Created 18 June 2025 14:34:02 by Max
Updated 1 July 2025 03:33:33 by Max