forked from fdnd-task/i-love-web
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
220 lines (177 loc) · 7.87 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>I Love Web</title>
<link rel="stylesheet" href="styles/style.css">
</head>
<header>
<h1>Daily FDND Journal</h1>
</header>
<main>
<section class="dagelijks">
<h2>04/09/2024</h2>
<p>Ik heb vandaag I love web aangemaakt en geleerd hoe ik een break-down schets maak (wireframe)
<br><br>
<b>Wat is het nut van een breakdown schets?</b><br>
Zodat je begrijpt hoe ja de website op gaat bouwen
<br><br>
<b>Waar moet je op letten als je een breakdown schets maakt?</b><br>
Dat je verschillende kleuren gebruikt om elementen te onderscheiden
<br><br>
<b>Wat ga ik morgen doen? Verder werken aan mijn visitekaartje</b><br>
Ik wil nog checken hoe ik aan animatie toe voeg aan mijn visitekaartje</p>
</section>
<section class="dagelijks">
<h2>05/09/2024</h2>
<p>Ik heb vandaag met JavaScript (JS) gespeeld en wat
animaties/beweging kunnen maken en gebruiken voor mijn visitekaartje.
<br><br>
<b>Wat maakt javascript zo verschillend van HTML & CSS?</b><br>
Met javascript kan je makkelijker animaties en bewegingen toevoegen aan je project
<br><br>
<b>Wat van mijn HTML en CSS kennis kan ik hergebruiken binnen JavaScript?</b><br>
avascript hoort eigenlijk bij HTML en CSS, dus bepaalde elementen/selectors die ik heb geleerd bij HTML en CSS kan ik ook toepassen en gebruiken bij JavaScript
<br><br>
<b>Wat ga ik verder nog doen met Javascript vandaag?</b><br>
Ik ga nog veel experimenteren en kijken wat ik echt nog wil doen met mijn visitekaartje</p>
</section>
<section class="dagelijks">
<h2>09/09/2024</h2>
<p>We zijn vandaag begonnen aan een nieuwe opdracht, de squadpage. We hebben in miro gewerkt
en schets ideeën gemaakt.
<br><br>
<b>3 dingen die ik heb geleerd</b><br>
Hoe ik in miro moet werken, hoe zo een canvas in elkaar zit en hoe je goeie afspraken maakt bij een groepsproject.
<br><br>
<b>2 dingen die ik interessant vind</b><br>
Ik vind het interessant en vet hoe we zo snel door het proces doorgaan en we veel tijd hebben om er zelf aan te werken. Ik vind het ook interssant dat we ook gelijk met Figma gaan werken.
<br><br>
<b>1 ding waar ik nog vragen over heb</b><br>
Hoe de planning precies in elkaar zit en hoe je die het beste kan maken</p>
</section>
<section class="dagelijks">
<h2>10/09/2024</h2>
<p>Vandaag heb ik grid en layout geleerd
<br><br>
<b>3 dingen die ik heb geleerd</b><br>
Grid, nieuwe css kennis
<br><br>
<b>2 dingen die ik interessant vind</b><br>
Hoe je met grid heel veel verschillende en consistente layouts kan maken.
<br><br>
<b>1 ding waar ik nog vragen over heb</b><br>
Ik vind het nog best lastig om met grid te werken. Dus moet daar gewoon mee oefenen.</p>
</section>
<section class="dagelijks">
<h2>11/09/2024</h2>
<p>Vandaag heb ik geleerd over responsiveness en flex
<br><br>
<b>3 dingen die ik heb geleerd</b><br>
Media quieries, flex-shrink en responsiveness
<br><br>
<b>2 dingen die ik interessant vind</b><br>
Ik wil meer over flex leren<br><br>
<b>1 ding waar ik nog vragen over heb</b><br>
Over flex, wil daar nog veel meer over leren en het masteren
</section>
<section class="dagelijks">
<h2>16/09/2024</h2>
<p>Vandaag heb ik geleerd over Figma en visuele hiërarchie. Ik wist hier al wat redelijk van dus voor mij wat het niet heel lastig vandaag
<br><br>
<b>3 dingen die ik heb geleerd</b><br>
Figma shortcuts, visuele hierarchie
</section>
<section class="dagelijks">
<h2>18/09/2024</h2>
<p>Vandaag heb ik geleerd over readme.md
<br><br>
<b>3 dingen die ik heb geleerd</b><br>
README.MD, Issues completen en documentatie
</section>
<section class="dagelijks">
<h2>25/09/2024</h2>
<p>Vandaag hheb ik geschetst en ik ben begonnen met mijn DDA leden pagina
<br><br>
<b>3 dingen die ik heb geleerd</b><br>
Github branches, schetsen verduidelijken, :root
<br><br>
<b>2 dingen die ik interessant vind</b><br>
Hoe je met :root voor het hele bestand of de hele website bepaade styles toe kan voegen en in 1 keer aanpassen
<br><br>
<b>1 ding waar ik nog vragen over heb</b><br>
Ik vind het persoonlijk nog lastig om de header te maken voor de pagina</p>
</section>
<section class="dagelijks">
<h2>27/09/2024</h2>
<p>Vandaag heb ik sprint reviews gedaan
<br><br>
<b>3 dingen die ik heb geleerd</b><br>
Sprint review, issues inschieten, issues oplossen
<br><br>
<b>2 dingen die ik interessant vind</b><br>
Hoe makkelijk je feedback kan geven en ontvangen en grid
<br><br>
<b>1 ding waar ik nog vragen over heb</b><br>
Over hoe ik grid toepas op mijn ontwerp</p>
</section>
<section class="dagelijks">
<h2>07/10/2024</h2>
<p>Vandaag heb ik geleerd over code conventies en heb ik issues opgelost
<br><br>
<b>De 3 code conventies</b><br>
HTML ademruimte geven, css op de volgorde van html schrijven en media quiries per elementen nesten
<br><br>
<b>2 Punten op waarmee ik mijn leesbaarheid van mijn html en css kan verbeteren</b><br>
- Prettier gebruiken<br>
- Vanaf nu meer leesbaar code schrijven<br>
<br><br>
<b>Welke conventie neem ik in mijn eigen code?</b><br>
</p>
</section>
<section class="dagelijks">
<h2>09/10/2024</h2>
<p>Vandaag heb ik geleerd over sprint reviews. Ik heb verder gewerkt aan mijn DDA pagina en de navbar ervan gemaakt.
<br><br>
<b>3 Leervragen</b><br>
1: Wat is een sprint review<br>
2: Wat is het nut van een sprint review<br>
3: Hoe kan ik mijn werk het beste presenteren bij een sprint review?
</p>
</section>
<section class="dagelijks">
<h2>09/10/2024</h2>
<p>Vandaag heb ik geleerd over WCAG (Web Content Accessibility Guidelines).
<br><br>
<b>wat moet ik nog doen voor de WCAG audit</b><br>
Gewoon maken
</p>
</section>
<section class="dagelijks">
<h2>11/11/2024</h2>
<p>Vandaag heb ik geleerd wat styleguides en stylesheets zijn
<br><br>
<b>3 dingen die ik heb geleerd:</b><br>
Hoe ik in een groepsproject de styling consistent houd<br>
Hoe het inventariseren van al je onderdelen en componenten in je website je een besef en goed beeld geeft van hoe inconsistent je eigenlijk soms wel niet te werk gaat
<br><br><b>Hoe ga ik met mijn taem deze teamopdracht aanpakken?</b><br>
Contact blijven houden en een simpele planning maken met wanneer we wat doen<br><br>
<b>Waar ga ik afspraken bijhouden></b><br>
Via WhatsApp
</p>
</section>
<section class="dagelijks ownfont">
<h2>18/11/2024</h2>
<p>Vandaag heb ik mijn eigen font gemaakt. Dit heb ik gedaan op de volgende site: <a href="https://config.aresluna.org/">klik hier</a>
<br><br>
<b>3 dingen die ik heb geleerd:</b><br>
- Wat het verschil is tussen serif en sans-serif<br>
- Hoe ik mijn eigen font kan maken<br>
- Waar ik feedback indicatoren kan vinden<br><br>
<b>Wat ga ik nu doen?</b><br>
Ik ga een planning maken voor de voorbereiding van het assessment die ik nog niet heb gedaan.
</p>
</section>
</main>
</html>