🧑🏾💻 prep
🚏 React Router
Learning Objectives
You’ve learned how to build applications with React. The different applications and examples were all built on a single page. What if you wanted to have different pages? with each page having its own URL? You will need to introduce a router in your application.
In JavaScript, a router is the piece of code which is in charge of switching between views of your application and keep each view in sync with a specific URL. For example, you could imagine having a homepage reachable from the root path / and a users page with the path /users.
You can use a framework like Next.js or Remix, write this yourself, or use a library. In React, a popular library to help you achieve this is React Router.
React Learn
Set a timer and stop working on this tutorial after 60 minutes. Write down your blockers and come to class with questions.
Prep for Diversity and Inclusion 🔗
Learning Objectives
Preparation
Introduction
Diversity and inclusion
🎯 Goal: Define concepts related to diversity and inclusion (30 minutes)
Study this slide deck to learn more about diversity and inclusion and its importance in a work setting. Remember to pay attention to the speaker note area to see if there are any notes. The additional resources at the end are optional.
Write your own one sentence definition for the following concepts. Try avoid using ChatGPT or similar to write them, so you can practise your English language skills too:
- Diversity
- Inclusion
- Diversity in tech
- Bias
- Privilege
- Racism
- Sexism
- Ageism
- Ableism
- Homophobia
- Empathy
Accessible tech
🎯 Goal: Explain three situations where a tech product can be inaccessible (30 minutes)
Form small groups and organise an online call. Study this slide deck about accessibility in tech. Write down three situations where a tech product can be inaccessible for certain users. Explain the situation, the reason causing inaccessibility and offer solutions.
Reminder: Try writing the situations yourself, without using AI. Remember to check your Grammar.