Week One

The Web in 2021; Dev Environment Setup

Agendas

Monday, August 23

  1. Course overview
  2. Course policies
  3. Course projects

Wednesday, August 25

  1. Asking questions publicly on Basecamp
  2. Setting up a development environment
  3. The state of the web
Week Two

Core Web Languages, RWD, & Version Control

Agendas

Monday, August 30

  1. File systems and the basics of version control/Git
  2. Git fundamentals and concepts

Wednesday, September 1

  1. Introduce the first Production Problem and walk through turn-in procedure
  2. Deeper into Git: working with remotes
  3. Speed run through HTML, CSS, and JavaScript syntax & fundamentals, with a Git assist
Week Three

Valid, Well-Formed Semantic HTML

Agendas

Monday, September 6

  1. No class. Labor Day Holiday

Wednesday, September 8

  1. Introduce Project One
  2. Valid, well-formed semantic HTML
  3. The importance of referencing solid Web documentation
  4. HTML documentation, sectioning elements
Week Four

HTML: Advanced Structures and Linting

Week Five

CSS Syntax and Style

Agendas

Monday, September 20

  1. No class. Stolley finishing comments on Project One drafts.

Wednesday, September 22

  1. Remote Class. See Basecamp for details.
  2. Emergency organizational Git/file-system review
  3. Foundations: working with reset styles
  4. CSS syntax: selectors, properties, and values
  5. CSS style
  6. CSS and Mobile-First Responsive Web Design
Week Six

Typography Foundations and Relative Units; Stylesheet Organization, Media Queries

Agendas

Monday, September 27

  1. Pulling Production Problem 02
  2. HTML topic: navigation and paths

Wednesday, September 29

  1. Using a single stylesheet across an entire site
  2. Spending some time on the history and theory of typography
  3. Review: working on a css branch in Git
Week Seven

Typographic Grids; Accessible, Responsive Images and Media

Week Eight

CSS: Remaining Fundamentals

Agendas

Monday, October 11

  1. Fall Break (No Class)

Wednesday, October 13

  1. Mobile-first styles and media queries
  2. Converting from absolute to relative units
  3. Organizing stylesheets (SMACSS)
  4. Selector specificity
  5. CSS linting with stylelint; ITMD 361 .stylelintrc
  6. Snippets in Atom.io
Week Nine

CSS: Modern Page Layout

Week Ten

JavaScript Syntax & Fundamentals

Agendas

Monday, October 25

  1. Remote class.
  2. JavaScript as a language
  3. Language-learning fundamental tech: the REPL
  4. JavaScript syntax
  5. Fundamental data types and structures
  6. Basic arithmetic and comparison operators
  7. Truthiness and falsiness in JavaScript

Wednesday, October 27

  1. Fundamental programming structures in JavaScript
  2. Function declaration
  3. Object creation via constructor functions
Week Eleven

Return to CSS Layout: Flexbox vs. Grid

Agendas

Monday, November 1

  1. CSS Grid and @supports
  2. Why grid-based design?
  3. Flexbox vs. Grid
  4. Converting to relative units

Wednesday, November 3

  1. Setting up GitHub Pages
  2. Typographic grids and layout: font-size and line-height and how everything comes back to those two values
Week Twelve

Page Layout and Responsive Images; Work Day

Agendas

Monday, November 8

  1. Revisiting paths for navigation, assets, etc.
  2. On-page navigation (e.g., “Back to Top”) with URL fragments
  3. Modular scales for multi-column layouts
  4. Revisiting responsive images in a layout
  5. The srcset and sizes attributes
  6. The <picture> element

Wednesday, November 10

  1. No class.
Week Thirteen

The Document Object Model and Unobtrusive JavaScript; HTML Form Elements

Agendas

Monday, November 15

  1. The Document Object Model (DOM)
  2. Traversing the DOM
  3. Manipulating the DOM
  4. Unobtrusive JavaScript

Wednesday, November 17

  1. JavaScript linting with ESLint; 361-style .eslintrc.json
  2. HTML form elements
  3. Progressive enhancement
  4. JavaScript events and event listeners
  5. Frameworks: The good, the bad, the ugly
Week Fourteen

Feature Branches, Web APIs

Agendas

Monday, November 22

  1. Remote class.
  2. Introduce Project Three
  3. Working with feature branches (Project Three)
  4. Enrichment: Web APIs and feature detection

Wednesday, November 24

  1. No class. Thanksgiving Break
Week Fifteen

Work Week

Agendas

Monday, November 29

  1. No class.
  2. Stolley available for one-on-one help

Wednesday, December 1

  1. No class.
  2. Stolley available for one-on-one help

Course Information

Instructor

Teaching Assistant