Fall 2024 Workshop Schedule
Week-by-week breakdown of the workshop series. This schedule is tentative and subject to changes.
| # | Date | Location | Title & Description | Corresponding Assignment |
|---|---|---|---|---|
| 1 | 10/3 | Tech LR5 | Intro to DISC, UI/UX Learn how to design an accessible, multi-platform user interface of a web application using Figma. | Create a figma wireframe of the user interface. |
| 2 | 10/10 | Tech LR4 | Browsers, HTML, and CSS What do browsers do? How do we textually describe websites? Build the fundamentals of frontend programming in HTML and CSS. | Create a rough draft implementation of the wireframe using HTML & CSS. |
| 3 | 10/17 | Tech LR5 | VSCode & Git Set up and practice using a dev environment with the best free IDE and version manager. | Set up a development environment and public git repository for the project. |
| 4 | 10/24 | Tech LR5 | JavaScript, React, and JSX What is React, why does it exist, and how does it work? Build an accurate mental model of its underpinnings and begin programming with React and JSX. | Begin building the user interface using React & JSX. |
| 5 | 10/31 | Tech LR5 | Better React Dive deeper and do more with React. This continuation of the previous React workshop covers routing, async/await, and API calls. | Add routing and connect to a fake DISC-provided backend. |
| 6 | 11/7 | Tech LR5 | Best React Everyone hates slow websites and fragile code. Learn how to write fast, performant React and best practices for code maintainability. | Improve the performance of the frontend and maintainability of code. |
| 7 | 11/14 | Tech LR5 | Building a Node & Express Backend Introduction to building RESTful APIs using Node and Express to create full-stack applications. | Build the real backend using Node & Express. |
| 8 | 11/21 | Tech LR5 | Building Complex Backends Learn about building complex, industry-grade backends with multiple tables, microservices models, and serverless architecture. | Modernize your backend using an ORM and joining multiple tables. |
| 9 | 12/5 | Tech LR5 | Bonus Topics How do you make a web app accessible to anyone on the internet? What do modern frontend codebases look like? How can we take advantage of tools others have already built? All this, and more. | Deploy your frontend and API, and add a bonus feature*. *Bonus features include styled-components, tailwind, typescript, and 3rd party API integrations. |