2 September 2024

Wat heb ik vandaag gedaan?

Vandaag heb k geleerd over de html basics. Wat de html structuur is en semantic. Ook heb ik een github account gemaakt en een repository geforked. en ben ik begonnen met het schrijven van html code voor de visitiekaartje. aan de hand van de schetsen die ik heb gemaakt.

css boxmodel

3 September 2024

Wat heb ik vandaag gedaan?

Vandaag heb ik een presentatie bijgewoont over het web en de verschillende technologien : css, html en javascript. vervolgens heb ik de workshop css deel 1 gevolgt. dit ging over de css basics, waaronder de selectors en properties. Ook heb ik geleerd over de Devtools. waarvoor je dit kan gebruiken en hoe handig dit is. Na verloop van de workshop ben ik verder bezig geweest met mijn visitekaartje, ik ben begonnen met een tweede schets, omdat ik de eerste niet zo mooi vondt. Ik heb dus een nieuwe schets gemaakt en vervolgens heb ik een breakdown-schets gemaakt. Na het schetsen ben ik weer begonnen met het coderen. van html en het toepassen van de nieuwe kennis van css.

foto van breakdownschets

4 September 2024

Wat heb ik vandaag gedaan?

Vandaag heb ik geleerd over het maken van een Breakdown schets. Dit heb ik toegepast aan mijn schets. verder heb ik verder gewerkt aan mijn visitekaartje. De styling heb ik aangepast en ik heb basic animaties toegevoegd.

1.Wat is het nut van een breakdown schets Dit maakt duidelijk welke elementen en properties van css, html en javascript je kunt gaan gebruiken om de objecten van je schets werkelijk te maken

2.Waarop moet je letten als je een breakdown schets maakt Een duidelijke onderscheidt maken tussen de elementen en properties van de verschillende talen. dit kan met verschillende kleuren.

foto van css-animatiecode

5 September 2024

Wat heb ik vandaag gedaan?

Vandaag heb ik de javascript workshop basics gevolgt. Hier hebben we gewerkt in de devtools.

foto van css-animatiecode

4 September 2024

Wat heb ik vandaag gedaan?

Vandaag heb ik me verdiept in het maken van een breakdown-schets. Dit proces hielp me om de verschillende elementen van mijn ontwerp te visualiseren en hun functies te begrijpen. Het was fascinerend om te zien hoe elk onderdeel samenkomt in een groter geheel. Daarnaast ben ik begonnen met het ontwerpen van mijn visitekaartje. Ik heb niet alleen de kleuren aangepast, maar ook geëxperimenteerd met verschillende stijlen en animaties. Het toepassen van basisanimaties gaf mijn ontwerp een dynamischer gevoel, wat ik erg leuk vond.

Breakdown schets voorbeeld

5 September 2024

Wat heb ik vandaag gedaan?

Vandaag heb ik me gefocust op het gebruik van JavaScript, met name de click event. Ik ben begonnen met het implementeren van interactieve animaties op mijn visitekaartje. Dit was een interessante uitdaging, omdat het me in staat stelde om te begrijpen hoe JavaScript de gebruikerservaring kan verrijken. Het gevoel dat je ontwerp daadwerkelijk reageert op gebruikersinteracties, geeft een enorme boost aan mijn motivatie en creativiteit.

9 September 2024

Wat heb ik vandaag gedaan?

Vandaag ben ik begonnen met de groepsopdracht. We hebben elkaar leren kennen en hebben samen gebrainstormd over het design van onze webpagina. Iedereen maakte zijn eigen schets, waarna we een opzet voor een breakdown-schets maakten. Het verdelen van taken zorgde ervoor dat we onze efficiëntie konden maximaliseren. Het was inspirerend om te zien hoe de verschillende ideeën en visies van teamleden samensmelten tot één project.

10 September 2024

Wat heb ik vandaag gedaan?

Vandaag heb ik me verdiept in het gebruik van grid-layout in CSS. Ik heb geleerd hoe je de parent en child elementen kunt definiëren, en welke CSS-regels daarbij essentieel zijn. Dit begrip heeft mijn vaardigheden in webdesign aanzienlijk verbeterd, omdat ik nu beter begrijp hoe ik elementen op een webpagina kan structureren. Het was een waardevolle les die me zal helpen bij toekomstige projecten.

16 September 2024

Wat heb ik vandaag gedaan?

Vandaag heb ik deelgenomen aan een design workshop, waar we met Figma hebben gewerkt. Dit programma stelde me in staat om mijn ideeën visueel te vertalen en te prototype. Het proces van prototyping gaf me een beter begrip van gebruikerservaring en hoe ontwerpen moeten voldoen aan de behoeften van de gebruiker. Het was inspirerend om te zien hoe de ideeën van anderen in een prototype tot leven kwamen.

17 September 2024

Wat heb ik vandaag gedaan?

Vandaag hebben we een workshop gehad over CSS-transities en transforms. We hebben verschillende technieken besproken om animaties toe te voegen aan onze ontwerpen, wat de gebruikerservaring kan verrijken. Ik heb geoefend met het implementeren van deze technieken in mijn project, en het was opwindend om te zien hoe kleine veranderingen een grote impact kunnen hebben op de uitstraling van een webpagina.

18 September 2024

Wat heb ik vandaag gedaan?

Vandaag heb ik gewerkt met het projectteam. We hebben de final webpagina van de squad samengevoegd. Vervolgens hebben we alles getest en zijn we langs de issues gegaan om te controleren of alles klopt. Ook zijn we begonnen met het maken van de README, wat een belangrijke stap is om onze samenwerking te documenteren. Dit heeft me geleerd hoe belangrijk het is om alles goed te documenteren, zowel voor onszelf als voor eventuele toekomstige ontwikkelaars. Het samenvoegen van onze ideeën tot een samenhangend geheel was een waardevolle ervaring.

23 September 2024

Wat heb ik vandaag gedaan?

Vandaag heb ik een opdrachtgever gekozen waarvoor ik een website wil maken. Hierna hebben we een vergadering gehad over wat er allemaal verwacht wordt van het product. Dit was een waardevolle ervaring om de wensen van de opdrachtgever te begrijpen. Het was interessant om te horen hoe zij hun doelgroep en de bijbehorende functionaliteiten voor ogen hebben. Toen ben ik begonnen met het maken van de briefing, wat me heeft geholpen om mijn gedachten te structureren en een helder plan van aanpak te creëren. Dit proces heeft me ook doen beseffen hoe belangrijk het is om een duidelijke communicatielijn te hebben met de opdrachtgever.

25 September 2024

Wat heb ik vandaag gedaan?

Ik heb geoefend met schetsen en hoe je een lofi en hifi schets maakt. Dit proces heeft me geholpen om beter te begrijpen hoe ik ideeën visueel kan overbrengen. Ook heb ik al een begin gemaakt aan de playlist HTML-pagina. Het was een goed moment om te experimenteren met verschillende lay-out ideeën. Het uitwerken van deze ideeën op papier gaf me ook de kans om te reflecteren op wat ik heb geleerd en hoe ik dat kan toepassen in mijn ontwerpen. Dit hielp me om een beter idee te krijgen van hoe de uiteindelijke pagina eruit zal zien.

27 September 2024

Wat heb ik vandaag gedaan?

Ik heb vandaag feedback gegeven aan een aantal mensen op het gebied van HTML, ook heb ik zelf feedback ontvangen. Dit was een waardevolle ervaring omdat het me heeft geholpen om mijn eigen kennis te verdiepen en mijn communicatievaardigheden te verbeteren. Het was een goede gelegenheid om te reflecteren op mijn werk en te leren van anderen. Het proces van feedback geven en ontvangen heeft me doen inzien hoe belangrijk het is om open te staan voor kritiek en om hiervan te leren.

30 September 2024

Wat heb ik vandaag gedaan?

Vandaag heb ik geleerd over de verschillende layout modes in CSS en heb ik geoefend met de verschillende opdrachten. Ik ben nu bij opdracht 5. Deze kennis zal ik zeker toepassen in mijn projecten om meer flexibele en responsieve ontwerpen te maken. Het begrijpen van grid en flexbox zal mijn ontwerpen een nieuwe dimensie geven, waardoor ik in staat ben om effectievere en gebruiksvriendelijkere websites te bouwen.

1 Oktober 2024

Wat heb ik vandaag gedaan?

Vandaag heb ik mijn eerste stappen gezet in het leren van Flexbox. Ik heb me verdiept in de basisprincipes en de verschillende eigenschappen die Flexbox biedt, zoals `flex-direction`, `justify-content`, en `align-items`. Het was een uitdagende maar zeer leerzame ervaring. Door met voorbeelden te werken, kon ik visueel zien hoe deze eigenschappen de layout van een webpagina kunnen beïnvloeden.

3 Oktober 2024

Wat heb ik vandaag gedaan?

Vandaag heb ik verder gewerkt met mijn project en ben ik begonnen met het implementeren van de nieuwe Flexbox-structuur in mijn webpagina. Dit stelde me in staat om elementen op een meer georganiseerde manier weer te geven. Ik vond het bijzonder waardevol om te zien hoe deze nieuwe kennis de gebruikerservaring verbeterde. Ook heb ik feedback gevraagd van medestudenten over mijn design.

7 Oktober 2024

Wat heb ik vandaag gedaan?

Vandaag heb ik gewerkt aan het optimaliseren van de mobiele versie van mijn website. Ik heb media queries toegevoegd om ervoor te zorgen dat de layout zich aanpast aan verschillende schermformaten. Dit was een leerzame ervaring, omdat ik me nu veel meer bewust ben van het belang van gebruiksvriendelijkheid op verschillende apparaten. Het resultaat was een veel responsiever ontwerp dat de navigatie vergemakkelijkt.

9 Oktober 2024

Wat heb ik vandaag gedaan?

Vandaag heb ik verder gewerkt aan het integreren van JavaScript in mijn project. Ik heb geleerd hoe ik eenvoudige interacties kan toevoegen, zoals het tonen en verbergen van elementen. Dit voegde een nieuwe laag van dynamiek toe aan mijn website. Het was spannend om te zien hoe zelfs kleine aanpassingen een groot verschil kunnen maken in de gebruikerservaring.

11 Oktober 2024

Wat heb ik vandaag gedaan?

Vandaag heb ik deelgenomen aan een peer-review sessie met mijn klasgenoten. We hebben elkaars projecten bekeken en constructieve feedback gegeven. Dit was niet alleen nuttig om mijn eigen werk te verbeteren, maar ook om nieuwe perspectieven en ideeën te krijgen van anderen. Het was inspirerend om te zien hoe verschillende stijlen en technieken kunnen leiden tot unieke resultaten.

15 Oktober 2024

Wat heb ik vandaag gedaan?

Vandaag heb ik me gericht op het testen van mijn website op verschillende browsers en apparaten. Dit was een belangrijk onderdeel van het ontwikkelingsproces, omdat het ervoor zorgde dat mijn site toegankelijk en gebruiksvriendelijk blijft, ongeacht waar deze wordt bekeken. Door verschillende situaties te simuleren, kon ik bugs en incompatibiliteitsproblemen oplossen.