Schedule
Important Dates
- January 13: No Lab
- January 20: No Class
- March 3-7: No Classes
- April 7: No Class
- April 9: No Class
- April 11: No Class
- April 28: Community Project Presentation
- 9am, May 5: Project Portfolio Due
Weekly Schedule
Week 1 (Jan 13-17): Introduction to Web Design and Tools
- Topics: Overview of web design, development tools, workflows, and sitemapping
- Assignments Released:
- Read/Review:
- Review CMPSC 104 materials: Git, VSCode, Markdown
- Read Chapter 1: Basics in Learn Enough Command Line to Be Dangerous
- Slides: Sitemap
Week 2 (Jan 20-24): Markdown, Quarto, and Introduction to Software Engineering
- Topics: Markdown, Quarto, Wireframing and Software Engineering process
- Assignments Released:
- Read/Review:
- Read Chapter 1: Process in Web Style Guide
- Read Chapter 1 in Adaptive Web Design
- Slides: Software Engineering Process
- Slides: Quarto and Wireframing
- Slides: Sprints
- Read Chapter 1: Process in Web Style Guide
Week 3 (Jan 27-31): HTML Basics
- Topics: Structure of HTML documents, semantic HTML, and elements
- Assignments DUE:
- Quiz 1 on January 31st
- Assignments Released:
- Read/Review:
- Review CMPSC 104 materials: HTML
- Read HTML
- Read Markup
Week 4 (Feb 3-7): CSS Basics and Design Principles
- Topics: Design Principles & User Experience
- Assignments Released:
- Read/Review:
- Read What is CSS
- Read Box Model
- Read Responsive Design
- Read Chapter 3: Universal Usability in Web Style Guide
- Read Chapter 4: Interface Design in Web Style Guide
- Read Chapter 6: Page Structure in Web Style Guide
- Slides: Design Principles and Responsiveness
Week 5 (Feb 10-14): Advanced CSS and Accessibility
- Topics: Positioning, layout, accessibility
- Assignments Released:
- Read/Review:
- Read Flexbox
- Read CSS Positioning
- Read CSS Grid
- Ref: Web Accessibility
- Slides: Advanced CSS and Accessibility
Week 6 (Feb 17-21): Responsive Design
- Topics: Media queries, flexible grids, responsive images
- Assignments DUE:
- Quiz 2 on February 21st
- Read/Review:
Week 7 (Feb 24-28): Accessibility
- Topics: More on creating accessible content
- Assignments DUE:
- Project 1: Sprint 2 DUE on February 24th by 2:30pm
- Read/Review:
Week 8 (Mar 1-9): Spring Break
- No class meetings. Use this time to rest, reflect, and recharge.
Week 9 (Mar 10-14): Javascript
- Topics: JavaScript syntax, DOM manipulation, basic interactivity
- Assignments DUE:
- Project 2: Stage 1 Due on March 10th by 2:30pm (Complete a peer review form). Begin Stage 2.
- Project 3: Requirements Gathering - Community Website. Complete the Google form on March 10th.
- Assignments Released:
- International & Intercultural Perspectives Presentation Assignment
- Begin Project 2: Stage 2
- Technical Challenge 5
- Read/Review:
Week 10 (Mar 17-21): Javascript, Introduction to React
- Topics: More advanced Javascript, React introduction
- Assignments DUE:
- Technical Challenge 5 DUE on March 17th
- Quiz 3 on March 17th
- IIP Presentations Round 1 on March 21st
- Assignments Released:
- Web Project 3: Sprint 1 - Community Website (March 17th lab)
- Technical Challenge 6 (March 19th class)
- Read/Review:
Week 11 (Mar 24-28): Projects
- Assignments DUE:
- IIP Presentations Round 2 on March 28th
- Assignments Released:
- Web Project 1: Sprint 3 (March 24th class)
- Project 3 Work Time (March 24th lab)
- Project 1 Work Time (March 26th class)
- Project 3 Work Time (March 28th class)
Week 12 (Mar 31-Apr 4): React
- Topics: React components, props, and state
- Assignments DUE:
- Project 2: Stage 2 Due on March 31st (presentations during the lab). Feel out peer feedback form for each presenter.
- IIP Presentations Round 3 on April 2nd
- Quiz 4 on April 4th
- Assignments Released:
- Begin Project 2 Stage 3
- Read/Review:
Week 13 (Apr 7-9): Projects
- Assignments DUE:
- Project 3 Sprint 1 Due on April 9th
- Assignments Released:
- Begin Project 3 Stage 2
Week 14 (Apr 14-18): Project Development
- Activities: Project Work
- Assignments DUE:
- Project 3 Sprint 2 Progress Review on April 14th
- IIP Presentations Round 4 on April 16th
- Project 1 Progress Review on April 18th
Week 15 (Apr 21-25): Project Development. Web Performance Optimization. SEO.
- Topics: Minimizing load times, SEO basics, performance audits
- Activities: Project Work
- Read/Review:
- Assignments DUE:
- Extra Quiz on April 21st
- Project 3 Work Time on April 21st LAB
- Project 1 Presentations of Completed Features on April 23rd
- IIP Presentations Round 5 on April 21st
Week 16 (Apr 28-May 6): Project Presentation and Reflection
- Activities: Project Work. Present final projects
- Community project 3 presentations on April 28th
- Project Portfolio with 3 Web Projects Due on May 5th by 9am
Tabular View
| Week | Monday Class | Monday Lab | Wednesday Class | Friday Class |
|---|---|---|---|---|
| Week 10 (Mar 17-21) | TC 5, Quiz 3 | Project 3: Sprint 1 (Released) | TC 6 (Released) | IIP Presentations Round 1 |
| Week 11 (Mar 24-28) | Project 1: Sprint 3 (Released) | Project 3: Work Time | TC 6 Due. Project 1: Work Time | IIP Presentations Round 2. Project 3: Work Time |
| Week 12 (Mar 31-Apr 4) | Project 1 Work Time | Project 2: Stage 2 Due. Peer Feedback Form. | IIP Presentations Round 3 | Quiz 4 |
| Week 13 (Apr 7-9) | No Class | No Lab | No Class. Project 3 Sprint 1 Due. | No Class |
| Week 14 (Apr 14-18) | Project 1: Sprint 3 Due, begin sprint 4. | Project 3 Progress Review | IIP Presentations Round 4 | Project 1 Progress Review. Bonus TC (to replace another TC grade) |
| Week 15 (Apr 21-25) | IIP Presentations Round 5. Extra Quiz. | Project 3 Work Time | Project 1 Demos (all features must be finished). | Web Optimization, SEO. |
| Week 16 (Apr 28-May 6) | Project Wrap Ups | Project 3 Presentations |