Welcome and Orientation
  • Welcome and Intro to Coding Technologies Used in this Course
  • Suggestions for Success
  • About Your Instructor
Creating Your First Web Page
  • Introduction and Welcome from Mark
  • Write your First Lines of HTML5
  • Display your web page in the browser and putting in on the web
  • Activity: Improving Your Page
  • Improving your Page Demo
  • Chapter Closing
Displaying Text Content with HTML5
  • Why HTML5? What is it Used for...
  • How HTML5 Documents are Structured
  • Displaying Paragraph Text with HTML5
  • Displaying Heading Text with HTML5
  • Displaying Lists
  • Activity: Restaurant Reviews
  • Restaurant Reviews Demo
  • Section Review
Stylin' with CSS
  • What is CSS and How is it Used?
  • How to Apply CSS Styles
  • Adjusting Font and Font Size
  • More Font Adjustments
  • Styling Lists with CSS
  • Using CSS Classes and ID's
  • Activity: Styling Your Restaurant Review Page
  • Restaurant Reviuew Page Demo
  • Section Review
Including Links and Media
  • Links and Media
  • Using Internal and External Hyperlinks
  • Displaying Images on a Page
  • Playing Audio on a Page
  • Playing Video on a Page
  • Activity: Assembling a Simple MP3 Player
  • MP3 Player Demo
  • Section Review
HTML5 Tables
  • When To Use Tables
  • The Basic Structure of a Table
  • Complex Table Structures
  • Table Design with CSS
  • Activity: Nutritional Table
  • Nutritional Table Demo
  • Section Review
Obtaining User Input
  • Challenges of User Input
  • Understanding the Form Tag
  • Text Input
  • Dates, Numbers and Colors
  • Drop Downs
  • Generic, Submit and Reset Buttons
  • Radio Buttons and Check Boxes
  • Styling Forms with CSS
  • Activity: Creating an Admissions Form
  • Admissions Form Demo
  • Section Review
Understanding Layout with CSS
  • Understanding the Box Model
  • Borders, Backgrounds, and Margins
  • Static, Fixed, Relative and Absolute Positioning
  • Floating Elements
  • Activity: Creative Page Layout
  • Creative Page Layout demo
  • Section Review
Multiple Screen Sizes and Responsive Design
  • What is Responsive Design
  • Responsive design for phones
  • Using a responsive framework
  • Activity: Creating a completely responsive layout
  • Completely Responsive Demo
  • Section Review
Writing Your First Python Program
  • What is Python and How is it Used?
  • Writing Your First Lines of Code
  • Running Your Code and Seeing the Result
  • Activity: Writing a Python Program on Your Own
  • Writing a Python Program Demo
  • Section Review- The Difference Between Scripting and Programming
Input, Output and Variables
  • Discussing Input and Output
  • Output with Print— Strings
  • Output with Print— Expressions
  • Creating Variables
  • Input Statements
  • Activity: Making a Python Calculator
  • Python Calculator Demo
  • Section Review
Making Decisions
  • Understanding Programmatic Decision Making
  • If Statements
  • Complex If Statements
  • Activity: The Magic 8-Ball
  • Magic 8-Ball Demo
  • Section Review
Iteratin’ with Loops
  • What are Loops
  • The While Loop