Course Outline (subject to change)
I'm currently in the process of updating the course, adding more modern and relevant topics. The following may not reflect the changes implemented in the class yet.
Course Modules
The new proposed course outline is as follows:
| Module | Date | Topic | Assignments |
|---|---|---|---|
| 0 | Before | Course Structure and Development Env Setup | quiz: course syllabus + Screenshots showing a setup env. with the right versions and tools installed |
| 1 | Jan 8 | Source Version Control How the web works JS History | lab: git-hello world + Online Portfolio: simple webpage + github pages + use of github |
| 2 | Jan 15 | Fundamentals of JS | JS exercises - Focus on the fundamentals rather then all the types utility methods? |
| 3 | Jan 22 | Interactive Web Dev using JS Forms, Event handling, DOM Manipulation | Lab: JS and DOM exercises + Assignment: Rock Paper Scissors |
| 4 | Jan 29 | Async development; JSON and Networking Fetch API | Lab: Chatting Application |
| 5 | Feb 5 | Modern Web Dev using React.js vite, JSX, web components, props, | Building Tic Tac Toe as a React game |
| 6 | Feb 12 | Modern Web Dev using React.js React State Mgmt & hooks | Tic-Tac-Toe using React: state of each button? |
| 7 | Feb 19 | Advanced React: hooks, Context API LocalStorage, cookies | Recreate Chatting Application using React |
| 8 | Feb 26 | Styling and Themeing in React CSS-in-JS, styled components | |
| 9 | Mar 4 | Canvas in React | Hangman: using React + JSON, and Canvas work |
| 10 | Mar 11 | 🏖️ Spring Break | |
| 11 | Mar 18 | SPA: Routing with React Router | Add a routing to an about page |
| 12 | Mar 25 | Intro to Phaser | Lab |
| 13 | Apr 1 | Where to go from here: Typescript, ... | |
| 14 | Apr 8 | Open Lab - work on final project | |
| 15 | Apr 15 | Open Lab - work on final project | |
| 16 | Apr 22 | Presentations |