Sprint 7: Connect Your Tribe
Datum: 03/02/25
Workshop
Workshop: Sprint planning
JSON Oefening
Vandaag heb ik tijdens de les ook geoefend met JSON Tijdens deze workshop heb node js geinstalleerd en een hello world pagina gemaakt op http://localhost:3000/
Database en Visitekaartje
Op deze site kan ik info toevoegen aan een database. Uit deze database kan ik info halen en toevoegen aan mijn Visitekaartje voor sprint 7.
Projectboard
Ik heb ook een projectboard gemaakt met de planning van programma.fdnd erin.
Visitekaartje Ontwerp
Daarna ben ik alvast begonnen met mijn nieuwe visitekaartje. Breakdown schetsen en begin aan HTML en CSS. Opdracht, Redesign Issue
Sprint 7: Connect Your Tribe
Datum: 04/02/25
CSS Challenge
Css challenge van Sanne: Challenge has
Mijn Werk
Mijn werk: Codepen
Wat heb ik geleerd?
Vandaag heb ik de CSS challenge van Sanne gevolgd. Ik heb geleerd over :has() in CSS. Gisteren had ik mijn interactie al een deel gemaakt met JavaScript. Vandaag heb ik geprobeerd hetzelfde met :has() en checkboxes te maken in CSS.
Visitekaartje Redesign
Visitekaartje redesign sprint 7: Redesign Issue
Sprint 7: Connect Your Tribe
Datum: 05/02/25
Workshop: REST API en Json, Oefenen met Routes en Views
Workshop over REST API en Json: REST API en JSON
Tip
Als je niet meer weet hoe die property van het person object heet (was het nou birthdate of birth_date?), zet {{ person | json }} in je code, en bekijk het antwoord in je pagina.
Pro-tip
Zorg dat je tijdens het bouwen en debuggen standaard ergens op je pagina een custom made fixed positioned Data
{{ person | json:4 }}
If Else and For Each met Liquid in HTML
Meer over if else en for each met Liquid in HTML: Conditional Else en Iteration Tags
For Loop met If Statement
For loop met if statement om data uit een array te halen, en 1 voor 1 in een li plakken.
Sprint 7: Connect Your Tribe
Datum: 06/02/25
CSS Animatie Verbetering
Vandaag heb ik de CSS animatie mooier gemaakt, door eerst de achtergrond zonder tekst van buiten beeld naar de laatste plek te brengen met cubic bezier. En nadat die animatie klaar is, een fade in te doen voor de tekst.
Sprint 7: Connect Your Tribe
Datum: 07/02/25
Wat heb ik gedaan vandaag?
Vandaag hadden we code en design reviews, ik heb feedback gegeven aan: Brancovanbeek RenzoWille Naddybsx
Sprint 7: Connect Your Tribe
Datum: 10/02/25
Sprint Planning en Filter Sort in JSON Browser
Vandaag heb ik de sprint planning en filter sort in de JSON browser doorgenomen.
Links voor filteren, zoeken en sorteren
Ik heb de volgende links gebruikt voor filteren, sorteren en zoeken in de JSON browser: Filteren met bio bevat frontend Filteren op favoriete kleur Zoeken op frisbee
DLC - Convergeren en Divergeren
Door de DLC meerdere keren te doorlopen kan je stap voor stap een ontwerpprobleem, of ontwerpvraag, oplossen. Dit heet convergeren en divergeren. Meerdere ideeën uitwerken en analyseren, daarna keuzes maken om tot de beste oplossing te komen.
info over Sorteren, Filteren en Zoeken
Sorteren in JSON Browser Filteren in JSON Browser Zoeken in JSON Browser
Schetsen gemaakt
Ik heb vandaag ook verschillende schetsen gemaakt.
Sprint 7: Connect Your Tribe
Datum: 12/02/25
Wat heb ik gedaan?
Vandaag heb ik een nieuwe app.get route gemaakt voor een pagina met gefilterde informatie. In de URL heb ik filter en sort toegepast om specifieke data op te halen. Door filter en sort in de URL toe te passen, kan ik de data dynamisch ophalen en weergeven op de pagina.
Sprint 7: Connect Your Tribe
Datum: 14/02/25
Code & design review
Vandaag heb ik samen met Kim code- en designreviews geschreven voor: Dylan Branco Fatima Halima Karimna
Sprint 7: Connect Your Tribe
Datum: 14/02/25
We Love Web met Kilian Valkhof
Kilian Valkhof begon met websites bouwen toen hij 11 was, met een persoonlijke website gebouwd in Frontpage 2000. In de beginjaren was het internet anders en werkte het soms niet goed in alle browsers. Op 12-jarige leeftijd begon hij geld te verdienen met affiliate marketing en kreeg hij meer ervaring met HTML, CSS, JS en jQuery. Toen de iPhone uitkwam, werd responsive design belangrijk voor het web.
Start van een bedrijf en Tools
Op zijn 16e begon hij samen met medestudenten een bedrijf te runnen, en dit gaf hem veel ervaring in de jaren daarna. Hij bouwde verschillende tools en apps, zoals Trimage voor het optimaliseren van afbeeldingen, en F.lux voor het aanpassen van schermhelderheid.
Polypane Browser
In 2017 besloot hij Polypane te maken, een browser voor developers, omdat hij het frustrerend vond om websites op verschillende apparaten te testen. Hij ontwikkelde Polypane om deze processen te vereenvoudigen en tijd te besparen.
Polypane Groei
In 2018 kreeg hij een dochter, en in 2019 besloot hij fulltime aan Polypane te werken. Na de lancering van versie 1.0 op 14 mei 2019 was Polypane niet meer gratis, wat sommige mensen teleurstelde. Hij werkte hard aan nieuwe features, zoals dark mode en verbeterde lay-outs, en luisterde naar feedback van gebruikers.
Technologie en Side-projects
Polypane bevat nu veel functies die oorspronkelijk niet bestonden in andere browsers, zoals een eigen element inspector en tools om makkelijk grids en afbeeldingen te testen. Wat betreft technologie gebruikt Polypane Electron voor cross-platform apps, en de interface is gebouwd met React (hoewel hij nu misschien een andere keuze zou maken vanwege technische uitdagingen).
Polypane Cloud en Toekomst
Door aan Polypane te werken, kreeg hij ideeën voor side-projects, zoals Superposition.design (voor contrastproblemen in browsers) en Polypane Cloud (voor website-wide testing). Hij is ook bezig met een Polypane-versie voor iPad.
Belang van Side-projects
Kilian benadrukt het belang van side-projects en dat je niet vast moet komen zitten in één carrièrepad. Hij heeft door het werken aan Polypane veel geleerd en blijft maandelijkse updates brengen voor het product, dat nu bijna 10 jaar oud is. Hij bedankt zijn klanten in release notes wanneer hun feedback wordt gebruikt.
Sprint 7: Connect Your Tribe
Datum: 24/02/25
Workshop: User Generated Content
Vandaag heb ik geleerd hoe ik een post route kan maken, zodat de gebruiker bijvoorbeeld iets kan posten op de website en het kan zien als een comment. De workshop was te vinden op: User Generated Content Workshop
Werk aan Issue
Ik heb gewerkt aan de volgende issue: Issue 3
Sprint 7: Connect Your Tribe
Datum: 26/02/25
Kleine aanpassingen en code review
Ik heb een paar kleine aanpassingen gemaakt bij de issue: Issue 3 en het daarna op review geplaatst.
Wat heb ik gedaan?
Mijn code en die van Kim samengevoegd, en daarna alle 'bugs' eruit gehaald. daarna heb ik Akiko ook geholpen om haar like button samen te voegen met wat ik en Kim al samen gevoegd hadden. Wij wouden een witte like button die rood word als het geklikt werd, dit is ons niet gelukt