SCOPE & SEQUENCE – Web Development

Lesson Duration Lesson Objective Objective Outcome

1. Getting 2 Hrs
Started  How To Get All The
Free Stuff

 Introduction to
Getting Started
Section

 Getting Started On
A Mac

 Getting Started on
Windows

 How To Ask Great

 Frequently Asked
Questions

2. HTML5 3 Hrs
 Introduction to Putting It All Together
HTML 5 Section
Setting Up Your Free Web Hosting
 Your First Webpage
Setting Up FTP
 The Structure of a
Note On Firefox Versions For Next Lecture
Webpage
Setting Up FTP On Windows - Legacy
 Creating A Full
Webpage Setting Up FTP On A Mac - Legacy

 Header Tags Further Reading - HTML

 Header Tags - Files Further Reading - TAG Reference

 Paragraph Tags HTML - Quiz

 Formatting Text
  Unordered Lists

 Ordered Lists

 Images

 Forms

 Tables

 Links

 HTML Entities

 IFrames

3. CSS3 4 Hrs
 Introduction To CSS Styling Text
3 Section
Aligning Text
 What Is CSS
Styling Links
 Inline CSS
CSS Project BBC News Website
 Internal CSS
External CSS
 Classes And IDs Further Reading CSS

 Divs Reference 2 - CSS

 Colors CSS Quiz

 Floating

 Positioning

 Margins

 Padding

 Borders

 Fonts
4. Javascript 4 Hrs
 Introduction To Javascript Project - Reaction Tester
Javascipt Section
External Javascript
 What Is Javascript?
Further Reading - Javascript
 Internal Javascript
Reference 3 Javascript
 Accessing Elements
Javascript - Quiz
 Responding To A
Click

 Changing Website
Content

 Manipulating Styles
With Javascript

 Mini Challenge -
Disappearing
Circles

 Arrays

 If Statements

 Javascript Game -
How Many Fingers

 Loops

 While Loops

 Functions

5. JQuery 6 Hrs
 Introduction to jQuery Project - Code Player Project
JQuery Section
Further Reading - jQuery
 What Is JQuery
JQuery - Quiz
 Using JQuery In
Your Web Pages

 Detecting A Click
  Changing Website
Content

 Changing Website
Styles

 Fading Content

 Animating Content

 AJAX

 Regular
Expressions

 Mini Project - Form

 Introducing JQuery
UI

 Draggables &
Resizables

 Droppables

 Accordion &
Sortables

6. Bootstrap 4 5 hrs
 Introduction to Project - App Landing Page
Bootstrap 4 Section
The Bootstrap Themes
 What Is Bootstrap
Further Reading - Bootstrap
 Your First
Bootstrap - Quiz
Bootstrap Site

 The Grid System

 Introducing
Navbars

 Forms & Tables

 Bootstrap
Components
  Modals, Popovers
& Tooltips

 Scrollspy

7. Wordpress 6 hrs
 Introduction To Wordpress Themes
Wordpress
Creating A Blog
 What Is Wordpress
Creating An Ecommerce Site
 The Wordpress
Wordpress Challenge - Create A Site
Dashboard
Further Reading - Wordpress

Wordpress - Quiz