Introduction
The workshop will have minimal theory intro and project-based for the rest. We will be making a simple portfolio! - https://langhacks24-intro-to-react-dkis.vercel.app/.
The idea for this workshop is to show you that you can build stuff, even though most likely you will not fully understand all what is happening yet. And that’s fine!
Setup Needed
Mandatory:
- Laptop with internet connection (use SFU Wi-Fi)
- Visual Studio Code
Optional:
- (For Deployment) GitHub Account
- (VSCode Extensions) VSCode Live Server
- (VSCode Extensions) Prettier
- Node.js and npm - https://docs.npmjs.com/downloading-and-installing-node-js-and-npm
Ideally, you will have all the mandatory + optional setup, but we will give some time on proper setup during the workshop and there will be Teaching Assistants available to help.
Resources
2 main github repo:
- https://github.com/brianrahadi/sh25-intro-html-css-js
- https://github.com/brianrahadi/sh25-intro-react-convex
design:
Part 1 HTML/CSS/JS
Recording:
Part 2 React + Convex
recording:
Notes
This workshop content is a reused material from Langara Hacks 2024. The content is 100% created by me.