DTC 477: Fall 2020: Calendar

The semester is divided into units, with each unit divided into lessons. Some lessons include activities or projects. Most weeks will have 2-4 lessons taught across live lectures and recorded lectures. The schedule below lists week-by-week details of the units, lessons, activities, and projects. You should watch and complete the lectures in order; if you miss a live lecture, watch its recording before watching the next recorded lecture.

Look on Blackboard for recordings of all lectures, including the live ones, as well as PDF files of the instructor’s lecture slides. Please use the videos and PDFs for study as part of this class, but do not share or distribute the files outside of this class.

This calendar is subject to change. The instructor may update it periodically and will notify the class of any significant changes. Also, see the syllabus for general course information.

Jump directly to a specific week:

  1. Week 1 — 08/24–08/28 — Unit 1, Lessons 1-2: How the Internet Works
  2. Week 2 — 08/31–09/04 — Unit 1, Lessons 3-5: Object Models
  3. Week 3 — 09/07–09/11 — Unit 1, Lessons 6-8: Intro to HTML and CSS
  4. Week 4 — 09/14–09/18 — Unit 1, Lessons 9-11.5: More HTML and CSS
  5. Week 5 — 09/21–09/25 — Unit 1, Lessons 12-13: End of HTML and CSS unit

Week 1 — 08/24–08/28 — Unit 1, Lessons 1-2

  • Live Lectures:
    • Unit 0: Welcome and Course Introduction (08/24)
  • Recorded Lectures:
    • Unit 1, Lesson 1: How the Internet Works: The Network
    • Unit 1, Lesson 2: How the Internet Works: The Browser
  • Due before Week 2:
    • Complete the traceroute and Chrome activities as described in the lectures:
      • Traceroute tests to post on Unit 1, Lesson 1 discussion forum in Blackboard:
        • Test your favorite social media sites using the KeyCDN Traceroute tool. What’s the maximum number of hops? Minimum? Average?
        • Estimate the number of times each week that you click, tap, or swipe to mark a reaction on social media (like, dislike, funny, sad, etc.). Make calculations (see Blackboard) on data transfers.
      • Chrome developer tools Network tests to post on Unit 1, Lesson 2 discussion forum in Blackboard:
        • Examine web pages from several different web sites in Chrome’s developer tools, as described in lectures. Which ones have the least/most requests? Which have the least/most total resources?

Week 2 — 08/31–09/04 — Unit 1, Lessons 3-5

  • Live Lectures:
    • Unit 1, Lesson 3: Thinking About Object Models (08/31)
  • Recorded Lectures:
    • Unit 1, Lesson 4: Review of Objects, Intro to Structured and Markup Languages
    • Unit 1, Lesson 5: The Document Object Model
  • Due before Week 3:
    • Activities as described within the recorded lectures:
      • Hierarchy of Related Objects (padlet link in Lesson 3)
      • Hierarchy of a Printed Page (padlet link in Lesson 4)
      • Favorite Song (on Blackboard)

Week 3 09/07–09/11 — Unit 1, Lessons 6-8


Week 4 09/14–09/18 — Unit 1, Lessons 9-11

  • Live Lectures:
    • Unit 1, Lesson 9: HTML + CSS, More Demo (09/14)
  • Recorded Lectures:
    • Unit 1, Lesson 10: HTML + CSS, Responsive Design and Tiny Project #2
    • Unit 1, Lesson 11: Web Hosting and CodeAnywhere (lesson moved to a later week)
    • Unit 1, Lesson 11: HTML + CSS, Positioning with Flexbox + Grids
    • Unit 1, Lesson 11.5: Quick Note on Code Formatting
  • Due before Week 5:

Week 5 — 09/21–09/25 — Unit 1, Lessons 12-13

  • Live Lectures:
    • Unit 1, Lesson 12: HTML + CSS, Test Review
  • Recorded Lectures:
    • Unit 2, Lesson 0: Web Hosting and CodeAnywhere (previously identified as Unit 1, Lesson 13)
  • Due before Week 6:
    • Complete Tiny Project #2 on Codepen.io as described in Lesson 10.
    • Take the HTML + CSS test on Blackboard.
    • Set up CodeAnywhere with your Reclaim Hosting as demonstrated in Unit 2, Lesson 0 (previously Unit 1, Lesson 13) and on the instruction page.