Leeruitkomst 4: Overdraagbare Code

Je ontwikkelt efficiënte, goed georganiseerde en werkende code die overdraagbaar is via documentatie en versiebeheer in teamverband.

Tijdens het project heb ik me verdiept in het ontwikkelen van goed georganiseerde, efficiënte en overdraagbare code. Door gebruik te maken van duidelijke documentatie en versiebeheer, heb ik niet alleen bijgedragen aan de technische kant van het project, maar ook aan de samenwerking binnen het team. Deze ervaring heeft me waardevolle inzichten gegeven in het proces van codeontwikkeling en hoe dit mijn rol als media designer versterkt.

Beschrijving Leeruitkomsten:
Wat heb ik gedaan? - Wat heb ik geleerd? - Hoe maakt me dat een betere media designer?

• Coding skills - Structuur en organisatie - Samenwerking via GitLab - Documentatie - Kwaliteitsbewaking

Wat heb ik gedaan?

Tijdens dit project heb ik gewerkt aan het schrijven van efficiënte en goed georganiseerde code voor de frontend van de app WeRelate. Ik heb gebruik gemaakt van een versiebeheersysteem (GitLab) om de samenwerking met mijn team te stroomlijnen en de code toegankelijk te maken voor iedereen. Ik heb de code gestructureerd volgens vaste standaarden en voorzien van commentaar en een duidelijke README.md, zodat toekomstige ontwikkelaars eenvoudig kunnen begrijpen hoe de app is opgebouwd en hoe eraan gewerkt kan worden. Daarnaast heb ik bijgedragen aan de testing en code reviews, waarbij ik kritisch naar zowel mijn eigen werk als dat van teamleden heb gekeken. Op basis daarvan heb ik besloten om mijn css opnieuw te schrijven en structureren. Tevens heb ik nog gewerkt aan mijn portfolio website en daardoor mijn skills verbeterd in HTML en CSS.

Wat heb ik geleerd?

1. Coding skills
Ik heb mijn vaardigheden in HTML en CSS verder uitgebreid door te werken aan de frontend van de app. Hierbij heb ik verschillende forms ontworpen en geïmplementeerd, zoals radio buttons, dropdownmenu's en invoervelden voor o.a. e-mail. Dit heeft me geholpen om meer inzicht te krijgen in de mogelijkheden van webformulieren en hoe ik deze toegankelijk en gebruiksvriendelijk kan maken. Tevens heb ik ook geleerd om een toggle, voortgangsbalk en een klein script te bouwen.
2. Structuur en organisatie
Ik heb geleerd hoe belangrijk het is om consistent te zijn in de manier waarop je code structureert en documenteert, zodat het voor anderen begrijpelijk en overdraagbaar is.

3. Samenwerking via GitLab:
Tijdens het project heb ik me verdiept in het ontwikkelen van goed georganiseerde, efficiënte en overdraagbare code. Door actief samen te werken met mijn team via versiebeheer, zoals het pushen, pullen en reviewen van elkaars werk, heb ik niet alleen bijgedragen aan de technische kant van het project, maar ook aan een soepel werkproces. Deze ervaring heeft me waardevolle inzichten gegeven in het proces van codeontwikkeling en hoe dit mijn rol als media designer versterkt.

4. Documentatie
Daarnaast heb ik veel aandacht besteed aan duidelijke documentatie, zoals het schrijven van een overzichtelijke README.md en het toevoegen van comments bij de code. Ik heb geleerd hoe goede documentatie niet alleen de samenwerking bevordert, maar ook essentieel is voor de toekomstige schaalbaarheid van een project.


5. Kwaliteitsbewaking
Het testen en reviewen van code heeft me geholpen om fouten te identificeren en efficiëntere oplossingen te bedenken.

Hoe maakt me dat een betere media designer?

Als media designer is het belangrijk om niet alleen visueel aantrekkelijke ontwerpen te maken, maar ook om ervoor te zorgen dat deze ontwerpen goed worden geïmplementeerd in code. Door te leren hoe ik efficiënte en overdraagbare code schrijf, kan ik mijn ontwerpen beter tot leven brengen en ervoor zorgen dat ze duurzaam en makkelijk uitbreidbaar zijn. Dit versterkt mijn rol als brug tussen design en techniek, waardoor ik waarde toevoeg in multidisciplinaire teams. Bovendien helpt mijn begrip van versiebeheer en documentatie om projecten beter te beheren en samenwerking te verbeteren.

Website

WeRelate Website OnlineKlik Hier

GitLab

Pages Klik Hier

Commits Klik Hier

Readme Klik Hier

CSS Klik Hier

Repository Klik Hier

Retrospectives Team

Retrospective Sprint 0 Klik Hier

Retrospective Sprint 1 Klik Hier

Retrospective Sprint 2 Klik Hier

Retrospective Sprint 3 Klik Hier

Retrospective Sprint 4 Klik Hier