πŸ§‘πŸΏβ€ 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

Complete πŸ§‘πŸΎβ€πŸŽ“ React Router Getting Started Tutorial

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

n/a

Introduction

These exercises will help you to recognise systemic problems regarding diversity and inclusion and discuss how you can contribute to a more diverse and inclusive tech industry.

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.