Deze periode ga je een eigen portfolio-website bouwen.
Dit portfolio kun je gebruiken om te solliciteren voor een stage later in de opleiding.
Je gaat het portfolio bouwen met de volgende (veelgevraagde) technieken: Vite, React, TailwindCSS en Git.
Bij het volgen van de opdrachten wordt je pagina gehost op Github Pages. Later kun je bepalen een andere hosting te doen, maar Github is gratis en ziet er professioneel uit.
Inhoudsopgave
Het portfolio hoeft nog niet helemaal af te zijn, maar is een levend document dat je gedurende de opleiding blijft updaten.
<aside> 🌡️ Wist je dat? Ook al ben je geen webdeveloper, het kunnen bouwen van je eigen website wordt gezien als een belangrijke skill voor iedere software developer. Hiermee verhoog je de kans op een leuke stage!
Heb je al een portfolio? Zie dit dan als een kans om (beter) met React & TailwindCSS te leren werken.
</aside>
Je werkt wekelijks aan je portfolio aan de hand van online stappenplannen. Tijdens de les is er ruimte voor instructie, vragen en feedback. Loop je vast, dan vraag je eerst een medestudent om hulp en daarna de docent.
Alle stappen en opdrachten staan hier: https://learning-tool-lovat.vercel.app/
| Week | Hoofdstuk | Focus | Resultaat |
|---|---|---|---|
| Week 1 | 1 | Ontwikkelomgeving opzetten | Werkende React-app + Github repository |
| Kerstvakantie | |||
| Week 2 | 2 + 3 | Layout en navigatie | Homepagina met navigatie |
| Week 3 | 4 | Projectpagina’s | Werkende detailpagina’s |
| Week 4 | 5 + 6 | About & Contact, Theming | Theming, About & Contact |
| Ontwikkelweek | 7 | Portfolio vullen + inhalen | Ingevuld portfolio |
Wekelijks zijn er check-in momenten. Je portfolio wordt beoordeeld op techniek, inhoud en vormgeving.
| Onvoldoende | Voldoende | Goed | |
|---|---|---|---|
| Technische werking | Geen werkende website. | De website werkt, maar is nog niet helemaal af/ruimte voor verbetering. | De website is helemaal werkend volgens de opdracht. |
| Vormgeving en consistentie | Geen eigen project op het portfolio staan, of project is niet volledig gepresenteerd. | Er staat minimaal 1 volledig uitgewerkt eigen project op het portfolio. | Je hebt meerdere eigen projecten uitgewerkt op het portfolio staan. |
| Inhoud en presentatie | Je website heeft nog geen eigen look & feel. | Je website heeft een eigen look & feel door aangepaste CSS. | Je website heeft een eigen look & feel door aangepaste CSS. Daarnaast heb je wijzigingen in de layout aangepast met React. |