Fundamentals of Web Development 

Course Overview

Instructor Introduction

Module 1 Introduction

History of the Web - Part 1

History of the Web - Part 2

History of the Web - Part 3

The Tools of Internet Publishing - Part 1

The Tools of Internet Publishing - Part 2

The Tools of Internet Publishing - Part 3

Browsers and Web Addresses - Part 1

Browsers and Web Addresses - Part 2

HTTP Requests

Meet Our Three Languages

The Basics of HTML - Part 1

The Basics of HTML - Part 2

The Basics of HTML - Part 3

How to Turn In Labs

Syllabus

Module 1: Asset Library (code used in video demonstrations)

Lecture Slides: History of the Web

Lesson 1 Video Reference Page

Lecture Slides: The Tools of Internet Publishing

Lecture Slides: Browsers and Web Addresses

Lesson 3 Video Reference Page

Lecture Slides: HTTP Requests

Lecture Slides: Meet Our Three Languages

Lecture Slides: The Basics of HTML

Lesson 6 Video Reference Page

Lecture Slides: How to Turn In Labs

Module 1 Summary

What did you learn about the internet's history?

What did you learn about Internet Browsers?

What did you learn about HTTP requests?

What did you learn about our 3 website languages?

What did you learn about the basics of html?

Module 1 Summative Assessment

Lab 1: Your First Website!

Lab 2

Meet and Greet Discussion

Module 2 Introduction

HTML Elements (inline vs box) - Part 1

HTML Elements (inline vs box) - Part 2

HTML Lists and Cascades

HTML Links and Images - Part 1

HTML Links and Images - Part 2

HTML Tables

Module 2: Asset Library (code used in video demonstrations)

Lecture Slides: HTML Elements (inline vs box)

Lesson 1 Video Reference Page

Lecture Slides: HTML Lists and Cascades

Lesson 2 Video Reference Page

Lecture Slides: HTML Links and Images

Lecture Slides: HTML Tables

Lesson 4 Video Reference Page

Module 2 Summary

What did you learn about HTML Elements?

What did you learn about HTML Links and Images?

What did you learn about HTML Table

Module 2 Summative Assessment

Lab 3: Basic Page Markup

Lab 4

Module 3 Introduction

Website Navigation (Simple HTML)

HTML Forms - Part 1

HTML Forms - Part 2

HTML Forms - Part 3

UTF8 Special Characters

Module 3: Asset Library

Lecture Slides: Website Navigation (Simple HTML)

Lecture Slides: HTML Forms

Lesson 2 Video Reference Page

Lecture Slides: UTF8 Characters

Lesson 3 Video Reference Page

Module 3 Summary

What did you learn about Website Navigation?

What did you learn about UTF8 Characters?

Module 3 Summative Assessment

Lab 5: HTML Forms

Project 1

Module 4 Introduction

How CSS talks to HTML

CSS Declaration - Part 1

CSS Declaration - Part 2

Writing CSS Selectors for Specificity

The Box Model and Box Sizing

CSS Resets

Module 4: Asset Library

Lecture Slides: How CSS talks to HTML

Lesson 1 Video Reference Page

Lecture Slides: CSS Declarations

Lesson 2 Video Reference Page

Lecture Slides: Writing CSS Selectors for Specificity

Lesson 3 Video Reference Page

Lecture Slides: The Box Model and Box Sizing

Lesson 4 Video Reference Page

Lecture Slides: CSS Resets

Lab 6 Practice Assignment

Module 4 Summary

What did you learn about how CSS talks to HTML?

What did you learn about CSS Declarations?

What did you learn about Writing CSS Selectors for Specificity

What did you learn about the Box Model and Box Sizing?

What did you learn about CSS Resets?

Module 4 Summative Assessment

Module 5 Introduction

CSS Fonts - Part 1

CSS Fonts - Part 2

CSS Floats - Part 1

CSS Floats - Part 2

CSS Positions - Part 1

CSS Positions - Part 2

Horizontal Navigation - Part 1

Horizontal Navigation - Part 2

Centered Navigation

Module 5: Asset Library

Lecture Slides: CSS Fonts

Lesson 1 Video Reference Page

Lecture Slides: CSS Floats

Lesson 2 Video Reference Page

Lecture Slides: CSS Positions

Lecture Slides: Horizontal Navigation

Lecture Slides: Centered navigation

Project 2 Practice Assignment: First Attempt

Module 5 Summary

What did you learn about CSS Fonts?

What did you learn about CSS Floats?

What did you learn about Horizontal navigations?

Module 5 Summative Assessment

Lab 7: Style an HTML Table

Lab 8: Navigation Expert

Module 6 Introduction

Standard Website Layouts

Responsive Design

CSS Transitions, Transformations, and Animations - Part 1

CSS Transitions, Transformations, and Animations - Part 2

CSS Transitions, Transformations, and Animations - Part 3

CSS Pseudo-selectors

Full-site Demonstration - Part 1

Full-site Demonstration - Part 2

Module 6: Asset Library

Lecture Slides: Standard Website Layouts

Lecture Slides: Responsive Design

Lesson 2 Video Reference Page

Lecture Slides: CSS Transitions, Transformations, and Animations

Lesson 3 Video Reference Page

Lecture Slides: CSS Pseudo-selectors

Lesson 4 Video Reference Page

Lecture Slides: Full-site Demonstration

Project 2 Practice Assignment: Second Attempt

Module 6 Summary

What did you learn about Standard Website Layouts?

What did you learn about Responsive Design?

What did you learn about CSS Transitions, Transformations, and Animations?

What did you learn about CSS Pseudo-selectors

Module 6 Summative Assessment

Module 7 Introduction

The Basics of JavaScript (JS) - Part 1

The Basics of JavaScript (JS) - Part 2

JS Language Features and Syntax - Part 1

JS Language Features and Syntax - Part 2

JS Language Features and Syntax - Part 3

Google Maps API (Application Programming Interface) - Part 1

Google Maps API (Application Programming Interface) - Part 2

JavaScript Objects, Event Handling, and DOM (Document Object Model) - Part 1

JavaScript Objects, Event Handling, and DOM (Document Object Model) - Part 2

Module 7: Asset Library

Lecture Slides: The Basics of JavaScript (JS)

Lesson 1 Video Reference Page

Lecture Slides: JS Language Features and Syntax

Lecture Slides: Google Maps API (Application Programming Interface)

Lesson 3 Video Reference Page

Lecture Slides: JavaScript Objects, Event Handling, and DOM (Document Object Model)

Lesson 4 Video Reference Page

Project 3 Practice Assignment: First Attempt

Module 7 Summary

What did you learn about The Basics of JavaScript?

What did you learn about JS Language Features and Syntax?

What did you learn about JavaScript Objects, Event Handling, and the DOM?

Module 7 Summative Assessment

Module 8 Introduction

How-To Grab JavaScript Objects and Change HTML

JQuery Intro and Box Sliders - Part 1

JQuery Intro and Box Sliders - Part 2

Responsive Videos

What This All Means for Using Website Frameworks - Part 1

What This All Means for Using Website Frameworks - Part 2

Module 8: Asset Library

Lecture Slides: How-To Grab JavaScript Objects and Change HTML

Lecture Slides: JQuery Intro and Box Sliders

Lesson 2 Video Reference Page

Lecture Slides: Responsive Videos

Lecture Slides: What This All Means for Using Website Frameworks

Lesson 4 Video Reference Page

Project 3 Practice Assignment: Second Attempt

Module 8 Summary

What did you learn about JQuery Intro and Box Sliders?

What did you learn about Website Frameworks?

Module 8 Summative Assessment

Lab 9: JS Event Handling