| Date |
Lesson Plan |
|
| Week 1 Topics |
Review Syllabus
Course Overview
Review Odin, Linux, VIM
Intro to Web Development and HTML
Web Dev Tools
W3Schools
|
|
| Week 1 Assignments |
Homework 1
Lab 1
|
|
| Week 2 Topics |
HTML - Basic Tags
Lists - Ordered / Unordered
HTML Files and the Browser
Links - Local / Remote Navigation
Images - Local / Remote Sources
Development Process
Document Types
HTML 5
|
|
| Week 2 Assignments |
Homework 2
Lab 2
|
|
| Week 3 Topics |
CSS Syntax
Inline, Internal, and External CSS
CSS id # and class .
Multiple Rules
Multiple Properties
Styling Backgrounds & Text
Styling Fonts, Links, & Lists
Element display types
CSS Display Types
Inline vs Block Display
Text Shadow & Box Shadow
|
|
| Week 3 Assignments |
Homework 3
Lab 3
|
|
| Week 4 Topics |
CSS Box Model
Padding, Border, Margin, Outline
Border Radius
More Text Formatting
CSS Float
CSS Flexbox
CSS Reference
CSS Positioning
COLOR THEORY
|
|
| Week 4 Assignments |
Homework 4
Lab 4
|
|
| Week 5 Topics |
CSS Advanced Dimensions
CSS Advanced Positioning
CSS Navigation Bar
MORE Flexbox
CSS Grid
CSS Child Selector
Tables
Intro To Javascript
Javascript Console
|
|
| Week 5 Assignments |
Homework 5
Project 1
|
|
| Week 6 Topics |
Variables
Opertaors
Functions
onclick attribute
window.prompt()
Selecting/Altering elements
Javascript 'this' keyword
Javascript DOM events
|
|
| Week 6 Assignments |
Homework 6
Guided Lab 5
|
|
| Week 7 Topics |
if/else statements
More relational and logical operators
Random number generation
Checking ranges
typeof()
|
|
| Week 7 Assignments |
Homework 6
Lab 6
|
|
| Week 8 Topics |
Javascript arrays
Javascript for loop
|
|
| Week 8 Assignments |
Homework 7
Lab 7
|
|
| Week 9 Topics |
Javascript for of loop
While loop
getElementsByClassName
HTML Collection
Callback Functions
Anonymous Functions
|
|
| Week 9 Assignments |
Homework 8
Project 2
|
|
| Week 10 Topics |
Javascript Objects
|
|
| Week 10 Assignments |
Homework 9
|
|