🏷️ backlog

Module-Data-Flows πŸ”—

[TECH ED] TV Show Project πŸ”— Clone

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

Why are we doing this?

We’re doing this project to gain experience consuming data from an API and displaying it in a visually appealing way in the browser - making it easy for our users to understand.

This project should be done in a pair-swapping style as described here. This will be a great experience as it’s actually similar to a real-world working experience where a team of developers work on a shared code base πŸ˜„

In this sprint, you will need to complete up to and including Level 200. Level 200 should be done in someone else’s repo (forking their repo and raising a pull request with changes).

Maximum time in hours

6

How to get help

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

How to submit

Add a comment to this (cloned) issue with a link to:

  • Your GitHub repository
  • The other person’s repository your changes are merged into
  • Your site hosted on Netlify (should be something like cyf-USERNAME-tv.netlify.app)

Anything else?

While doing this project, you should think about writing “clean” code - One way to do this is to think about what future readers of your code will be thinking πŸ€” If they didn’t have much context, will they be able to easily understand what the code is doing? Would it be easy for them to make changes to the code?

  • πŸ”‘ Priority Key
  • πŸ¦‘ Size Large
  • πŸ“… Sprint 2
[TECH ED] πŸ“ Code review πŸ”— Clone

Why are we doing this?

Code review is an essential part of self-evaluation. Get a code review for a piece of work; then reply and iterate on this feedback.


We’re using GitHub Labels in our Code Review process. In order for a volunteer to review your pull request, you will need to add a “Needs Review” label to it.

  • Open your pull request
  • In the right sidebar, click Labels, then select “Needs Review”

Take a look at our code review process from beginning to end. Let us know if you have any questions or need help!


You can also use any solutions to review your code independently.

Maximum time in hours

1

  • πŸ• Priority Mandatory
  • πŸ“… Sprint 2
  • :memo: Self evaluate
[TECH ED] πŸ«±πŸ½β€πŸ«²πŸΏ Pair program πŸ”— Clone

Instructions

  1. Pair up with a volunteer and work on a kata together
  2. As a trainee, you will need to explain your thought process, plan out what to do, write the code and check it works
  3. Volunteers will need to ask questions to check your understanding, provide guidance if you stuck, give honest and meaningful feedback

🧭 Guidance for volunteers

  • Don’t take over! It’s important trainees get used to figuring things out. Provide guidance and assistance but trainees need to struggle to overcome any obstacles with understanding and technical communication
  • Give honest feedback. Trainees can’t develop if they don’t receive honest feedback about their progress.
  • Ask questions. Sometimes asking a clarifying question can help learners discover errors and often promotes more thoughtful responses.
  • Encourage best practices. Reinforce good practices like reading error messages carefully sessions and checking documentation.

Why are we doing this?

Pair programming is an excellent way to develop programming and communication skills. It is often much easier to work through something when working on something 1 to 1. It is also helps our trainees to prepare for technical interviews when they’ll need to code in front of other people.

Acceptance criteria

  • You have pair programmed on a kata with a volunteer for at least one hour
  • πŸ• Priority Mandatory
  • πŸ¦” Size Tiny
  • πŸ“… Sprint 2
[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 module on the CodeYourFuture account.

You should be able to complete level 6 kata during this module. Make sure to start trying some 5kyu as well.

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. Is there something you would adopt for yourself? Revise your own solution.

  • 🎯 Topic Code Review
  • 🎯 Topic Problem-Solving
  • 🎯 Topic Programming Fundamentals
  • 🎯 Topic Requirements
  • 🎯 Topic Time Management
  • πŸ• Priority Mandatory
  • πŸ“… Sprint 2
  • πŸ“… JS2
[TECH ED] Book Library πŸ”— Clone

https://github.com/CodeYourFuture/Module-Data-Flows/tree/main/debugging/book-library

Why are we doing this?

Making a simpler version of the TV Show Project, that has some similar concerns, can help you design your application.

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

3

How to get help

  1. Share your blockers in your class channel. Use the opportunity to refine your skill in Asking Questions like a developer.

  2. There’s a Code Reading exercise included in the debugging folder that will help you think through this project.

  3. Use the debugger! Write tests! Use the tools you have been learning to help you solve problems methodically.

How to submit

  1. Fork to your Github account.
  2. Make a branch for this project.
  3. Make regular small commits in this branch with clear messages.
  4. When you are ready, open a PR to the CYF repo, following the instructions in the PR template.
gitGraph commit id: "start" branch feature/book-library commit id: "skeleton page code" commit id: "Fonts and colours" commit id: "mobile layout" commit id: "lighthouse audit revisions mobile" commit id: "desktop layout" commit id: "lighthouse audit revisions desktop" checkout main merge feature/book-library

There are several projects in this repo. Make a new branch based on main for each project.

How to review

  1. Complete your PR template
  2. Ask for review from a classmate or mentor
  3. Make changes based on their feedback
  4. Review and refactor again next week.
  • 🎯 Topic Programming Fundamentals
  • πŸ• Priority Mandatory
  • πŸ‚ Size Medium
  • πŸ”‘ Priority Key
  • πŸ“… JS3
  • πŸ“… Sprint 2
[PD] Your SWOT analysis πŸ”— Clone

Coursework content

Conduct a personal SWOT analysis. By answering the following questions, consider the key areas you want to improve. Remember to refer to the development plan you have already been working on:

  • Strengths: What are you great at? What makes you stand out? What positive comments do people say about your strengths? What are your greatest achievements?
  • Weaknesses: What hard and soft skills do you need to work on? Where do you need to improve? What holds you back? What key habits do you want to overcome? What do others say about your development areas?
  • Opportunities: Who can help you achieve your goals? What can you do differently to become more employable? How can you go the extra mile? How can you create opportunities?
  • Threats: What could stop you from achieving your career goals? What do you need to stop doing now? What’s out of your control?

Write your analysis down.

Estimated time in hours (PD has max 4 per week total)

0.75

What is the purpose of this assignment?

This analysis will provide you with insights into your personal strengths and development points. It will also help you identify external support opportunities and risks.

How to submit

  • Share the link to the doc with your SWOT analysis on your issue. Make sure anyone with this link can comment on it.
  • Review your Career Development Plan if it is applicable.
  • πŸ• Priority Mandatory
  • πŸ‡ Size Small
  • πŸ“… JS3
  • πŸ“… Sprint 2
[PD] Linkedin Social Selling Index πŸ”— Clone

Coursework content

Being on LinkedIn isn’t enough to get noticed. You also need to make sure that you are active on it.

LinkedIn created a Social Selling Index (https://www.linkedin.com/sales/ssi.) which shows how you are in relationship to others in your industry or your network. You can use this as a key performance indicator to ensure you are being ranked higher after your actions.

Think about your strategy to get more active on LinkedIn. Some examples are below, but you can use your creativity. Start with one action and then build upon it.

  • Repost interesting articles at least once a week
  • React to one of your connections’ posts three times a week
  • Share an important Professional Development learning of this week
  • Share an important Technical Education learning of this week (not on the same day as the PD one)
  • Comment on one of your connections’ posts once a week

Estimated time in hours (PD has max 4 per week total)

0.5

What is the purpose of this assignment?

To create a strong presence on a professional network platform - LinkedIn.

How to submit

  • Share the screenshot of your LinkedIn Social Selling Index on this issue.
  • Add what is the one action you will commit to. Write it using in a SMART way and add it as a comment on this issue.
  • πŸ• Priority Mandatory
  • πŸ¦” Size Tiny
  • πŸ“… JS3
  • πŸ“… Sprint 2
[PD] Your LinkedIn tips πŸ”— Clone

Coursework content

Write a 100-word text with the top 3 tips you have learnt about LinkedIn and how to use it effectively.

Review the text with an automated grammar tool.

Estimated time in hours (PD has max 4 per week total)

1

What is the purpose of this assignment?

  • Reflect on your learnings about communication and selling yourself on LinkedIn.
  • To practice writing in English.

How to submit

  • Share the link to the doc on this issue. Make sure anyone can add comments to it.
  • πŸ• Priority Mandatory
  • πŸ‡ Size Small
  • πŸ“… JS3
  • πŸ“… Sprint 2
[PD] Review your Development Plan πŸ”— Clone

Coursework content

Work on your Career Development plan, so that it reflects your learnings and where you evolved. Your goals might be different now, and writing them down can keep your focus and give you a tool to discuss them with anyone you trust who would like an opinion.

Remember: 2-3 areas are enough to change in such a short time, so it’s better to focus on a few, get them nailed, and then choose another area.

Technical knowledge is important, but the skills and processes are also important so you can get a job in tech. So think about both sides.

Examples of goals

  • Short term: Practicing coding = Code 1 hour a day on weekdays
  • Medium-term: Enhance my written English = Trying to correct by myself the errors that the automated grammar tool is showing in my text
  • Long term: Get a job in tech = Send 1 tailored CV per day when I have graduated from Code Your Future

Estimated time in hours

0.5

What is the purpose of this assignment?

Define where you want to be in the short, medium and long term. This helps give you perspective and clarity of where your direction is and if you are doing the right things to get there.

How to submit

  • Share your development plan link as a comment, open to anyone to comment
  • Write a paragraph, as a comment on this issue, about what you have learned/changed
  • 🏝️ Priority Stretch
  • πŸ“… JS3
  • πŸ“… Sprint 2