React and Node Workshops
Web Development Workshops with SCS Concordia
Oct 22, 2020
React workshop
Build the UI for your next project!
This workshop will cover concepts, examples, and exercises to help you build the UI for your next project. React is a frontend Javascript library that allows you to build interactive UIs.
- What React is and what you can do with it
- Modern Javascript (ES6) syntax and tricks
- Writing JSX and rendering elements to HTML
- Building components, composition and splitting
- Displaying lists of item objects using components
- Understanding React data flow with props and state
- Using Hooks in function components
- Adding interactivity with HTML inputs, forms and event-handling
- Fetching data from public APIs
- Building a project while thinking in React
Previous Events
Material
Preview slides: Google Drive document
Material: Notion link
Code
Codesandbox: Github
Node workshop
Create a server + REST API for your next web application!
In this workshop, we’ll discuss concepts and put them to practice with activities, all about web servers. The code and concepts here would be a great foundation for your next web project! Topics include, but not limited to:
- Using Node and Express to build a web server and REST API
- Understanding routing, request and response
- Implementing CRUD with HTTP methods
- Building a server-rendered website using templates
- Connecting to a Cloud NoSQL database: MongoDB Atlas DB
- User authentication with sessions, cookies and tokens
- Using external APIs, such as Github Jobs, Giphy, Spotify
Previous Events
Material
Preview slides: Google Drive document
Material: Notion link
Code
Github: Github
Screenshots
React workshop
Node workshop
