we love web blog

Hier hou ik een we love web blog bij hoe ik de nieuwste ontwikkelingen volg door gastcolleges te volgen en probeer toe te passen in mijn werk.

Verder heb ik ook een kopje Nieuwste ontwikkelingen en hierin hou ik de nieuwste ontwikkelen bij binnen frontend design en development door artikelen te lezen en mij in te schrijven op nieuwsbrieven.

ga naar

sprint 12
sprint 11
sprint 8
sprint 7

sprint 12 Jadat

Jadat heeft een eigen bedrijf en iss zpp'er en heeft vertelt over zijn werk en hoe hij is begonnen en wat hij doet en hoe hij zijn klanten binnen haalt. Hij heeft vertelt over de training en programmeercusses die hij heeft gebruikt en hoe hij zijn bedrijf is begonnen

je moet 3 maanden lang aan de mvp werken en zorgend at de functionaliteiten van je product werken ook heeft die als extra flashcards ingevoegd en de flashcards zijn gemaakt als progressive web apps waardoor het op mobiel ook goed werkt

als ondernemer is het belangrijk om een probleem te vinden en een oplossing te bedenken en dit proberen te verkopen ook moet je goed onderzoek doen naar je doelgroep en kijken hoe je jou product verkoopt want betlaen voor advertenties dat kan maar is het nodig? mond tot mondreclame kan ook werken

maak keuzes kies voor kwaliteit boven kwantiteit en vraag feedback van je gerbuikers wat die ervan vinden en hzorg altijd voor een buffer zodat je wat geld achter de hand hebt ook moet je letten of je een free trial aanbied en of je hiermee genoeg inkomen genereert

hoe kan je het beste leren

neem korte pauzes herhaal vaak de stof en probeer het opniew ook moet je doelen bedenken die realistisch zijn en blijf gemotiveerd

let erop dat je niet 6 uur lang bezig met een moeilijk project maar deel het op waardoor je kleinere doelen hebt en je het overzicht houdt

sprint 12 bramus

Cross-document View Transitions voor MPA's Inleiding Cross-document view transitions zijn een nieuwe functie in CSS die het mogelijk maakt om naadloze overgangen te creëren tussen verschillende pagina's in een multi-page applicatie (MPA). Dit kan de gebruikerservaring (UX) aanzienlijk verbeteren door de overgang tussen pagina's soepeler en minder abrupt te maken.

Cross-document view transitions werken door snapshots te maken van de oude en nieuwe pagina's. Deze snapshots worden vervolgens gebruikt om een animatie te creëren die de overgang tussen de twee pagina's weergeeft. De animatie kan worden aangepast met behulp van CSS om het gewenste effect te creëren.

stappen view transition: stap 1 identify and name the view transition stap 2 geef ieder elemen een view transition name stap 3: trigger view transiotn in javascript stap 4 customige the animations using css

hoe heb ik dit toegepast

Ik heb in psrint 12 met container queryies gewerkt en view transitions in mijn project heb ik op de playlist zowel de view transitions als container queries toegepast de contianerr query zit bij de range die vertical word op mobiel en horizontaal op desktop en de view transition zit bij de playlist die van de play state naar de pauze state gaat Link naar wiki waar ik view transitions heb toegepast

sprint 12 miriam suzanne

Ze heeft vertelt over container queries en dat het tekst is die uit de container wil gaan en de container wil dat de tekst erin blijft ook heeft ze vertelt over hoe position invloed heeft op de container en dat je media query zelf niet kan aanpassen

een media query word bepaald op grootte van de viewport en niet op de container zelf en dat is het verschil tussen container queries en media queries en dat container queries meer controle geven over de elementen in de container en de media query is meer voor de gehele layout handig om te gebruiken

ook heeft ze vertelt over intrinsieke grootte en dat de grootte van de container word bepaald door de inhoud en dat de tekst naar buiten word geduwd en dat de container de tekst naar binnen wil blijven duwn en dat je met max-content en fit-content de grootte van de container kan bepalen en dat je met contain: inline-size de grootte van de container kan bepalen je moet wel rekening houden dat met grid en flexbox het weer anders kan werken want dan kan de container weer groter worden dan de inhoud

als je gebruik maakt van containers is het handig dat je die altijd een goede naamgeving gebruikt zodat je weet waar welk element bij hoort

sprint 11 Sanne Swagerman

Ze heeft vertelt over haar werk en waar ze heeft gewerkt en hoe haar carriere is gegaan en in wat voor team ze heeft gewerkt en waar ze mee werkt zoals design systemen en prototypes Ook heeft ze verteld over de verschillen tussen een agency en een big tech bedrijf en wat de verschillen zijn en hoe dit invloed zal hebben in een baan.

In de zoektocht van een baan is het belangrijk dat je jezelf goed kent en weet wat je wilt en wat je kan en wat je in een baan zoekt. Ook is het belangrijk dat je een goed cv hebt en een goede portfolio en dat je jezelf goed kan presenteren. Het portfolio dat kan bestaan uit schoolopdrachten of projecten die je hebt gedaan hebt in je werrk. Probeer altijd bij meerdere bedrijven te solliciteren en niet bij 1 bedrijf. Waardoor de slagingskans groter is en je hetb altijd dat er kandidaten zijn die geschikter zijn.

het sollicitatieproces met agencgies je stuurt je cv p[ en dan krijg je een gesprek en vanaf daar krijg je een opdracht mee die je maakt en inlevert en sosm krijg je ook een meeloopdag op kantoor bij een big tech bedrijf moet je cv opvallen want er zijn altijd veel kandidaten en tijdens je sollictatiegesprek kan je een live coding opdracht krijgenn en er kunnen vragen gesteld worden over design sysemen en er komen vragen over jou zelf over als er een conflict is hoe je dat oplost.

Je eerste baan die zal altijd wel lastig zijn en daarin is het van belang dat je in je werk de tijd neemt en de opdracht die je in je werk goed navraagd wat is de opdracht en doorvragen als het onduidelijk is en dat je bij een werkgever zit die fouten tot een zekere hoogte toelaat en je de ruimte geeft om te leren en te groeien.

Ook heb je soms pragmatisch en lastige keuzes waar je voor komt te staan dat je logisch moet nadenken en oplossingsgericht moet gaan kijken bijvoorbeeld een klant die weinig budget heeft en toch een mooie website wil hebben

Als je werkt ga je meemaken dat jij als de expert gezien word en dat er vragen aan jou gesteld gaan worden en dat je goed moet kunnen communiceren en moeilijke termen kan uitleggen aan collagas die niks vann het project weten en soms moet je jouw ego opzij zetten en hun feedback aanhoren al is dit niet altijd leuk onthou iedereen is begonnen als junior en heeft fouten gemaakt dus vraag hulp als dat nodig is

sprint 8 Justus sturkenboom digital gardening

Digital gardening een authentieke manier van het publiceren op het web en het willen opruimen en wieden van een digital omgeving. Een tuin mag groeien en alles in de tuin groet en dat creëert history en herinneringen.

De stream is dat je in een boot zit en je met de stroming mee gaat en niet terug kan alleen naar voren. Een tuin kan je in het verleden nog zien en in een stream is dat niet het geval. De wiki die je schrijft per project is ook een vorm van tuinieren want je project blijft groeien.

sprint 7 Simon Nok

Ik heb een we love web gastcollege meegemaakt van simon nok en daarin is verteld over computational design wat het is. En waarom je dit gebruikt binnen frontend development en design.

De gelijkenis dat je creatief bezig bent en dat je code problemen hebt om op te lossen. Verder heeft die ook verteld over de problemen die hierbij komen kijken en hoe je die kan oplossen.

Ook maakt hij gebruik van creating tools en gravity in zijn werk en dat het juist bijzonder is om uniek te zijn. De programmeertaal die hij onder andere gebruikt is svelte en in werk maakt gebruikt veel kleuren.

Ook kregen we de tip je je niet altijd specifiek op 1 iets hoeft te specialiseren in 1 vakgebied.