Kickoff: Introductie en kennismaking van de opleiding.
Workshop visitekaartje: Aanpak (analyseren, ontwerpen, bouwen, integreren en testen) geleerd. Geanaliseerd en ontworpen.
Talk over webtechnologie: Introductie over HTML, CSS en JS. (Aantekeningen)
Workshop CSS Basics: Geleerd over CSS selectors, properties en DevTools. CSS Diner
Workshop I Love Web: Begin gemaakt aan de website waar je nu naar kijkt!
Workshop Breakdown schets: Schets opdelen in HTML-elementen.
Om alvast te bedenken wat voor code er nodig is om het ontwerp na te maken.
Uit welke blokken je ontwerp gaat bestaan en dat je de goede tags gebruikt voor de breakdownsschets.
Workshop JS en interactie: Visitekaartje afgemaakt met wat JS en flexbox.
Code/Design Review visitekaartje: 3 visitekaartjes beoordeeld in een issue. Zelf ook een review gekregen.
Retrospect: In Portflow
op meerdere punten gereflecteerd van de Definition of
Done.
Expo: Iedereen heeft zijn visitekaartje laten zien en de tweede jaars lieten hun Squad Page zien.
Work Hard Play Hard: Leuke quiz gedaan.
Sprint planning en Workshop Squad Page: Introductie Squad Page, begin Sprint planning gemaakt, 'Ontwerp squad page' issue aangemaakt met alle (breakdown)schetsen.
Met meerdere mensen samenwerken in 1 repository.
Wat er gedaan moet worden voor de Squad Page.
Waar goede studieplekken zijn in meerdere
gebouwen van de HvA.
Hoe je een website responsive kan maken.
Hoe we met z'n drieën samenwerken in één repository.
Hoe we de Amstelcampus-foto's gaan implementeren.
CSS Challenge 1 - Grid layout: Geleerd over en geoefend met CSS Grid. (Aantekeningen)
Workshop Responsive Design: een aantal opdrachten gemaakt over devtools, media queries en breakpoints.
Ik heb geleerd hoe je breakpoints kan gebruiken.
Ik heb geleerd hoe je in de dev-tools kan kijken of je website dynamisch is met de verschillende
resoluties.
Ik heb geleerd hoe je een breakdownschets
met
breakpoint kan maken.
Learning JavaScript: 55 lessen gevolgd van de cursus en geleerd over functions, console.log(),
strings en
variables. (Bewijs)
Verder werken aan je squadpage met je team: Amstelcampus-pagina foto's en beschrijvingen toegevoegd en alle visitekaartjes met link toegevoegd
aan de Squad-pagina.
Code/Design review: Feedback gegeven en gekregen op de code en design van de Squad Pages. Na het weekend wil ik
samen met mijn groepje goed gaan nadenken wat we van welke website willen gebruiken voor ons design. We moeten goed kijken welke HTML-tags we gaan gebruiken voor elk blok en dat
de HTML-code door een validator wordt goedgekeurd.
We ♥ Web: Korte presentatie van oud-student over zijn ervaringen tijdens en na de opleiding. (Aantekeningen)
Workshop Visuele Hiërarchie: Workshop over wat het belangrijkste is op een pagina en in Figma geoefend. (Aantekeningen)
Grootte - hiermee kan je informatie meer of minder belangrijk maken.
Kleur/contrast - met een hoger kleuren-contrast valt een element meer
op.
Witruimte/positie - als elementen los staan van andere elementen vallen ze meer op.
Animatie - een element met een animatie valt meer
op.
(Bron)
Belangrijkste informatie, belangrijke details, achtergrondinformatie.
Hij is een product/UX-designer en schreef veel over interaction design, visual hierarchy en productstrategie op zijn blog. Met zijn quote: “…you use hierarchy to tell a story, to provide context that culminates in the action being taken.” bedoelde hij dat je de gebruiker duidelijk moet maken waar hij/zij naar toe moet met visuele hiërarchie.
CSS Challenge 2 - Transform & Transition: Geleerd over transform & transition. (Aantekeningen)
Wrap-up: Issues aangemaakt voor wat we nog moeten doen en verder gewerkt aan de Squad Page.
Coachgesprekken: Kort gesprek met Krijn.
Ik heb geleerd om met discard changes in GitHub Desktop te werken.
Ik heb geleerd hoe je meerdere media queries kan gebruiken.
Ik heb geleerd hoe je in HTML een link in een nieuw tab opent.
Verder werken aan je Squad Page met je team: Squad Page afgemaakt.
Retrospect Squad Page: We hebben visual thinking geoefend, gereflecteerd in een kampvuursessie
Expo: Squad Page laten zien en 1 stem gekregen!
Learning Javascript: Cursus gevolgd over Basic Functions, Strings I, Numbers, Variables en Conditions.
Learning Javascript: Geleerd over Arrays en callbacks van de cursus. (Bewijs)
