Course Schedule

Class schedule will be developed during the course of the semester. I will keep the schedule 1-2 weeks in advance of the current class.

Week 1
Date Assignment due Activities
Jan 20

Course Intro Lecture

Jan 22

Read: Basic Web Pages

Read: Semantic HTML

Read: A Complete Guide to the Table Element

Set up Laragon development environment

Week 2
Date Assignment due Activities
Jan 27

Read: Intimidated By CSS? The Definitive Guide To Make Your Fear Disappear

Read: Media Queries in Responsive Design: A Complete Guide (2021)

View: Write code faster in VS Code with Emmet shortcuts

Tool: Brackets Cheat Sheet – PC

Tool: Emmet Cheat Sheet

Optional: Right click to save CSS example file into your /exercises folder.

Optional: CSS Review (video)

Complete Exercise #0.

Jan 29

Read: Box Sizing

Example: Box-sizing

Read: CSS Tricks - :nth-child

Example: :nth child

Reference: flex-direction

Example: Pure CSS Hamburger Menu

Optional: The Beginner’s Guide to CSS Shorthand

Lecture - Responsive Design Techniques Review

Begin Exercise #1

Week 3
Date Assignment due Activities
Feb 3

Review Digital Imaging & Photoshop Basics lecture

Optional: Download boots photo to work along with lecture.

View Object Selection

Read Web Images – File Types & Use Cases

Lecture - Image Production

Finish Exercise #1

Feb 5

Scan: Flexbox Tutorial

Scan: CSS Wildcard: Complete Tutorial on Use of Wildcards in CSS

Set up publishing accounts

Advanced flexbox lecture

Exercise #2 - Flexbox video work-along.

Discuss organization for calendar project or alternative.

Week 4
Date Assignment due Activities
Feb 10

Read: CSS Tricks: text-transform

Reference: Character entities

Begin Exercise #3

Feb 12

Work on Exercise #3.

Week 5
Date Assignment due Activities
Feb 17

Finish Exercise #3.

Feb 19

Read: The Skinny on CSS Attribute Selectors

View HTML Forms lecture

Download forms.html to /exercises and forms-style.css to /css.

Begin Exercise #4.

Week 6
Date Assignment due Activities
Feb 24

Read: Design Better Forms

Begin Exercise #5.

Feb 26

Finish Exercise #5.

Week 7
Date Assignment due Activities
Mar 3

View Grid Lecture

Read: Basic Concepts of Grid Layout

Begin Exercise #6.

Mar 5

Read: Introduction to SQL

View MySQL Lecture

Begin SQL Exercise.

Week 8
Date Assignment due Activities
Mar 10

Finish Exercise #7.

Mar 12

Brief PHP Introduction

Work through PHP Basic section of TutorialRepublic PHP Tutorial.

Week 10
Date Assignment due Activities
Oct 22

Finish Exercise #8.

Oct 24

Exercise #9 in class.

Oct 24

Read Sass Basics

Install Scout-App or Prepros

Work through Sass Tutorial.