-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
147 lines (142 loc) · 4.59 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
---
layout: course
title: "Web Dev 3"
desc: "The modern web is not just functional but also beautiful. Students apply visual design best practices to include more user-friendly graphics, iconography, animations, and rich interactions to make their websites functional, delightful, and performant."
priority: 0.8
permalink: /courses/web-dev-3/index.html
self_directed: true
course_code: "LTW0012"
prereq: "web-dev-2"
course_prev: "web-dev-2"
course_next: "web-dev-4"
hours: 45
prof:
name: "Thomas"
family_name: "J Bradley"
email: "[email protected]"
url: "https://thomasjbradley.ca"
github: "thomasjbradley"
# office: "J104"
# hours:
# - day: 1
# start_time: 11
# end_time: 12
# - day: 4
# start_time: 12
# end_time: 14
# - day: 5
# start_time: 11
# end_time: 12
grades:
activities: 15
exercises: 70
projects: 15
datetimes:
year: 2019
start_week: 36
# sections:
# - title: "010"
# room: "N210"
# section_number: "010"
# day: 3
# start_time: 18
# end_time: 21
# - title: "020"
# room: "N210"
# section_number: "020"
# day: 2
# start_time: 18
# end_time: 21
# - title: "030"
# room: "N207"
# section_number: "030"
# day: 4
# start_time: 18
# end_time: 21
# labs:
# - room: "N210"
# day: 1
# start_time: 16
# end_time: 18
# - room: "N210"
# day: 3
# start_time: 16
# end_time: 18
# - room: "P213B"
# day: 5
# start_time: 15
# end_time: 17
vlo:
- "t, a"
- "t, a"
- "t, a"
- ""
- ""
- "a"
- ""
- "t, a"
- "t"
- "t, a"
ees:
- "t"
- ""
- "t, a"
- "t, a"
- "t, a"
- "t"
- "t"
- ""
- ""
- ""
- "t, a"
clr:
- title: "Use modern tools to make websites"
details:
- "Host websites on cloud platforms"
- "Use version control software to track code changes"
- "Use online collaboration tools for getting assistance"
- "Get feedback from automated tools and apply the suggested changes"
- title: "Prepare websites for multiple devices and use cases"
details:
- "Make adaptive layouts that change and respond to different devices, screen sizes & type sizes"
- "Use design techniques to structure layouts for increased usability of a website to meet any user’s need"
- title: "Use proper file, folder, and code organization"
details:
- "Create links between pages, maximizing utility of URLs"
- "Organize HTML, CSS, and images into standardized locations and folders"
- "Group and collect CSS into separate organized files"
- "Embed external resources, like images, into websites with the correct path"
- title: "Execute proper exporting and compression of web graphics"
details:
- "Choose properly between common web image formats: JPG, PNG, SVG"
- "Export images from graphical design tools into the correct format"
- "Optimize and compress images for the best performance"
- title: "Apply mathematical skills to align and time elements"
details:
- "Use positioning and coordinate systems to align items on the screen"
- "Apply transformations, like rotation, to elements on screen"
- "Execute code multiple times, in loops, to perform some actions"
- "Apply knowledge of timing to create interactions and animations"
- title: "Apply interactive and motion effects to websites"
details:
- "Develop transitional animations for interface elements"
- "Apply keyframe-based animations to on screen elements for extra interactivity"
- "Apply animations on user interaction or automatically"
- "Demonstrate application of math skills while creating animations"
- "Manipulate illustrated graphics to add animations and interactions"
- title: "Make websites accessible to all human beings"
details:
- "Apply understanding of different impairments affecting human beings"
- "Execute coding best practices to enhance accessibility of web pages"
- "Test websites with accessibility tools and fix problems"
- title: "Optimize web performance"
details:
- "Compress & format images correctly for best performance"
- "Get feedback from automated tools and apply suggested changes"
- title: "Plan, prototype and develop websites"
details:
- "Sketch components & how they adapt to different screen sizes"
- "Wireframe pages to describe the content and basic layout"
- "Build responsive prototypes for websites for all devices"
- "Test websites on multiple devices for the best compatibility"
---