tuesday.md

Fall 2023 Web Dev Track
Class Schedule and Materials

Tuesday 6:30-9pm Section

(8/29) Week 1

Slides Week 1: Welcome, Project Ideation, Bootstrap

Bootstrap Lab

Topics:

• Semester Overview
• Designing Web Apps
• Review: HTML & CSS
• Lab Bootstrap 5.2

Assignments:

• Project Ideation: provide your idea in the ideation document
  • If you did not finish this in class finish it immediately after class
  • Ideation slides are bookmarked in your Slack channel
• Meet your classmates and form teams
  • Read through your classmates ideas and contact them over slack
  • Formed teams due in Week 2 class
• Complete and submit the Boostrap Lab by Week 2

(9/5) Week 2

Slides: React Intro

Topics:

• React Intro (slides)

Assignments:

• Teams should submit a team project proposal by start of Week 3 class

(9/12) Week 3

Topics:

• More React

Assignments:

• Learn React 1 lab: complete steps 8, 9, 10
  • nothing to submit
• Complete React Toggle Lab
  • submit with a pull request
  • you may work in your teams on this lab

(9/19) Week 4

Topics:

• Client-Server Communication (slides)

  • Parts of a URL
  • Understanding HTTP Request-Response

• fetch(...) and Promises (slides)

• Complete React Toggle Lab

  • submit with a pull request
  • you may work in your teams on this lab

(9/26) Week 5

Topics:

• Review React Toggle Lab
• More fetch() and React
• React Trivia Lab

(10/3) Week 6

Topics:

• SDLC (software development lifecycle)
• Design Documents

Assignment:

• Complete React Zip Search Lab
  • Due: 10/17

(10/10) NO CLASS

(10/17) Week 7

Topics:

• Fullstack Review: Frontend vs Backend (slides)
• About npm & Building a backend with Express.js (slides)
  • Routing
  • Route Parameters
  • Query Parameters
  • Body Parameters
• RESTful Routing
• Tutorial: Express.js Hello World

(10/24) Week 8

Topics:

• MVC (Models-Views-Controllers) Project Structure (slides 1-15)
• Using MVC app structure
• Project Starter setup and walkthrough

Assignment:

• First Project Presentation
  • During Week 9 class
  • 8 minutes per team (5 min presentation, 3 min Q&A)
  • All team members must present at least one slide
  • See presentation guidelines here.
  • (Optional) Show a demo of work in progress if you can, otherwise show your mockups/design

(10/31) Week 9

Topics:

• Project Presentations

• Databases and Data Modeling (slides 16-42)

• ORM's (Sequelize.js)

• Using Sequelize.js

• Testing (Jest)

Assignment:

• watch and implement auth videos
  • Implementing Authentication
  • Sessions
  • Passport.js, Bcrypt

(11/7) Week 10

Topics:

• Code Reviews
• Software Engineering Best Practices
• Resource link

(11/14) Week 11

Topics:

• Deployment
• Lab Time: Work on Projects

(11/21) NO CLASS

Thanksgiving Break

(11/28) Week 12

Topics:

• Lab Time: Work on Projects

(12/5) Week 13

Topics:

• Practice Demo Night Pitches and Demos
• Lab Time: Work on Projects

(12/12 - tentatively) DEMO NIGHT

Demo Night

• Location: TBD
• Time: TBD