Welkom bij mijn visitekaartje! Hierbij ga ik de stappen die ik heb gevolgd laten zien en uitleggen.

Ik ben begonnen met het lezen van de hele opdracht. Hierdoor kon ik begrijpen waar ik moest beginnen en hoe ik deze opdracht moest eindigen.

Daarna begon ik met het maken van 8 schetsen.

De bedoeling was om 8 keer een verschillende visitekaartje van mezelf te schetsen en om daarna voor feedback te vragen. Het was vooral moeilijk om te visualiseren wat ik wou doen met mijn website en wat precies zou passen bij de visuele hierachie. Het toepassen van de theorie op de sketch was dus best wel uitdagend. Het duurde mij daardoor ook langer om klaar te zijn met mijn sketches. Uit de feedback bleek vooral dat ik niet de visuele hierachie goed had toegepast, ik had namelijk de aandacht te veel verdeeld en weinig witruimte of kleur. Jammer genoeg had ik wel de fout gemaakt om te beginnen met coderen zonder zeker te weten welke schets ik wou volgen. Hierdoor duurde het langer om te coderen na mijn gevoel. Na meerdere keren proberen heb ik uiteindelijk een schets gemaakt die ik definitief probeerde te volgen. Hierbij de schets die ik heb gevolgd:

Hierbij heb ik alle code opgeschreven die ik dacht dat ik zou gebruiken. Om uit te vinden welke code ik nodig had, heb ik hulp moeten vragen van ervaren frontenders. Dit gedeelte was nogal uitdagend omdat ik weinig verstand heb van coderen. Ik had hier ook echt te lang mee gedaan voordat ik hulp vroeg. Hierdoor deed ik veel langer met het uitvoeren van deze opdracht en heb ik uiteindelijk minder kunnen bereiken met deze visitekaartje. Ik wist ook niet hoe ik een button moest toevoegen aan mijn visitekaartje.

Hieronder mijn visitekaartje:

Het coderen was nogal lastig omdat ik de visitekaartje die ons gegeven werd aan het aanpassen was in plaats van dat ik helemaal opnieuw begon. Hierdoor gebeurde er vaak dingen die ik niet bedoelde waardoor ik constant alles moest veranderen. Het nam dus ook veel meer tijd om een visitekaartje af te ronden waardoor ik niet helemaal mijn perfecte visitekaartje heb kunnen maken. Ik had liever wat meer witruimte gehad en ik wou 2 extra buttons op mijn website hebben. Bij de "more about me" had ik graag gewild dat de website naar beneden zou gaan en bij "contact me" wou ik dat je daarop kon klikken, maar omdat ik het op deze manier deed, werd het veels te lastig en had ik er geen tijd voor. Het was daarnaast ook moeilijker voor anderen om mij te helpen omdat ik de code van iemand anders aan het aanpassen was. Dus voor de volgende keer zal ik ervoor zorgen om te coderen vanuit het begin in plaats van iemand anders zijn code aan te passen.

Bij de integratiefase heb ik ervoor gezorgd dat alles gecommit wordt naar de main en daarna online gepubliceerd werd. Doordat ik elke dag mijn code aan het pushen was naar mijn main branch heb ik veel geleerd over hoe Github werkt. Daarnaast had ik ook veel hulp gevraagd van een 2de jaars klasgenoot die mij uitlegde hoe ik Github moest gebruiken.

Ten slotte heb ik de testfase kort gedaan met een vriend van me uit het buitenland. Ik had hem de link gestuurd van mijn visitekaartje om te zien of mijn website wel werkte. Hierbij kwam ik achter dat het wel werkte, maar dat het er niet goed uitzag bij een telefoon. Deze probleem heb ik niet kunnen fixen met mijn beperkte begrijp van coderen.

Ik heb heel veel geleerd van deze opdracht. Dit is de eerste keer dat ik ooit een website heb geschetst. Ik heb geleerd dat ik niet te perfectionistisch moet nadenken tijdens het schetsen want anders dan duurt het te lang. Daarnaast denk ik nu anders over hoe een website eruit moet zien door de theorie over de visuele hierachie. Nu zal ik vaker daar op letten waardoor mijn toekomstige websites er veel beter uit zullen zien! Verder heb ik kunnen oefenen met coderen, waardoor ik meer inzicht heb hoe de codes worden ingedeeld. Er werd mij ook verteld hoe ik de "inspect" button moest gebruiken, wat echt heel handig is geweest voor mij om te zoeken wat ik moet aanpassen. Ten slotte heb ik geleerd hoe ik teksten moet schrijven, foto's moet plaatsen, teksten veranderen van plek en hoe ik de kleur verander van een achtergrond in gradient.

Hierbij de link voor mijn visitekaartje: https://belkace1.github.io/your-tribe-profile-card/