Week 2 (37) - ambersr/i-love-web GitHub Wiki

Dag 6 (9 september 2024)

  • Wat heb ik vandaag gedaan?

Vandaag hebben we groepjes van 3 gevormd. Samen met Clarice en Julia ga ik een squad page maken. Hierop worden alle studenten van squad G1 getoond. We hebben al een start gemaakt aan het schetsen en designen. Morgen gaan we elkaars designs en wensen bespreken en dan is het de bedoeling dat we gaan beginnen met bouwen van de website.

  • Schrijf 3 vragen op.
  1. Wat zijn handige programma's om als frontender in samen te werken?
  2. Moet je altijd een planning vooraf maken als je gaat starten aan een project?
  3. Hoe werkt je gemakkelijk samen in projecten?
  • Dit wil ik nog uitzoeken of lezen..

Linkje naar hoe je een sticky navigatie balk maakt met HTML en CSS: https://www.w3schools.com/howto/howto_js_navbar_sticky.asp

Dag 7 (10 september 2024)

  • Wat heb ik vandaag gedaan?

In de ochtend hebben we eerst een workshop over CSS en grid gekregen van Sanne. We hebben oefeningen gekregen waarop je gaat experimenteren met verschillende grid layouts. Daarna hebben we in ons groepje de individuele designs van iedereen besproken. We waren het al gauw eens over de opbouw. Alleen de stijlen lagen wel wat uit elkaar. We hebben besloten om al wel te gaan coderen met iedereen dezelfde opbouw, maar de layout mag ieder naar eigen voorkeur bepalen. Aan de hand van deze conclusies heb ik al een begin gemaakt aan de opbouw van de HTML code.

Linkje naar Figma bestand: https://www.figma.com/design/ID0gXOfa6vxaMRj2leorYf/Squad-Page-Wireframes---de-Eendtjes?node-id=237-2146&t=hAGtoe7UokFngNyL-1

  • Schrijf 3 vragen op.
  1. Wat is het verschil tussen de CSS layout-technieken Flexbox en Grid, en in welke situaties zou je elk gebruiken?
  2. Hoe werk je met meerdere mensen in 1 html bestand?
  3. Hoe stel je een grid in Figma?
  • Dit wil ik nog uitzoeken of lezen..

Linkje naar een uitleg over grid: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout

Dag 8 (11 september 2024)

  • Wat heb ik vandaag gedaan?

Vandaag hebben we in de ochtend een workshop gekregen over media query's van Dorien. Ik heb mijn schetsen van afgelopen maandag uitgewerkt in breakdown schetsen. Hierin heb ik aangegeven wat de breakpoint zou zijn.

  • Schrijf 3 vragen op.
  1. Wat is het verschil tussen de CSS layout-technieken Flexbox en Grid, en in welke situaties zou je elk gebruiken?
  2. Hoe werk je met meerdere mensen in 1 html bestand?
  3. Hoe codeer je een sticky navigatie?
  • Dit wil ik nog uitzoeken of lezen..

Linkje naar hoe je een sticky navigatie balk maakt met HTML en CSS: https://www.w3schools.com/howto/howto_js_navbar_sticky.asp

Dag 9 (12 september 2024)

  • Wat heb ik vandaag gedaan?

Vandaag hebben we geen nieuwe uitleg gekregen. Ik heb daarom goed kunnen doorwerken aan de code van de squadpage. Ik heb de uitleg van gister toegepast in mijn code. Ik heb geprobeerd mijn code al een klein beetje responsive te maken. Helaas lukt het grid niet responsive volgens de uitleg van Sanne dus dit ga ik morgen even navragen. Ook heb ik het grid van de studenten en campus cards uitgetekend op papier. Hierdoor kon ik goed nagaan welke code ik moet gaan gebruiken.

  • Schrijf 3 vragen op.
  1. Heb je voor een carousel altijd Javascript nodig?
  2. Hoe werkt een pagination?
  3. Waarom geeft het nesten van een media query een foutmelding in de validator?
  • Dit wil ik nog uitzoeken of lezen..

Linkje naar hoe je een pagination op een ul li maakt: https://codepen.io/SitePoint/pen/KKbwMyO#

Dag 10 (13 september 2024)

  • Wat heb ik vandaag gedaan?

In de ochtend hebben we een code/design review gedaan. Wij hebben voor de squadpage van het groepje van Marcin een issue via Github geschreven en hierin hebben we aangegeven wat er goed gaat en wat nog verbeterd kan worden. Daarnaast hebben ze ook over mijn squadpage een issue geschreven.

Linkje naar de issue naar die van Marcin zijn groep: https://github.com/DeBosOs/Geef-een-tien-ofzo/issues/2 Linkje naar de issue van Marcin over mijn squadpage: https://github.com/julia-stevens/your-tribe-squad-page/issues/5

  • Schrijf 3 vragen op.
  1. Hoe zorg je voor een goede samenwerking binnen een project?
  2. Hoe pakken andere groepjes het maken van een squadpage op?
  3. Hoe kunnen we de issues bij onze squadpage overzichtelijk implementeren?
  • Dit wil ik nog uitzoeken of lezen..

Linkje naar een blog dat gaat over een effectieve samenwerking tussen frontenders: https://www.ironhack.com/nl/blog/effectieve-samenwerking-tussen-frontend-developers-en-ux-ui-designers