Ik heb gewerkt aan mijn portfolio voor development en mijn website staat op GitLab, waar ik al mijn werk bewaar.
Dit was de eerste keer dat ik Git gebruikte, dus het was even wennen om te leren hoe je moet ‘committen’ (je wijzigingen opslaan en delen).
Gelukkig vond ik het niet al te spannend en raakte ik er snel aan gewend.
Ik heb eerder een workshop GitLab van Maikel gehad, dus ik kon meteen aan de slag.
Sinds het eerste semester ben ik nieuw met programmeren in HTML, CSS, en JavaScript, maar ik leer snel en wil mezelf uitdagen om beter te worden.
Door mijn portfolio te maken, heb ik veel nieuwe dingen geleerd.
Ik heb bijvoorbeeld geleerd hoe ik animaties kan toevoegen aan mijn website door keyframes in CSS te gebruiken.
Ik volgde een workshop hierover en heb deze kennis toegepast in mijn portfolio.
Dit zorgde ervoor dat ik interactieve en bewegende elementen kon maken.
Ook heb ik geleerd hoe ik mijn portfolio responsief kan maken, zodat het er goed uitziet op verschillende schermen, zoals een telefoon, tablet of computer.
Dit was soms wel moeilijk, maar met behulp van media-queries en hulp van anderen is het me gelukt.
In HTML en CSS had ik weinig problemen en voelde ik me vrij comfortabel. JavaScript was echter nieuw voor mij, en ik heb hier veel van geleerd.
De tools en tips van Maikel hebben me erg geholpen om de basis van JavaScript te begrijpen en toe te passen in mijn portfolio.
Door deze ervaring heb ik niet alleen meer kennis gekregen, maar ook meer vertrouwen in mijn vaardigheden als programmeur.
Voor de opdracht van Fontys OVP moesten we in een groepje de huidige website aanpassen. Ons doel was om ervoor te zorgen dat mensen vaker terugkomen en langer blijven op de website, die bedoeld is voor OVP-studenten.
We begonnen door samen een groepsproject op GitLab aan te maken, zodat we samen aan het project konden werken. Voor ons allemaal was het nieuw om met meerdere mensen in één Git-project te werken, en dat zorgde in het begin voor problemen. We hadden bijvoorbeeld geen aparte branches gemaakt, waardoor we allemaal tegelijk in de hoofdversie (main) werkten. Dit veroorzaakte verwarring omdat we elkaars werk per ongeluk overschreven. Ook werkten we niet via de terminal voor het opslaan (committen) van veranderingen, wat eigenlijk veel handiger is.
Gelukkig kwamen we er op tijd achter wat er misging. We kregen uitleg en maakten daarna allemaal onze eigen branches, zodat we elk ons eigen deel van de code konden opslaan en vervolgens toevoegen aan de hoofdversie. Zo konden we veiliger samenwerken zonder elkaar in de weg te zitten. Ik heb geleerd hoe je in de terminal kunt werken om bestanden op te halen (pullen), te versturen (pushen) en veranderingen op te slaan (committen). Dit heeft ons veel geholpen om beter samen te werken.
Ik heb voor de OVP-website ook een leuke verrassing, een zogenaamde "easter egg", ontwikkeld die interactief is. Ik heb een memoryspel gemaakt dat speciaal is ontworpen voor onze doelgroep. Dit spel is verborgen op de website en kan door mensen van verschillende leeftijden gespeeld worden. Het is makkelijk te spelen, zodat iedereen er plezier aan kan beleven.
Voor het maken van dit spel heb ik JavaScript gebruikt. JavaScript heeft me geholpen om het spel
eenvoudig te programmeren, zodat het soepel werkt en makkelijk te begrijpen is.
In het spel moeten spelers kaartjes omdraaien en proberen om paren te vinden.
Als je feedback wilt lezen over mijn easter egg, kun je kijken bij leeruitkomst 1.
Daar heb ik beschreven hoe mensen op het spel reageerden en wat ik ervan heb geleerd.
Ik heb besloten om animaties aan de website toe te voegen omdat ik het leuk vind om met keyframes te werken, vooral als het gaat om een professionele uitstraling. Deze animaties maken de website niet alleen visueel aantrekkelijker, maar zorgen ook voor een meer dynamische en interactieve ervaring voor de gebruikers.
We hebben geprobeerd om de website responsief te maken, zodat deze er goed uitziet op verschillende schermgroottes. We hebben sommige delen responsief gemaakt, hieronder ook mijn toegewezen delen, maar helaas niet alles binnen de gestelde tijd. Dus een deel van de website is nu wel goed schaalbaar, maar er zijn ook nog onderdelen die niet helemaal responsief zijn.
Voor sprint X kreeg ik de vrijheid om zelf een project te kiezen.
Ik wilde mezelf uitdagen door een kleine game te ontwikkelen.
Voor dit project ga ik een spel genaamd "Jeep Rush" maken, waarin spelers een auto moeten besturen en obstakels moeten ontwijken.
Het spel wordt gebouwd met HTML, CSS en JavaScript.
Dit project spreekt me aan omdat het me helpt mijn programmeervaardigheden te verbeteren en mijn creativiteit te benutten.
Ik heb ook een README-bestand gemaakt voor dit project.
Dit bestand bevat instructies en informatie over hoe het spel te spelen is, en biedt een overzicht van de technologieën die ik heb gebruikt.
Ik heb een spel gemaakt dat er visueel aantrekkelijk uitziet en gemakkelijk te spelen is.
De naam "Jeep Rush" roept een gevoel van avontuur en opwinding op, wat ik wil dat spelers ervaren tijdens het spelen.
In het spel zullen spelers een jeep door een jungle moeten rijden, obstakels moeten ontwijken en proberen zo lang mogelijk te overleven.
Ik kijk ernaar uit om dit spel te ontwikkelen en mijn ideeën tot leven te brengen.
Het is handig om mijn portfolio website op Git te hebben omdat Git een soort digitale plek is waar ik al mijn werk kan opslaan en bijhouden.
Het is als een grote opslagplaats waar ik al mijn projecten en veranderingen kan bewaren.
Dit maakt het gemakkelijk om mijn werk te organiseren en te delen met anderen.
Als ik iets wil toevoegen of wijzigen aan mijn portfolio, kan ik dit eenvoudig doen via Git en kunnen anderen het ook zien.
Het is als een centrale plek waar al mijn werk veilig en toegankelijk is.
Hieronder kun je klikken naar mijn Git.