Vandaag hebben we geleerd hoe je een breakdown schets moet maken en indelen. Het is een schets die je maakt voordat je gaat beginnen met een project, het zorgt ervoor dat je een goed beeld hebt in de code dat je gaat typen.
Notitie (wat wil je nog checken, uitzoeken, lezen..): Ik wil leren hoe je werkt met animaties in css
Vandaag hebben we geoefend met javascript, de basis is uitgelegd en we hebben daarna zelf geoefend de codetaal.
Ik heb vandaag een workshop gehad over breakpoint en hoe ik die kan instellen in css
Ik heb vandaag een workshop gehad over visuele hierarchie en figma, we hebben designs gemaakt in figma voor de squadpage
We hebben vandaag een workshop gehad over transition en tranform in css. We hebben geoefend met de css challenges.
Ik ben vandaag begonnen aan de opdracht voor de spint the client website, we hebben een briefing, debrief gehad.
Ik heb verschillende layouts geleerd zoals table layout, flexbox etc. Ik heb geleerd hoe je vandaag hebt gewerkt met grid layout. hoe je een schets daarvan maakt, en hoe fr werken.
Ik heb vandaag en workshop gehad over typografie, ik heb geleerd dat je moet letten op hoe groot tekst is op verschillende plekkne in een site. Ook hem ik verschillende unit geleerd zoals e, vi, px etc
Ik heb vandaag en workshop gehad over typografie, ik heb geleerd dat je moet letten op hoe groot tekst is op verschillende plekkne in een site. Ook hem ik verschillende unit geleerd zoals e, vi, px etc
We zijn vandaag begonnen met sprint 3 All Human. In deze sprint gaan we onze opdracht die we hadden gekregen bij de vorige sprint accessible maken. We hebben gewerkt met de WCAG, ik ben door de checklist gegaan en heb gecheckt welke punten ik heb afgevinkt in de lijst. We hebben vandaag ook een deeltaak gekregen voor woensdag.
We hebben vandaag een code review gedaan. we hebben eerst met een groepje criteria genoteerd op een whiteboard voor het testen van onze sites. Daarna hebben we in duos issues geschreven in onze medestudenten hun repo. Uitbereiding checklist code-review: 1. Lighthouse test 2. Screen reader test 3. Contrast test 4. keyboard test 5. Zooming en scaling test We hebben deze test uitgevoerd door te beginnen met de lighthouse test en daarna hebben we stap voor stap de rest gedaan.
Vandaag hebben we een wrap-up gehad voor deze sprint. We hebben een mouse challenge gedaan waarbij de onze trackpad uitzetten en alleen navigeren met ons toetsenbord. We hebben samen met ons opdracht groepje besproken hoe de sprint review ging en hebben daarna vragen genoteerd voor de aankomende review. We hebben een wrap-up gehad van onze sprint. Ik heb een readme gemaakt voor de sprintreview. ik heb mijn voorbeelden verbeterd in mijn readme. Voor de volgende sprintreview ga ik meer gerichte vragen stellen.
Ik heb vandaag geleerd hoe je een styleguide kan maken. We zijn met ons groepje begonnen met het maken van de style guide. Aan het begin hebben we ook bekeken hoe andere bedrijven zoals Transavia en Decatlon hun styles hebben gemaakt.
Wij gaan samen met het team eerst het figma bestand afmaken en daarna gaan we in een gedeeld repo samen een styleheet maken. afspraken gaan we houden via teams
Ik heb vandaag geleerd hoe je een styleheet inricht, ook heb ik geleerd hoe je deze op een goeie manier inricht. Dit hebben we gedaan tijdens de workshop look and feel Stylesheet
Ik ga de code verwerken in de gemeenschappelijke code door me te houden aan de code conventies die we hebben besproken. Die zijn er zodat we allemaal code hebben die past bij ierder zijn of haar prohect
We gaan de afspraken documenteren aan de hand van issues, we hebben issues aangemaakt voor verschillende delen van de opdracht. Zo kan iedereen bijhouden wie wat moet doen voor zijn of haar deel.
Ik heb vandaag met mijn groepje van qatar museums de styleguide bekeken van DDA en Drop & Heal. We hebben issues geschreven voor die groepjes
Ik heb groepjes @font-face zien gebruiken en wil dat ook graag gebruiken in mijn code
ik heb vandaag een eigen font gemaakt tijdens de opdracht typografie-en-em.md
ik heb vandaag een eigen font gemaakt tijdens de opdracht typografie-en-em.md
ik heb vandaag een eigen font gemaakt tijdens de opdracht typografie-en-em.md
De 3 Gestalt wetten:
Ik heb vandaag geleerd hoe je werkt met het 3 stappenplan in javascript
Ik heb gewerkt aan de ui event deeltaak ik heb een paar nieuwe interacties gemaakt.
Ik heb gewerkt aan mijn portflow
We hebben vandaag een briefing gemaakt met het groepje van ride-out, daarna waren we naar het kantoor van ride-out gegaan en hebben we Tim en Carlo ontmoet. Na de briefing heb ik alles verwerkt in een individuele breifing
We hebben vandaag een workshop gehad over bouwen met mobile first, we hebben geleerd hoe we goed nesten en moeten beginnen met onze code
Vandaag heb ik de eerste html prototype getest vand anderen samen met mijn groep van ride-out
Vandaag hebben we geleerd over de 12 disney principes met Krin. Ik heb een secondary action gemaakt
Vandaag hebben we onze interactions getest en na de review zijn we gegaan naar de we love web
Vandaag heb ik geleerd hoe ik mijn code moet refractoren, ik heb gewerk aan mijn css en html refractoring
Ik heb geleerd wat parameters en arguments zijn, ook heb ik geoefend met de exercises die er in de chapter waren. Ik heb op papier syntax opgelost.
Ik heb geleerd dat `console.log()` wordt gebruikt om code zichtbaar te maken in de console, wat helpt bij het opsporen van bugs, maar geen invloed heeft op de werking van een functie. Het toont alleen informatie aan de ontwikkelaar en vervangt niet het gebruik van `return`. Daarnaast is het belangrijk om niet te hardcoden, omdat sample usage slechts voorbeelden geeft van hoe functies worden aangeroepen.
Ik heb in deze 2 hoofdstukken geleerd dat er verschillende soorten methods zijn in javascript om bijvoorbeeld een lettertype te veranderen van hooffletters naar kleinde letter en andersom. Dit kan je doen met bijvoorbeeld methods zoals .toUpperCase() of .toLowerCase(), hier moet je letten dat je de hoofdletters niet verkeerd typt anders werkt de code ook niet.
Rappe website responsive,accessible, performant en progressive enhancement