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
|
|
Week 3 Assignments |
Homework 3
Lab 3
|
|
Week 4 Topics |
List vs Inline vs Block Display
CSS Box Model
Padding, Border, Margin, Outline
Border Radius
Text Shadow & Box Shadow
More Text Formatting
CSS Float
CSS Reference
CSS Display Types
CSS Positioning
COLORS!
|
|
Week 4 Assignments |
Homework 4
Lab 4
|
|
Week 5 Topics |
CSS Advanced Dimensions
CSS Advanced Positioning
CSS Navigation Bar
CSS Flexbox
CSS Grid
CSS Child Selector
Tables
Intro To Javascript
|
|
Week 5 Assignments |
Homework 5
Project 1
|
|
Week 6 Topics |
Javascript Console
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
Lab 8
|
|
Week 11 Topics |
Javascript Forms
window.location.search
URLSearchParams
|
|
Week 11 Assignments |
Homework 9
Lab 9
|
|
Week 12 Topics |
Form Validation
Dynamic Forms
Patterns & Regular Expressions
|
|
Week 12 Assignments |
Homework 10
Final Project
|
|
Week 13 Topics |
REVIEW
Advanced Development Concepts
jQuery
Bootstrap
|
|
Week 13 Assignments |
Homework 10
Lab 10
|
|
Week 14 Topics |
Intro To Server Side Concepts
Intro to PHP
Final Project Prep
|
|
Week 14 Assignments |
Homework 11
|
|
Week 15 Topics |
FINAL PRESENTATIONS!
|
|
Week 15 Assignments |
FINAL PRESENTATIONS!
|
|