Devani logo

Werkzaamheden content

Werkzaamheden thumbnailBekijk demo

Wat heb ik gedaan?

Na het maken van het design van Bikkeltraining, was het tijd om de website te gaan bouwen. Deze website is gebouwd met NextJS. Aan Leerdoel 2: Leren werken met Next.js om mijn JavaScript vaardigheden uit te breiden met behulp van een framework, is hard aan gewerkt. Ikzelf zie een groei in mijn NextJS kennis van Devani naar Bikkeltraining.

Met deze opdracht is er een planning gemaakt van: wat ga ik doen wanneer, hoelang zal ik er mee bezig zijn en het exacte aantal uren.

Met deze opdracht is er een data model gemaakt voordat ik begon met programmeren. Zodat ik van tevoren al wist welke data types er zouden komen voor in de back-end. De back-end is gemaakt met Wordpress. Daarvoor moest ik de data omgeving klaarmaken met Php. Dus dat was ook een leuke uitdaging.

Wat heb ik geleerd?

Met deze opdracht heb ik ook vooral gewerkt aan Leerdoel 3: Ik wil beginnen met het kritisch kijken naar mijn werk door eerlijk tegen mezelf te zijn en feedback. De punten van Functioneringsgesprekken zijn meegenomen en heb met deze opdracht gewerkt aan de volgende functionering punten die waren opgesteld halverwege mijn stage:

Ik heb geleerd om minder snel op te geven en tot het uiterste te gaan en als je er dan nog niet uitkomt, vragen. Zo heb ik zelfstandig de Agenda section geprogrammeerd waarbij de data is gesorteerd op weken. De data waren eerst gesorteerd op trainingen. Vervolgens moest ik sorteren op juiste dag van de week zodat de dag van vandaag als eerste komt te zien in de dataset. Dat was een nieuwe uitdaging.

Met het maken van de data omgeving heb ik geleerd hoe je Wordpress eigenlijk klaarzet met Php. Dan in de functions.php include je alle post types en bij de cpts maak je de post types. Devani doet het meeste met de plugin ACF. Dus dan voeg je alleen een title toe in de cpt files als begin en ga je verder met ACF om verder data toe te voegen.

Eerst was het zo dat er een post type Agenda was en daarin voegde je de Trainingen eraan toe. Maar dat vond ik raar. Ik vroeg aan Emke van ja, klopt dit wel? Hij zei: ‘Wat vind je zelf?’ Emke laat je zelf nadenken zodat je het ook begrijpt en geeft je goed de ruimte voor eigen inbreng. Niet alleen bij deze opdracht maar ook bij andere opdrachten. Dat is wel fijn.

Wat ging goed?

Het werken aan deze opdracht ging over het algemeen goed. Ik had uitdagingen met NextJS en data programmeren. Als ik kijk naar mijn code van deze opdracht en Devani, ben ik er vooruit op gegaan. Code is netter. Alles staat beter in componenten mappen en de main.scss is netjes.

Wat kan beter?

Beter code in componenten zetten. Met deze opdracht is daar wel aan gewerkt, maar kan altijd beter. Met deze opdracht ben ik meer met Bootstrap gaan werken dan met de Devani opdracht. Dus dat is ook al goed meegenomen, maar ik denk dat het nog beter had gekund.

Feedback

Nadat ik klaar was met het programmeren van de website, ging Emke en Yvanca erdoorheen om te checken of het klopte. Feedback werd met mij besproken. Zo gingen wij door alle issues heen. En als er twijfel gevoel was, gingen we met elkaar sparren voor de beste oplossing.

Presentatie

Op 21-12-23 is de geprogrammeerde website getoond. Nog niet alles was gemaakt dus de volgende pagina’s zijn getoond:

Ik vertelde wat er besproken was naar aanleiding van vorige presentatie, wat er is meegenomen en wat er tot nu toe gemaakt is. Daarbij ging ik sectie voor sectie met toelichting. Aangeleverde afbeeldingen zijn gebruikt in de eerste versie.

Verder vertelde ik dat er nog nieuwe/update teksten moesten komen. Vooral voor de testimonials omdat dat een nieuwe sectie is die nog niet bestond op de oude website.

Wat ging goed?

Het presenteren van de website ging goed. Ik had mezelf voorbereid door op te schrijven wat ik wilde zeggen. Emke zei nog dat ik een goed begin en einde moet hebben. Die feedback is meegekomen vanuit de vorige keer. Door de feedback van Emke van vorige keer heb ik mezelf verbeterd/ontwikkeld bij mijn laatste leerdoel: Presenteren.

Wat heb ik geleerd?

Emke had nog een tip gegeven na de programmeerpresentatie. Als je gefocust bent met ik ga dit, dit en dit vertellen in de presentatie als opsomming, geef dan aan van tevoren dat vragen en feedback-opmerkingen aan het einde gegeven mag worden i.p.v. tussendoor zodat je je presentatie kan geven op de voorbereidende manier.