🏷️ backlog

Module-React πŸ”—

[TECH ED] Follow the React Learn Course πŸ”— Clone

https://react.dev/learn

Why are we doing this?

The React documentation is brilliant. It’s actually weirdly similar to our original course, especially https://react.dev/learn/thinking-in-react so we now link to it heavily instead of maintaining our own version.

We highly recommend you follow the whole thing, but we will point to vital pieces throughout the prep material.

  • :brain: Prep work
  • 🎯 Topic Functional Programming
  • 🎯 Topic Requirements
  • 🏝️ Priority Stretch
  • πŸ‚ Size Medium
  • πŸ“… React
  • πŸ“… Week 1
[TECH ED] High Scores Table πŸ”— Clone

https://github.com/CodeYourFuture/Module-React/high-scores-table

Why are we doing this?

Here is a starter React project built in the same way as your React Hotel project. It’s a simpler version of the same setup.

Practice your React skills by developing this project, and get the chance to work through some things yourself that you can bring to your Hotel team.

Maximum time in hours

4

How to get help

This challenge is from https://github.com/CodeYourFuture/cyf-react-challenges and you may find extra help on that repo.

How to submit

Open a PR from the branch on your fork to main on this repo

  • 🎯 Topic Problem-Solving
  • πŸ• Priority Mandatory
  • πŸ‚ Size Medium
  • πŸ“… React
  • πŸ“… Week 1
[PD] Share at least 2 job openings with the CYF community πŸ”— Clone

Coursework content

At CodeYourFuture, we believe in collective intelligence, including collective job hunting. We will talk more about it in the coming months, but to start, let’s practice finding job openings and sharing them with the community.

Estimated time in hours

1

What is the purpose of this assignment?

Find and share at least 2 job openings that are:

  • suitable for CYF grads
  • are not recruitment agencies but from companies directly

Use common platforms such as LinkedIn or Otta.

Filtering tips:

  • Search for conventional titles (i.e. frontend is different from front end or front-end)
  • Job opportunities in which you have 3rd or 2nd connections with the person posting it
  • Applications that have 10 or fewer applications
  • Location: close to your cohort or remote opportunities

How to submit

Anything else?

N/A

  • πŸ‡ Size Small
  • πŸ”‘ Priority Key
  • πŸ“… React
  • πŸ“… Week 1
[PD] Professional and Career Objectives πŸ”— Clone

Coursework content

Think about where you would like your career to be in five years.

  • Write your ideal job title and a list of activities you will be doing.
  • List milestones and objectives you hope to achieve in your career.
  • Identify several parts of that plan that will be challenging or that you need more time to be ready to do.
  • List actions you can take to move towards the target.
  • List steps you can take to be resilient and face the challenges.

Estimated time in hours

2

What is the purpose of this assignment?

Develop a five-year career plan.

How to submit

  • Create a Google Document with your answers to the questions above.
  • Review your Grammar on the document using a tool such as Grammarly.
  • Link the document in this project issue. Ensure the document is open for comments so that someone can review it.

Anything else?

  • 🏝️ Priority Stretch
  • πŸ‚ Size Medium
  • πŸ“… React
  • πŸ“… Week 1
[PD] How Self-Confident Are You? πŸ”— Clone

Coursework content

Read the How Self-Confident Are You?](https://www.mindtools.com/ahqz3nl/how-self-confident-are-you?authuser=0) article and do the quiz that is part of it. After you do, write a 250-word reflection on the results you got - was it what you expected, did something surprise you, have you learned anything from it?

Estimated time in hours

1

What is the purpose of this assignment?

This assignment will help you identify areas for development regarding your self-confidence. Additional material aims to support your journey in improving your self-confidence day by day.

How to submit

Share the link to your coursework on ticket on your board.

Anything else?

Additional material:

  • πŸ• Priority Mandatory
  • πŸ‡ Size Small
  • πŸ“… React
  • Week 1
[TECH ED] React challenges πŸ”— Clone

https://github.com/CodeYourFuture/cyf-react-challenges/tree/master/challenge-high-score-tables

Why are we doing this?

The way to get better at React is to practice by building small projects. πŸ’ͺ

To help you with project ideas, we have provided several challenges. You can see a full list of the challenges here. Some you can complete now, but some require knowledge of later weeks - look out for the “Prerequisites” section in the instructions.

We recommend that you attempt the following challenge:
High Score Table - Level 1: https://github.com/CodeYourFuture/cyf-react-challenges/tree/master/challenge-high-score-tables
Stretch Goals: Some other suitable projects for you to work on right now are:
Baby Names Picker - Level 1: https://github.com/CodeYourFuture/cyf-react-challenges/tree/master/challenge-baby-name-picker
Countries - Level 1: https://github.com/CodeYourFuture/cyf-react-challenges/tree/master/challenge-countries
Job Listing - Level 1: https://github.com/CodeYourFuture/cyf-react-challenges/tree/master/challenge-job-listing

You should complete these challenges in the order they are in above.

Maximum time in hours

3

How to submit

Follow submission instructions on the repos.

  • πŸ• Priority Mandatory
  • 🏝️ Priority Stretch
  • πŸ‚ Size Medium
  • πŸ“… React
  • πŸ“… Week 1
[TECH ED] Review solutions for TV show project πŸ”— Clone

https://github.com/CodeYourFuture/TV-Show-DOM-Project-Solution

Why are we doing this?

At the end of this week, be sure to review the solutions for last week’s coursework. You should return to the TV Show project again at the end of React.

Maximum time in hours

1

  • πŸ• Priority Mandatory
  • πŸ‚ Size Medium
  • πŸ“… React
  • πŸ“… Week 1
[TECH ED] CYF Hotel πŸ”— Clone

https://github.com/CodeYourFuture/React-Module-Project

Why are we doing this?

This project will require you to think about how components are organised and composed when building the UI, how to organise your work into small scoped feature branches, how to write unit tests, and how to share work as a team.

Maximum time in hours

8

How to submit

All the instructions for this project are in the repo!

  • πŸ• Priority Mandatory
  • πŸ‚ Size Medium
  • πŸ”‘ Priority Key
  • πŸ“… React
  • πŸ“… Week 1
[TECH ED] Prepare for live session πŸ”— Clone

https://curriculum.codeyourfuture.io/react/sprints/1/prep/

Why are we doing this?

It is essential to start learning new concepts and ideas before Saturday’s session. During the week, we expect you to get stuck and form questions about the new content so you can address misconceptions during Saturday’s session. The prep work here will introduce you to the new concepts for the week. It will help you do the rest of your coursework.

Skipping the prep is like blindfolding yourself. Prioritise working through the prep.

Maximum time in hours (Tech has max 16 per week total)

3

How to get help

Share your blockers in your class channel
https://curriculum.codeyourfuture.io/guides/asking-questions

  • :brain: Prep work
  • πŸ• Priority Mandatory
  • πŸ‚ Size Medium
  • πŸ“… React
  • πŸ“… Week 1
[TECH ED] Codewars πŸ”— Clone

https://www.codewars.com/users/CodeYourFuture/authored_collections

Why are we doing this?

Every week you need to complete at least three kata. Spend at least 20 minutes, three times a week, on your kata workout.

Find the Collection for this week on the CodeYourFuture account.

Take some time to check your levels. Before you are accepted on to a Final Project on the developer track, you need to complete the Final Projects collection and reach a Level 5 kyu in Codewars. Are you on track to reach this standard? Have you run a study group to work on kata? Have you reached out on the #cyf-codewars channel? What is your plan to meet this goal?

Maximum time in hours (Tech has max 16 per week total)

1

How to get help

Remember, after 20 minutes, take a break.

How to submit

Your codewars progress is tracked automatically and is available on the public API. You don’t need to submit it.

How to review

Once you have completed your kata, look at the other solutions in the solutions view. Consider how many different approaches there are.

  • 🎯 Topic Code Review
  • 🎯 Topic Problem-Solving
  • 🎯 Topic Programming Fundamentals
  • 🎯 Topic Requirements
  • 🎯 Topic Time Management
  • πŸ• Priority Mandatory
  • πŸ“… React
  • πŸ“… Week 1