What You'll Learn

The following is an outline of the topics we will be covering and when.

Week 1: Web Application Foundations

• The Document Object Model
  • Chapter 1
  • [Tutorial] Creating a Dialog
• HTTP
  • Chapter 2
  • [Activity] Making Manual HTTP Requests
• Responsive Design
  • Chapter B
  • [Tutorial] Responsive Card Layout
• Project Milestone 1
  • Card Layout
  • Accessing Data from a Web API

Week 2: Advanced JavaScript

• JSON and AJAX
  • [Activity] Working with JSON
  • [Activity] Making an AJAX Request
• Asynchronous JavaScript
  • Chapter 3
  • [Tutorial] Web Workers
• Introduction to Node
  • Chapter 4
  • [Tutorial] Your First Package
  • [Activity] Fun with Files
• Project Milestone 2
  • Request Data via AJAX
  • Dynamically Render Page

Week 3: Web Servers

• Basic Web Server
  • Chapter 5
  • [Tutorial] Hello Web
• File Server Basics
  • Chapter 5 (cont.)
  • [Tutorial] Node File Server
• Directory Listing
  • Chapter 5 (cont.)
  • [Tutorial] Directory Listing
• Partial Downloads
  • Chapter 5 (cont.)
  • Chapter C
  • [Activity] Regular Expressions
  • [Tutorial] Streaming Media
• Project Milestone 3
  • Refactor Project to Node

Week 4: Dynamic Web Servers

• Server Pages
  • Chapter 6
  • [Exercise] ECMAScript Server Pages
  • [Tutiroal] Image Gallery
• Uploading Data
  • Chapter 6 (cont.)
  • [Exercise] Uploading Form Data
  • [Exercise] Uploading Files
• Adding State
  • Chapter 6 (cont.)
  • [Activity] Fun with Cookies
  • [Tutorial] Gallery Favorites

Week 5: Full Stack Development

• Templates
  • Chapter 6 (cont.)
  • [Tutorial] Node Directory Listing in EJS
  • [Exercise] A Template By Another Name
• Full Stack Development
  • Chapter 6 (cont.)
• Persistent Storage
  • Chapter 7
  • [Tutorial] Blog Part 1
• Routing
  • Chapter 8
  • [Tutorial] Blog Part 2
  • [Tutorial] Blog Part 3
• Project Milestone 4
  • REfactor to Express
  • Add API Endpoints
  • Handle Requests for Items
  • Templates

Week 6: Web Frameworks

• Authentication
  • Chapter 9
  • [Tutorial] Blog Part 4
  • [Tutorial] Blog Part 5
• APIs
  • Chapter 8 (cont.)
  • [Tutorial] Blog Part 6
  • [Exercise] Web Hook Demo
• Web Frameworks
  • Chapter 10
  • [Tutorial] Single Page App Part 1
  • [Tutorial] Single Page App Part 2
• Project Milestone 5
  • Implement Authentication
  • Restrict Form Access to Authenticated Users

Week 7 & 8: Potpourri

• Single Sign On
  • Chapter 9 (cont.)
  • [Tutorial] CAS Authentication
• ASP.NET MVC
  • [Tutorial] ASP.NET MVC
• React & Websockets
  • [Tutorial] React Chat App
• Project Milestone 6
  • Mark Requests Complete
  • Administrator Role & Tasks