Week 3 (38) - ambersr/i-love-web GitHub Wiki

Dag 15 (16 september 2024)

  • Wat heb ik vandaag gedaan?

In de ochtend hebben we een korte workshop over Figma gehad van Koop. Daarna hebben we gekeken naar onze individuele ontwerpen van onze squadpage in Figma. We hebben al onze ideëen samengevoegd tot 1 versie.

Linkje naar het Figma bestand: https://www.figma.com/design/ID0gXOfa6vxaMRj2leorYf/Squad-Page-Wireframes---de-Eendtjes?node-id=0-1&t=3IJ9GVyAA4bjPmqy-1

  • Schrijf 3 vragen op.
  1. Hoe werk met 3 personen samen in 1 HTML/CSS bestand?
  2. Wat is zijn belangrijke programma's om samen te werken als frontender?
  3. Wat is een goede grid die ik kan aanhouden voor frames in Figma?
  • Dit wil ik nog uitzoeken of lezen..

Linkje naar grid figma: https://help.figma.com/hc/en-us/articles/360040450513-Create-layout-grids-with-grids-columns-and-rows

Dag 16 (17 september 2024)

  • Wat heb ik vandaag gedaan?

In de ochtend hebben we een workshop over CSS basics - transform & transition gekregen van Sanne. Daarna zijn we aan de slag gegaan met onze squadpage. Op het whiteboard hebben we de opbouw van de pagina verdeeld. Na de les hebben we nog even gezeten om de te overleggen hoe we de code gaan samenvoegen en wat de taakverdelingen zijn. Eerst hebben we code samengevoegd en daarna hebben we gekeken wat er nog gedaan moet worden en wie welke taak op zich gaat nemen. Dit hebben we overzichtelijk opgeschreven.

  • Schrijf 3 vragen op.
  1. Wat is precies het verschil tussen transform en transition?
  2. Welke waardes en properties heb je allemaal?
  3. Werkt transform en transition ook met grid?
  • Dit wil ik nog uitzoeken of lezen..

Uitleg over transform en transition: https://thoughtbot.com/blog/transitions-and-transforms

Dag 17 (18 september 2024)

  • Wat heb ik vandaag gedaan?

In de ochtend hebben we een korte uitleg gekregen van Koop over de wrap up van de squad page. Hierna zijn we aan de slag gegaan met het samenvoegen van alle code. Helaas ging dit niet zoals we gehoopt hadden. Heel veel code overschreef elkaar. Hierdoor was de hele pagina uiteengevallen. Julia en ik hebben de hele ochtend gekeken waar alle fouten zitten. Het meeste hebben we gelukkig kunnen fixen in de ochtend. We hebben afgesproken dat Julia in de middag de code verder naloopt, ik maak alvast een readme aan vul dit zoveel mogelijk al met content en Clarice gaat kijken of ze nog een leuke animatie van eend kan toevoegen. Ook heb ik aan het eind van de dag nog mijn wiki opgemaakt.

Linkje naar de samengevoegde HTML code: https://github.com/julia-stevens/your-tribe-squad-page/blob/ca53d1faa06217a75613aa85041d335bb939290b/index.html#L1-L636 Linkje naar de samengevoegde CSS code: https://github.com/julia-stevens/your-tribe-squad-page/blob/ca53d1faa06217a75613aa85041d335bb939290b/styles/styles.css

  • Schrijf 3 vragen op.
  1. Wat is in het vervolg handig om te weten als je code gaat samenvoegen?
  2. Kan je ook live samenwerken in Visual Studio Code?
  3. Met hoeveel mensen kan max. samenwerken in de code?
  • Dit wil ik nog uitzoeken of lezen..

Hoe samen werken in Visual Studio Code: https://www.sharevalue.nl/blogs/makkelijker-samenwerken-voor-developers-met-visual-studio-live-share

Dag 18 (19 september 2024)

  • Wat heb ik vandaag gedaan?

Voor vandaag was het doel om de laatste punten te fixen, de code op te schonen en testen. Dit is gelukt! We hadden helaas wat struggles met de carousel en een paar responsive punten. Dit hebben we in 2 uurtjes kunnen fixen. Daarna hebben we alle code nagelopen en overbodige code eruit gehaald en opgeschoond. Deze code hebben in de Validator en in verschillende browsers getest. Gelukkig waren er bijna geen errors te vinden dus dit hebben we gauw kunnen oplossen.

  • Schrijf 3 vragen op.
  1. Hoe zorg je ervoor dat een carousel goed responsive werkt?
  2. Waarom geeft de validator aan dat de property translate niet geldig is?
  3. Wat zijn de meest gekozen schermgroottes?
  • Dit wil ik nog uitzoeken of lezen..

Linkje naar hoe een goede readme in elkaar zit: https://docs.github.com/en/repositories/managing-your-repositorys-settings-and-features/customizing-your-repository/about-readmes

Dag 19 (20 september 2024)

  • Wat heb ik vandaag gedaan?

In de ochtend hebben we een workshop gekregen over retrospect gekregen. We hebben geschetst en over het verloop van sprint 1. (zie tekening). Rond 13:00 hadden we de expo waarin we onze squadpage mochten presenteren. Onze squadpage had behoorlijk wat stemmen gekregen dus daar ben ik heel trots op!

  • Dit wil ik nog uitzoeken of lezen..

Informatie over een retrospect: https://agilescrumgroup.nl/retrospective-vormen-ideeen-voorbeelden/