You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: Week0/README.md
+1Lines changed: 1 addition & 0 deletions
Original file line number
Diff line number
Diff line change
@@ -29,6 +29,7 @@
29
29
*[What is ARIA and why is it important?](https://www.youtube.com/watch?v=HtTyRajRuyY)
30
30
*[Introduction to ARIA](https://www.youtube.com/watch?v=g9Qff0b-lHk&t=4s)
31
31
*[Web applications and ARIA FAQ](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Web_applications_and_ARIA_FAQ)
32
+
*_Bonus knowlegde:_[Practical guide for developers on how to add accessibility information to HTML elements using the ARIA specification](https://w3c.github.io/using-aria/)
32
33
33
34
>Don't worry if you don't understand everything, but make sure to prepare some questions for your first session about the reading material.
Copy file name to clipboardExpand all lines: Week1/MAKEME.md
+12-6Lines changed: 12 additions & 6 deletions
Original file line number
Diff line number
Diff line change
@@ -9,40 +9,46 @@
9
9
* Indentation
10
10
* Semantic elements
11
11
* Paragraphs, links, images, lists
12
+
* Validating HTML
13
+
* Introduction to ARIA:
14
+
* What is ARIA and why is it important?
15
+
* Using ARIA in HTML
16
+
* Validating ARIA
12
17
* Introduction to CSS:
13
18
* Where can we write it and what difference does that make?
14
19
* Selectors (id, class, element type), properties
15
20
* How to structure a CSS file
16
21
* Naming things
22
+
* Validating CSS
17
23
* External files: relative and absolute paths
18
24
* Getting to know your text editor
19
25
20
26
# Homework Week 1
21
27
22
-
## Step 1.
28
+
## Step 1.
23
29
### Good learning practices
24
30
Before you start check out this [video](http://www.learningscientists.org/videos/) and/or this [article](https://www.cultofpedagogy.com/learning-strategies/) about good learning practices.
25
31
26
32
### HTML5
27
-
Read about [HTML5](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5)
33
+
Read about [HTML5](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5)
28
34
29
35
### CSS:
30
-
*[CSS reference](http://cssreference.io/)
36
+
*[CSS reference](http://cssreference.io/)
31
37
*[MDN - Introduction to CSS layout](https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Introduction)
* In Trello, you are assigned to one of the cards of your fellow students (in the Class11 Week0 HTML/CSS list). Give feedback on the application assignment of your fellow student. Please be critical but most of all give constructive feedback. If there are resources that you used and might be useful, share them.
37
-
* revisit you own application assignment and improve it with the feedback and suggestions given by one of your classmates.
43
+
* revisit you own application assignment and improve it with the feedback and suggestions given by one of your classmates.
38
44
39
45
40
46
> Don't forget, you can always revisit Khan Academy: [Into to HTML/CSS: Making web pages](https://nl.khanacademy.org/computing/computer-programming/html-css) if you are stuck and need a reminder
41
47
42
48
## Step 3.
43
49
### Assignment:
44
50
* Make your own web resume:
45
-
* One page
51
+
* One page
46
52
* Two files: HTML and CSS
47
53
* Include the following:
48
54
* Your personal info (name, place of birth, etc.)
@@ -56,7 +62,7 @@ Read about [HTML5](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5
56
62
* Another list (ul). In this list you include the most important platforms/resources where you can find all hyf related information.
57
63
* img
58
64
* p
59
-
* Some CSS properties: margin, padding
65
+
* Some CSS properties: margin, padding
60
66
* Make sure that you page looks nice, and that your text is readable
61
67
* upload in a zip
62
68
* BEFORE you hand it in, read the [Style guide](http://www.w3schools.com/html/html5_syntax.asp) and check your files (you can also use the [HTML validator](https://validator.w3.org)).
0 commit comments