Front End Web Development
Learn to code!
Week 1 Intro
REVIEW: Re-do CSS Diner (again) & Flexbox Froggy
Lecture: Fizzbuzz, VS Code Shortcuts, & Pseudo-Selectors
Example Code for FizzBuzz
Project: Update Your Personal Website (Finish by next class)
Download: Example personal site
Week 2 Intro
Lecture: Responsiveness
Download: Landing Page Skeleton
Project: Create a responsive product landing page (Finish by Tuesday week 4)
CSS Specificity Article
Flexbox Tower Defense
VIDEO: Navigating the Command Line
Github Tutorial
GitHub Crash Course
Signup for Netlify
Lecture: Source Control & Deployment
HTML/CSS Quiz
Activity: Deploy Github site via Netlify
CSS Selector/Specificity Quiz
Signup for Udacity: Intro to Javascript
ITJ #1: What is Javascript?
ITJ #2: Data Types & Variables
ITJ #3: Conditionals
VIDEO: Intro to JavaScript Functions
Lecture: WTA Exercises
VIDEO: WTA Exercises
WTA Exercises 0-8
VIDEO: Debugging WTA Exercises
Lecture: Loops
Download: Lecture Loop Examples
ITJ #4
WTA Exercises 9-11
Lecture: Arrays
Download: Arrays examples
WTA Exercises 12-16
DOM, Part 1
DOM, Part 2
Lecture: DOM Manip with Pokemon
Pokemon Sample Code
Conditionals Quiz
Terminal Navigation Quiz
Project: Fizzbuzz (Finish by next class)
VIDEO: Random Numbers
DOM, part 3
VIDEO: Event Listeners
VIDEO: Events
Lecture: DOM Events
DOM Event Lecture Files
Project: Color Changer (Finish before week 7)
Lecture: Random #'s
WTA Exercises #17-18
WTA Exercises #19-20
Lecture: Random Pokemon
Example Pokemon Code
Project: Baby Name Generator (Finish by next Thursday)
VIDEO: String Methods
VIDEO: scope
Sam's Cardinal Sins
Lecture: Manipulating Strings
WTA Exercises #21-28 Due Tuesday
Lecture: Complex Input Validation
Project: Mad Lib Generator (Finish by Thursday)
VIDEO: Input Validation
WTA Exercises #29-30
WTA Exercise #31-33
Lecture: MadLibs & WTA Exercises Help
Download: Mad Libs Starter Code
Project #6: Calculator (Finish by Tuesday of week 9)
Lecture: Approaching large projects
WTA Exercises #37-40
Calculator Project Notes
Lecture: Calculator Problems
Click below to sign up!