1 minute paper I Love Web

4-9-2024

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.

3 Studievragen

  1. Wat is het nut van een breakdown schets?
  2. Waar moet je op letten als je een breakdown schets maakt?
  3. Wat moet er allemaal in een breakdown schets?

Notitie (wat wil je nog checken, uitzoeken, lezen..): Ik wil leren hoe je werkt met animaties in css

5-9-2024

Vandaag hebben we geoefend met javascript, de basis is uitgelegd en we hebben daarna zelf geoefend de codetaal.

11-9-2024

Ik heb vandaag een workshop gehad over breakpoint en hoe ik die kan instellen in css

16-9-2024

Ik heb vandaag een workshop gehad over visuele hierarchie en figma, we hebben designs gemaakt in figma voor de squadpage

17-9-2024

We hebben vandaag een workshop gehad over transition en tranform in css. We hebben geoefend met de css challenges.

23-9-2024

Ik ben vandaag begonnen aan de opdracht voor de spint the client website, we hebben een briefing, debrief gehad.

30-9-2024

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.

2-10-2024

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

2-10-2024

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

14-10-2024:

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.

18-10-2024:

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.

23-10-2024:

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.

11-11-2024

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.

Hoe ga ik het met mijn team aanpakken?

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

13-11-2024

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

Drie dingen die ik heb geleerd:

Hoe ga je nieuwe CSS code in de gemeenschappelijke en in je eigen de verwerken?

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

Waar ga je afspraken over jullie CSS strategie met je teamgenoten documenteren?

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.

15-11-2024

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

18-11-2024

ik heb vandaag een eigen font gemaakt tijdens de opdracht typografie-en-em.md

18-11-2024

ik heb vandaag een eigen font gemaakt tijdens de opdracht typografie-en-em.md

18-11-2024

ik heb vandaag een eigen font gemaakt tijdens de opdracht typografie-en-em.md

25-11-2024

De 1 Minute Paper

De 3 Gestalt wetten:

  1. Het Law of Common Region** betekent dat elementen visueel als een groep worden waargenomen wanneer ze zich binnen hetzelfde duidelijk afgebakende gebied bevinden. Met andere woorden, objecten die binnen dezelfde grens vallen, worden automatisch gegroepeerd in onze waarneming.
  2. Het Law of Proximity houdt in dat objecten die dicht bij elkaar staan, door onze hersenen automatisch als een groep worden gezien. We verbinden visueel elementen die fysiek dicht bij elkaar liggen, zelfs als er geen expliciete scheiding of omranding is.
  3. Het Law of Similarity betekent dat ons brein geneigd is om elementen die op elkaar lijken als een geheel of groep te zien. Zelfs als deze objecten fysiek gescheiden zijn, worden ze visueel gegroepeerd op basis van overeenkomsten zoals vorm, kleur, grootte of textuur.

04-12-2024

Ik heb vandaag geleerd hoe je werkt met het 3 stappenplan in javascript

09-12-2024

Ik heb gewerkt aan de ui event deeltaak ik heb een paar nieuwe interacties gemaakt.

20-12-2024

Ik heb gewerkt aan mijn portflow

06-01-2025

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

08-01-2025

We hebben vandaag een workshop gehad over bouwen met mobile first, we hebben geleerd hoe we goed nesten en moeten beginnen met onze code

10-01-2025

Vandaag heb ik de eerste html prototype getest vand anderen samen met mijn groep van ride-out

15-01-2025

Vandaag hebben we geleerd over de 12 disney principes met Krin. Ik heb een secondary action gemaakt

17-01-2025

Vandaag hebben we onze interactions getest en na de review zijn we gegaan naar de we love web

20-01-2025

Vandaag heb ik geleerd hoe ik mijn code moet refractoren, ik heb gewerk aan mijn css en html refractoring

19-02-2025

Java script S1 fundementals 4 basic functions 2

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.

java script S1 fundementals 7 console log

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.

20-02-2025

Java script S1fundementals 8-9

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.

28-02-2025

Vragenlijst

  1. Ik kan uitleggenwat NodeJS is en waarvoorhet gebruikt wordt
  2. Ik weetwat het doel van package.json is en heb hier aanpassingen ingemaakt
  3. Ik heb met npm packages geïnstalleerd en gebruikt in het bestandserver.js
  4. Ik kan met commando’s in de terminal een NodeJSproject stoppen en starten
  5. Ik weet waarom ik mijn NodeJSproject regelmatig moet herstarten en kan dit uitleggen
  6. Ik heb een strategie voor debuggen inNodeJS
  7. Ik kan uitleggen wat Express.js doet en waarom het nodig is om met NodeJS een website te bouwen
  8. Ik weet wat routes zijn en kan zelf een nieuweroute aanmaken
  9. Ik weet wat request en response argumenten zijn ineen functie voor het laden van data
  10. Ik heb gebruik gemaakt van een request parameter om specifiekedata te laden
  11. Ik kan uitleggen wat Liquid doet en waarom het nodig is om met Express.js een website te maken
  12. Ik weet hoe ik data naar Liquid verstuur om dit te gebruiken bij het renderen van een pagina
  13. Ik weet hoe ik Liquid filters toe kan passen en waar ik kan vinden hoe die werken
  14. Ik heb een nieuwe route gemaakt en nieuwe data meegegeven aan een Liquid view
  15. Ik weet waar een foreach loop voor gebruikt wordt en pas het toe in een Liquid view om HTML te renderen
  16. Ik kan in Liquid een controle maken waarmee de avatar niet getoond wordt als deze niet in whois.fdnd.nl is ingevuld
  17. Ik heb een strategie voor debuggen in Liquid
  18. Ik kan data fetchen uit een REST API
  19. Ik snap het verschil tussen HTTP requests van de methodes GET en POST
  20. Ik kan data uit een REST API filteren of sorteren
  21. Ik snap wat het async keyword doet in JavaScript code
  22. Ik weet wat het doel is van eentry/catch block en kanhet gebruiken bijhet parsenvan JSON
  23. Ik begrijphet verschil tussen client-side JavaScript en server-side JavaScript en wanneer ik welke het handigst in kan zetten
  24. Ik kan formulier data die is ge-POST opslaan in een variabele op de server en gebruiken bij het renderen van een pagina
  25. Ik kan formulier data die is ge-POST door middel van een POST of PATCH HTTP request opslaan in de REST API

Antwoorden

  1. 2 punten
  2. 2 punten
  3. 3 punten
  4. 3 punten
  5. 1 punt
  6. 1 punt
  7. 1 punten
  8. 3 punten
  9. 3 punten
  10. 2 punten
  11. 1 punt
  12. 2 punten
  13. 3 punten
  14. 3 punten
  15. 1 punt
  16. 1 punten
  17. 3 punten
  18. 2 punten
  19. 2 punten
  20. 2 punt
  21. 1 punt
  22. 1 punt
  23. 2 punten
  24. 1 punt
  25. 1 punt

    26. Totaal: 47 punten

14-03-2025

Redesign studio

Wat er goed gaat:

Wat gaat er niet goed:

17-3-2025

Rappe website responsive,accessible, performant en progressive enhancement

5-4-2025

Zelftest - Lerend Vermogen

Beantwoord de 25 vragen in je Learning Journal. Maak een inschatting wat je wel of nog niet kan en geef jezelf punten. Link per vraag naar een regel code waarin je laat zien wat je (goed) kan of nog niet begrijpt.

  1. Ik kan uitleggenwat NodeJS is en waarvoorhet gebruikt wordt
  2. Ik weetwat het doel van package.json is en heb hier aanpassingen ingemaakt
  3. Ik heb met npm packages geïnstalleerd en gebruikt in het bestandserver.js
  4. Ik kan met commando’s in de terminal een NodeJSproject stoppen en starten
  5. Ik weet waarom ik mijn NodeJSproject regelmatig moet herstarten en kan dit uitleggen
  6. Ik heb een strategie voor debuggen inNodeJS
  7. Ik kan uitleggen wat Express.js doet en waarom het nodig is om met NodeJS een website te bouwen
  8. Ik weet wat routes zijn en kan zelf een nieuweroute aanmaken
  9. Ik weet wat request en response argumenten zijn ineen functie voor het laden van data
  10. Ik heb gebruik gemaakt van een request parameter om specifiekedata te laden
  11. Ik kan uitleggen wat Liquid doet en waarom het nodig is om met Express.js een website te maken
  12. Ik weet hoe ik data naar Liquid verstuur om dit te gebruiken bij het renderen van een pagina
  13. Ik weet hoe ik Liquid filters toe kan passen en waar ik kan vinden hoe die werken
  14. Ik heb een nieuwe route gemaakt en nieuwe data meegegeven aan een Liquid view
  15. Ik weet waar een foreach loop voor gebruikt wordt en pas het toe in een Liquid view om HTML te renderen
  16. Ik kan in Liquid een controle maken waarmee de avatar niet getoond wordt als deze niet in whois.fdnd.nl is ingevuld
  17. Ik heb een strategie voor debuggen in Liquid
  18. Ik kan data fetchen uit een REST API
  19. Ik snap het verschil tussen HTTP requests van de methodes GET en POST
  20. Ik kan data uit een REST API filteren of sorteren
  21. Ik snap wat het async keyword doet in JavaScript code
  22. Ik weet wat het doel is van eentry/catch block en kanhet gebruiken bijhet parsenvan JSON
  23. Ik begrijphet verschil tussen client-side JavaScript en server-side JavaScript en wanneer ik welke het handigst in kan zetten
  24. Ik kan formulier data die is ge-POST opslaan in een variabele op de server en gebruiken bij het renderen van een pagina
  25. Ik kan formulier data die is ge-POST door middel van een POST of PATCH HTTP request opslaan in de REST API

Antwoorden

  1. 3 punten
  2. 3 punten
  3. 3 punten
  4. 3 punten
  5. 3 punt
  6. 3 punt
  7. 2 punten
  8. 3 punten
  9. 3 punten
  10. 2 punten
  11. 3 punt
  12. 3 punten
  13. 3 punten
  14. 3 punten
  15. 3 punt
  16. 3 punten
  17. 3 punten
  18. 2 punten
  19. 2 punten
  20. 2 punt
  21. 2 punt
  22. 2 punt
  23. 2 punten
  24. 3 punt
  25. 3 punt

    26. Totaal: 67 punten