| 5/19 |
1 |
Overview |
- Syllabus
- Welcome
- Discord for Education
- Zoom etiquette |
|
|
|
| 5/20 |
2 |
Web Architecture |
- Web architecture |
Basic computer concepts |
- FERPA consent form
- Intake Questionnaire
- Basic Computer Concepts Quiz |
1. Join Discord and create your private channel
2. Create GitHub account
3. Install Visual Studio Code, Live Share, Live Server, and Prettier extensions |
| 5/21 |
3 |
UNIX |
Unix intro |
1. Remotely log into the i6 web server using SSH
2. Transfer files to the i6 web server using SFTP
3. File name conventions for web developers |
The Web Quiz |
|
| 5/22 |
n/a |
no class |
|
|
|
|
| 5/26 |
n/a |
no class |
|
|
|
|
| 5/27 |
4 |
UNIX |
1. Popular operating system
2. Copyright & copyleft |
1. Robbins, Chapters 2, 3
2. Unix Tutorial for Beginners, 1 & 2
3. History of Linux, Part 1 |
UNIX Quiz |
|
| 5/28 |
5 |
HTML |
HTML |
1. Robbins, Chapters 4, 5
2. History of Linux, Part 2 |
Operating Systems Quiz |
|
| 5/29 |
6 |
HTML |
|
1. Robbins, Chapters 6, 7
2. W3Schools HTML Tutorial
3. As We May Think, by Vannevar Bush
4. Memex animation - Vannevar Bush’s diagrams made real |
|
UNIX Exercise |
| 6/2 |
7 |
CSS |
CSS intro |
1. Robbins, Chapters 11, 12
2. W3Schools CSS Tutorial |
HTML Quiz |
|
| 6/3 |
8 |
CSS |
CSS layout |
Examples:
- Basic layout examples
References:
1. Robbins, Chapters 13, 14, 15
2. CSS Flex and Grid |
|
HTML Exercise |
| 6/4 |
9 |
JQuery |
JQuery |
Examples:
- jQuery examples
References:
- Robbins, Chapter 21 |
CSS Quiz |
CSS Exercise |
| 6/5 |
10 |
Review |
Review |
Robbins, Chapter 22 |
JQuery Quiz |
|
| 6/9 |
11 |
Exam 1 |
|
|
|
JQuery Exercise |
| 6/10 |
n/a |
no class |
|
|
|
|
| 6/11 |
12 |
UX Design |
1. UX
2. Navigation commponents |
1. Figma essentials
2. How to Wireframe by Figma Marketing |
|
|
| 6/12 |
13 |
Responsive Design |
Responsive design |
Examples:
- Responsive design layout examples
References:
1. Robbins, Chapter 17
2. CSS Media Queries from Web Designer Wall |
UX Design Quiz |
|
| 6/16 |
14 |
Bootstrap |
Bootstrap |
1. Bootstap CSS Tutorials by designmodo 1 & 2, and Grid System |
Responsive Design Quiz |
UX Design Exercise |
| 6/17 |
15 |
Photoshop |
Digital imagery |
1. Robbins, Chapter 23
2. Photoshop tutorials (workspace basics; image and color basics; levels adjustment; saving and exporting) |
Bootstrap Quiz |
Responsive Design Exercise |
| 6/18 |
16 |
Photoshop |
|
1. Graphic design considerations
2. Robbins, Chapter 24
3. Photoshop tutorials (layers; selecting; free transformations of images, shapes, and paths; painting tools; text) |
|
Bootstrap Exercise |
| 6/19 |
n/a |
no class |
|
|
|
|
| 6/23 |
17 |
Animation |
Animated GIFs |
Creating Frame Animations in Photoshop Help pages |
Photoshop Quiz |
|
| 6/24 |
18 |
Audio |
Digital audio |
- Bits and Bytes TVO, Episode 10: Computer Music
- Online Tone Generator
- Virtual Oscilloscope
- How to capture your computer’s audio |
Animated GIF Quiz |
Photoshop Exercise |
| 6/25 |
19 |
Vector Graphics |
|
1. Robbins, Chapter 25
2. Illustrator Getting Started course
3. Beginner drawing course
4. Manipulate artwork course |
Audio Quiz |
Animated GIF Exercise |
| 6/26 |
20 |
Web Ethics |
|
You Are Now Remotely Controlled by Shoshana Zuboff |
Vector Graphics Quiz |
Web Ethics Exercise
(no late work accepted past this date) |
| 6/30 |
21 |
Review |
|
|
Outtake Questionnaire |
|
| 7/1 |
22 |
Exam 2 |
|
|
|
|