i-love-web

Learning journal, blog, digital gardening

De instructie voor de I Love Web vind je in: INSTRUCTIONS

Licentie

This project is licensed under the terms of the MIT license.

CHECKOUT do 5 sep Wat heb ik vandaag gedaan?

• ik heb vandaag gewerkt aan mijn visite kaart en een nieuw design gemaakt leervragen

• wat is het nut van een breakdown een breakdown schets geeft een visueel overzicht van de layout voordat je begint met coderen

• waarom is het handig om een breakdown te maken het is handig omdat het helpt om de structuur en elementen van je website vooraf te plannen

• waar begin je als je een nieuwe HTML maakt je begint met het schetsen van de Hoofdstructuur, zoals header, main, en footer, voordat je HTML gaat schrijven

Checkout vr 6 sep

• vandaag heb ik gewerkt aan mijn visiste kaartje en ik heb mijn visite kaartje mogen presenteren aan 2e jaars fdnd studenten 2 studenten hebben me feedback gegeven de ene vond mijn kaart er mooi en overzichtelijk uit zien en de ander vond het mooi maar gaf als feedback dat ik voor de volgende keer misschien linkjes kan toevoegen

leervragen

• waarom css belangrijk is voor je designs Css is belangrijk omdat je daarmee bijv. de layout van je website kunt bepalen

• waar kan je devtoold voor gebruiken het kan je helpen wanneer je bepaalde fouten(errors) in je code zelf niet kunt vinden

• waarom is devtools belangrijk om te gebruiken omdat het ervoor kan zorgen dat het process van fouten oplossen en verbeteren kan versnellen

Checkout ma 9 sep wat heb je vandaag gedaan? vandaag heb ik een begin gemaakt aan de squadpage en gingen we met ons groepje werken in miro

• wat zijn 3 dingen die je hebt geleerd vandaag hoe je moet werken met miro en hoe je in een groep efficient kunt werken met behulp van een programma zoals miro en hoe je het beste te werk kunt gaan in een groepje

• wat zijn 2 dingen die je interessant vind de stapsgewijze handleiding in github die je helpt om stap voor stap verder te komen met de opdrachten

• het design process

• noem 1 ding waar je nog vragen over hebt op dit moment heb ik nergens een vraag over

Checkout di 10 sep wat heb je vandaag gedaan? vandaag heb ik een workshop gevolgd over css grid en daarna zijn we oefeningen daarover gaan maken

wat zijn 3 dingen die je hebt geleerd vandaag

• hoe je moet werken met css grids met CSS grids werk je door je webpagina op te delen in rijen en kolommen, zodat je makkelijk elementen op de juiste plek kunt zetten

• wat css grids zijn CSS Grids is een tool in CSS waarmee je een raster maakt om je content overzichtelijk te plaatsen

• wat je allemaal met css grids kunt doen Met CSS Grids kun je bijv. verschillende secties van een pagina zoals koppen, tekstblokken en afbeeldingen makkelijk naast of onder elkaar zetten, en alles automatisch laten aanpassen aan verschillende schermformaten

wat zijn 2 dingen die je interessant vind

• hoe css grids in elkaar zit
• wat je allemaal kunt maken dmv css

noem 1 ding waar je nog vragen over hebt

• wat een handige manier is om css codes uit je hoofd te kennen

Check out wo 11 sep

wat heb ik vandaag gedaan? ik heb vandaag meegedaan met een workshop over responsive design en ik moet nog de opdrachten daarvan maken en beginnen aan het maken van mijn eigen squadpage

Schrijf 3 studievragen

• principes van een responsive design Principes van responsive designs zijn onder andere flexibele layouts, gebruik van media queries, en het aanpassen van afbeeldingen en typografie aan verschillende schermformaten

• waarom responsive designs belangrijk zijn Responsive designs zijn belangrijk omdat ze zorgen dat een website goed werkt en er aantrekkelijk uitziet op alle apparaten, van smartphones tot desktop

• waarom zijn pixels belangrijk om te weten Pixels zijn belangrijk omdat ze helpen bij het nauwkeurig bepalen van afmetingen en verhoudingen, maar in responsive design is het beter om met flexibele eenheden te werken zoals percentages of em hierdoor kunnen elementen op een website automatisch meebewegen en aanpassen aan verschillende schermformaten, zodat alles goed leesbaar en bruikbaar blijft.

Check out do 12 sep

wat heb ik vandaag gedaan? ik heb vandaag gewerkt aan mijn to do list daarin stond dat ik vandaag moest werken aan een breakdown schets en daarvan een issue maken ik heb ook nog gewerkt aan opdracht 2 van responsive design

wat heb ik vandaag geleerd

Ma 16 sep

• Wat heb ik vandaag gedaan?
• wat heb ik geleerd

di 17 sep

• wat heb ik vandaag gedaan vandaag heb ik een css workshop gevolgd waarbij is uitgelegd hoe we dmv css icoontjes en woorden/zinnen bepaalde effecten kunt geven

• wat heb ik geleerd

wo 18-9

• wat heb ik vandaag gedaan
• wat heb ik geleerd

vr 20-9 wat heb ik vandaag gedaan ik heb vandaag een schets gemaakt

Ma 23-9 wat heb je gedaan vandaag ik heb vandaag gedebriefed en gebriefed met mijn groep en met de opdrachtgevers gepraat over wat er allemaal gedaan moet worden

noem 3 dingen op die je vandaag hebt geleerd

• ik heb geleerd hoe je moet briefen
• ik heb geleerd hoe je moet debriefen
• ik heb geleerd hoe ik met een opdrachtgever in gesprek ga en hoe zo'n begin process eruit ziet

formuleer 2 leervragen over wat je deze week wil leren hoe het proces van designen voor een opdrachtgever eraan toe gaat en hoe je dan vanuit daar verder gaat met het coderen

wo 25-9 wat heb ik gedaan? ik heb vandaag wireframe en wireflow schetsen gemaakt en stap voor stap uitleg gekregen over hoe je dat moet doen

wat zijn 3 dingen die je hebt geleerd

• ik heb geleerd hoe je een wireframe moet maken
• ik heb geleerd hoe je een wireflow moet maken
• ik heb meer inzicht gekregen over hoe je vanuit een wireframe en flow schets over gaat naar het coderen

vr 27-9 wat heb je vandaag gedaan voeg links naar voorbeelden, bronnen en bijvoorbeeld issues met schetsen toe noem 3 dingen die je vandaag hebt geleerd schrijf op wat je nu gaat doen werk beetje in je project board

ma 30-9 documenteer wat je vandaag hebt gedaan

• ik heb vandaag geleerd hoe ik moet werken met css voornamelijk met css grid ik ben vandaag de css layout opdrachten gaan maken

noem drie dingen die je vandaag hebt geleerd over layout modes ik heb geleerd hoe css grid een beetje in elkaar zit

• hoe je moet werken met kolommen
• hoe je moet werken met rows
• en hoe je dingen op bepaalde plekken moet zetten

schrijf op welke layout modes je nodig hebt voor de leertaak opdracht van de opdrachtgever

• zoiezo grid

wo 2-10 beschrijf wat je vandaag hebt geleerd

• ik heb vandaag geleerd over hoe typografie werkt en hoe je dat kan toepassen dmv css

schrijf welke css feature over typografie je gaat onderzoeken

Schrijf op wat je nu gaat doen voor de opdracht

11-10

• We hebben vandaag gewerkt aan het einde van onze sprint en we moesten op een groot blad allemaal stickers plakken en daarmee de hele development cycle beschrijven

14-10

• schrijf kort op wat je vandaag hebt gedaan en geleerd ik heb vandaag dingen geleerd over wcag toegankelijkheid van een website

• schrijf op wat je nog moet doen voor de wcag audit presentatie van woensdag .

16-10 -schrijf kort op wat je vandaag hebt gedaan we hebben vandaag geleerd hoe we goeie html moeten schrijven voor een betere gebruikerservaring

• benoem 3 dingen die je hebt geleerd

• Beschrijf alle 6 onderwerpen uit de workshop en noteer welke je toe kan passen in je opdracht

21-10

• vandaag hebben we geleerd hoe je om moet gaan en hoe je kunt werken met kleurcontrasten

24-10 ik heb vandaag aan het begin van de les geleerd hoe ik mijn laptop kan gebruiken zonder een muis dus ik kon alles alleen met me toetsenbord bestuurd daarna ben ik een code review gaan houden met een 2e jaars

November

CHECKOUT MA 11 NOV Wat heb ik vandaag geleerd? Hoe je een styleguide maakt en waarom een huisstijl belangrijk is voor het vertrouwen van de consument

CHECKOUT WO 13 NOV

Wat heb ik vandaag gedaan? Ik heb vandaag een stylesheet gemaakt met mijn groep.

Wat heb ik vandaag geleerd? Ik heb geleerd hoe je een stylesheet moet maken Ik heb geleerd hoe je een styleguide moet maken Ik heb geleerd wat de belangen zijn van een goede styleguide en stylesheet

CHECKOUT MA 18 NOV

Documenteer wat je vandaag hebt gedaan. voeg links toe

vandaag heb ik geleerd hoe ik zelf fonts kan maken

schrijf 3 dingen op die je geleerd hebt

schrijf op wat je nu gaat doen

CHECKOUT MA 25 NOV

schrijf in je eigen woorden de 3 gestalt wetten die je vandaag met je team hebt onderzocht.

• law of proximity/similarity/common region

link naar voorbeelden die je hebt gemaakt en bronnen die je hebt gebruikt.

Mikiyas-hs/look-and-feel-corporate-identity#17

CHECKOUT WO 27 NOV

CHECKOUT VR 29 NOV wireframe en sitemap schets
look-and-feel-corporate-identity

MA 9 DEC

Wat heb ik vandaag gedaan ik heb vandaag de workshop UI Events gevolgd

MA 16 DEC Stel jezelf 3 studievragen over navigeren en label

Wat wil je laten zien bij de laatste sprint review: ik wil graag mijn dark mode interactie laten zien

MA 13 JAN Wat heb ik vandaag gedaan

ik heb vandaag bedacht watvoor interactie ik wil maken voor de opdrachtgever en ik heb dit ook uitgewerkt in een schets

WO 15 JAN Wat heb ik vandaag geleerd

ik heb vandaag geleerd hoe we disney animaties kunnen toepassen op onze website

VR 17 JAN wat heb ik gedaan

• ik heb code design user test gedaan

wat heb ik vandaag geleerd

• hoe ik mijn interactie kan verbeteren

MA 20 JAN Wat heb ik vandaag geleerd

ik heb vandaag geleerd hoe ik mijn code moet refactoren

• mijn code formatten
• mijn html en css op dezelfde manier uitlijnen
• mijn css nesten

MA 3 FEB ik heb vandaag geleerd:

• hoe ik data moet fetchen en waar data is opgeslagen en ik heb de basis van liquad html geleerd

WO 5 FEB ik heb vandaag geleerd:

• Hoe ik te werk kan gaan met liquid filters
• en hoe ik custom data kan gebruiken