Videos

• Intro
• VS Code
• HTML Basic Page Structure>
• HTML Comments
• HTML Headings
• HTML Paragraphs
• HTML strong and em
• HTML Character Entities
• HTML Images
• HTML Break Element
• HTML Meta Tags
• HTML Lists
• HTML Validation

Assignments

• Basic Web Page - About You - Draft
• Syllabus Quiz
• Due 1/23

Videos

• Cascading Style Sheets (CSS)
• CSS Inline Styles
• CSS Embedded styles
• CSS Background Color
• CSS Fonts
• CSS Font Family
• CSS Font Size
• CSS Font Style and Weight
• CSS Line Height
• CSS Font Shorthand
• CSS Validation
• HTML Inline vs. Block Elements
• HTML Div Elements
• HTML Span Elements
• CSS ID's and Classes
• HTML Structure
• HTML Semantic Web Elements

Assignments

• Basic Web Page - About You - Final
• Due 1/28

Videos

• Vertical Align
• Styling Lists
• Group and Descendant Selectors
• Formatting a Navigation Bar

• JS Including Javascript in HTML
• JS Syntax
• JS Data Types
• JS Arithmetic Expressions
• JS String Expressions
• JS Objects, Methods, Poperties
• Ch 2 MPG App
• Ch 2 Test Scores App

Assignments

• Simple Navbar
• Fahrenheit to Celsius Application
• Due 2/4

Videos

• Relational Operators
• Logical Operators
• If Statements
• While and Do-While Loops
• For Loops
• Ch3 MPG App
• Ch3 Future Value App
• Watching Code Execute in Chrome
• Ch 3 Improved Test Scores App
• Arrays
• For Loops with Arrays
• Ch3 Even Better Test Scores App

Assignments

• Improved Fahrenheit to Celsius Application
• Create a Sum of Numbers Application
• Quiz Chapters 1 & 2
• Due 2/11

Videos

• HTML Tables
• Captions, Rowspan, Columnspan
• Table CSS

• Objects Overview
• Window Object Methods
• Document Object Methods
• Textbox and Number Objects
• Date and String Objects
• Function Declarations & Dollar Function
• Function Expressions
• Arrow Functions
• Global, Local, and Block Scope
• Events and Event Handlers
• Event Handlers and Anonymous Functions
• Events and Prevent Default
• Ch4 MPG Calculator
• CH 4 Email List App

Assignments

• Table of Courses
• Sales Tax Calculator
• Due 2/18

Videos

• Forms Intro
• Form Controls
• Form Buttons
• Form Text Inputs
• Form Radio Buttons and Checkboxes

• Testing and Debugging Intro
• F12 Tools - Console
• Breakpoints and Stepping Through Code
• Using The Console

Assignments

• Pizza order Form
• Exercise 5-1 - Chrome Developer Tools
• Exercise 5-2 - Other Debugging Methods
• Quiz Chapters 3 & 4
• Due 2/25

Videos

• Box Model and Padding
• Padding and Margin Examples
• Borders
• Float
• Background
• CSS Classes

• DOM Core Specification
• DOM HTML Specification
• DOM Scripting - FQ Application
• Form Element
• Text Box, Text Area, Select List
• Radio Buttons and Check Boxes
• Forms and Controls - Methods & Events
• Register Account App
• Modifying the DOM

Assignments

• Box Model - Add Floate, Margins, Padding & Borders
• Develop the Temerature Converter
• Due 3/4

Videos

• Working with Images
• One-Time Timer
• Interval Timer
• Slide Show Application

Assignments

• Fishing Slide Show
• Quiz Chapters 5 & 6
• Due 3/25

Videos

• jQuery Introduction
• Including jQuery
• jQuery Selecting Elements
• jQuery Methods
• Ch8 Email App
• jQuery - More Selctors and Methods
• Ch8 FAQ App
• Ch8 Image Swap App
• Ch8 Image Rollover App

Assignments

• Image Gallery Application
• Due 4/1

Videos

• Forms and Form Attributes
• Form Controls and Validation
• jQuery Selectors and Methods for Form Validation
• Ch 10 Membership Application

Assignments

• Hotel Reservation App
• Quiz Chapters 7 & 8
• Due 4/8

Videos

• jQuery Plug-Ins Part 1
• jQuery Plug-Ins Part 2

Assignments

• Lightbox, Accordion or Tabs on Website
• Due 4/15

Videos

• Number Object
• Math Object
• Pig Game App
• String Object
• Date Object
• Countdown App

Assignments

• Password Generator
• Quiz Chapters 10 & 11
• Due 4/22

Videos

• Location and History Objects
• Cookies
• Tasks App with Cookies
• VS Code Live Server Extension
• Web Storage
• Tasks App with Web Storage

Assignments

• Cookie Project
• Session Project
• Due 4/29

Videos

• AJAX Intro
• Postman Intro
• Postman Requests
• XMLHttpResponse Object
• Fetch API
• NASA APOD
• RapidAPI Demo
• Final Assignment

Assignments

• AJAX Picture App
• Quiz Chapters 12 & 14
• Due 5/6