🏷️ backlog

Module-Servers πŸ”—

[TECH ED] Devtools Network Tab πŸ”— Clone

https://developer.chrome.com/docs/devtools/network

Why are we doing this?

Do the Network Tab tutorial

Read or watch the Google Chrome Devtools tutorial on the Network Tab. The video is nine minutes long.

Explore a familiar API

  1. In Google Chrome, open dev tools network tab and enter this URL into the browser: http://api.tvmaze.com/shows/82/episodes

  2. Answer the following questions:

  • What status code did the server send back?
  • What HTTP method did the browser use to make the request?
  • What is the request path?
  • What is the first line of the response body?
  • What is the value of the response header called “Content-Type” ?
  • What is the value of the request header called “User-Agent”

Maximum time in hours

1

How to get help

Here’s a solid prompt for ChatGPT.

Act as a friendly, straightforward programming mentor. Walk me through finding the answers to the following questions step by step using the Chrome Devtools Network tab. Don’t tell me the answers, but guide me through the interface until I find it myself. When I say “Is the answer: MY ANSWER” tell me if I’m right or wrong. If I’m right, move me on to finding the answer to the next question. If I’m wrong, explain why. Here are the questions. Begin with question 1: What status code did the server send back?

In Google Chrome, open dev tools network tab and enter this URL into the browser: http://api.tvmaze.com/shows/82/episodes

Answer the following questions:

  • What status code did the server send back?
  • What HTTP method did the browser use to make the request?
  • What is the request path?
  • What is the first line of the response body?
  • What is the value of the response header called “Content-Type” ?
  • What is the value of the request header called “User-Agent”

How to submit

Share your answers with the other trainees in your Buddy Group or on your Slack class channel.

How to review

Did you get different answers to other people? Ask them how they worked them out!

  • 🎯 Topic Problem-Solving
  • 🎯 Topic Testing
  • πŸ• Priority Mandatory
  • πŸ‡ Size Small
  • πŸ“… Node
  • πŸ“… Week 1
[TECH ED] APIs πŸ”— Clone

https://github.com/CodeYourFuture/Module-Node

Why are we doing this?

Think carefully and try to answer the following questions:

  1. Define an interface? (Think about the answer in multiple contexts, including programming )
  2. Explain why do we need to use an interface in programming? (Advanced)
  3. List 3 things that are part of the NodeJS API
  4. List 3 things that are part of the Jest API
  5. List 3 things that are part of the Spotify API
  6. Explain why Jest is not a web-based API and why Spotify is a web-based API.

Maximum time in hours

.5

How to get help

⏰ Don’t spend longer than 30 minutes on this exercise
πŸ“ Make a note of any questions you’ve struggled to answer. Raise these on Slack before Saturday’s session so mentors know what to focus on

How to submit

Post in the thread on Slack. If there is no thread yet, start one.

How to review

Compare your answers during study group in class. What can you learn from each other?

Anything else?

If you use ChatGPT to answer these questions, you have missed the point of this course and you are now fully wasting everyone’s time. Don’t use LLM for this assignment. The point of this assignment is to find out what you, the human person, need help with in class.

  • :brain: Prep work
  • 🎯 Topic Programming Fundamentals
  • 🎯 Topic Requirements
  • 🎯 Topic Teamwork
  • πŸ• Priority Mandatory
  • πŸ¦” Size Tiny
  • πŸ“… Node
  • πŸ“… Week 1
[PD] Do a mock interview with an AI πŸ”— Clone

Coursework content

Build up on the knowledge and practice you gained with the previous Interview coursework.

  1. Have a proper Mock interview using ChatGPT or another AI tool.

  2. Make sure you use the STAR Method when answering questions during an interview.

  3. Open ChatGPT and write this prompt:

Please act as an interviewer for a junior web development role. I will be the candidate and you will ask questions for an entry-level web developer position at a large UK consultancy. Please do not write out the whole conversation. I want to do the interview as a dialogue. Ask me a question and then wait for my answer. Do not write explanations. If I ask you to translate your question into another language, please do so. Please continue to ask the next question in English. At the end of the interview, I will ask for feedback. Please be candid and fair. My first sentence is β€œGood morning”.

Estimated time in hours

1

What is the purpose of this assignment?

Practice for future job interviews whilst also practising the STAR Method.

How to submit

Copy your mock interview dialogue from ChatGPT to a document and add it under your ticket for review.
Make sure the document is open for comments.

Anything else?

  • πŸ• Priority Mandatory
  • πŸ‡ Size Small
  • Week 1
  • πŸ“… Week 1
[PD] Prepare for interviews using an AI πŸ”— Clone

Coursework content

Use ChatGPT or another AI tool to prepare for job interviews. You can use this video for guidance on how to do so, and the suggested AI prompts are also listed below.

  1. Find one job posting that you are interested in.

  2. Do the first 4 steps that you see in the video:

  • Get common questions that might be asked

What questions can I expect to be asked in a job interview for a [[title]] position at [[company]] and what skills should I highlight in my responses? Use the job description below for reference: [[paste your job description here]]

  • Get good answers to potential interview questions

Can you help me answer these interview questions?

  • Have ChatGPT give you feedback on your answers

Can you give me feedback on my answers to this question? How can I improve?
QUESTION: [[interview question from above]]
ANSWER: [[ your answer or copied from above]]

  • Get interview tips

What are some high-level tips for a job interview for a [[xxx]] role?

  1. Save your information

Estimated time in hours

1

What is the purpose of this assignment?

Practice for future job interviews.

How to submit

Take a screenshot of your feedback tips received by the AI tooland post them on your ticket.

Anything else?

  • πŸ‡ Size Small
  • πŸ”‘ Priority Key
  • Week 1
  • πŸ“… Week 1
[TECH ED] Check module success criteria πŸ”— Clone

https://curriculum.codeyourfuture.io/node/success/

Why are we doing this?

πŸ”‘ The most important thing is that you are secure in your understanding.

At the end of the course, we will expect you to build novel applications using your understanding. If you cannot build things, we cannot put you forward for jobs. It is in your personal interest to make sure you have properly understood this module.

To progress to the next module you need to meet the success criteria for this module. How will you as a cohort meet the module success criteria? Discuss it in your class channel and make a plan together.

πŸ§‘πŸΏβ€πŸŽ€ good strategies

  • asking volunteers to review your code
  • helping each other with coursework blockers
  • arranging midweek study sessions
  • using Saturday time to review code and cohort tracker

πŸ™…πŸΏ bad strategies

  • opening empty PRs
  • copying and pasting
  • breaking the Trainee Agreement
  • mistaking the measure for the target

Maximum time in hours

.5

How to get help

Discuss with your cohort. Support each other.

How to submit

In week 4 of your module you will need a representative to report to the organisation. Here’s your template, fill in your details and delete as appropriate:

πŸ“ˆ Cohort Progress Report from @cohort-name to @programme-team

  • criterion
  • criterion
  • criterion
  • criterion

βœ… We are progressing to the next module.
β›” We are taking a consolidation week to meet our targets.

  • 🎯 Topic Code Review
  • 🎯 Topic Communication
  • 🎯 Topic Delivery
  • 🎯 Topic Requirements
  • 🎯 Topic Teamwork
  • 🎯 Topic Testing
  • 🎯 Topic Time Management
  • πŸ• Priority Mandatory
  • πŸ¦” Size Tiny
  • πŸ“… Week 1
  • πŸ“… Week 4
[PD] Brag Diary πŸ”— Clone

Coursework content

Write more in your Brag Diary.

This will be the record of your achievements, the moments you feel proud about yourself. Think positively, you might find more to write than you think. Take turns to present your diary entries in your group meetings with your PD buddy or your study group.

Estimated time in hours

0.5

What is the purpose of this assignment?

This assignment will help you to capture, record, remember, share and celebrate your achievements.

How to submit

Share the link for the Google doc you prepared on your own coursework project board.

  • 🏝️ Priority Stretch
  • πŸ‡ Size Small
  • πŸ“… Node
  • Week 1
[TECH ED] 🏝️ Stretch challenges πŸ”— Clone

https://github.com/CodeYourFuture/Module-Node/tree/main/quote-server#challenge-advanced-add-a-react-app-as-a-front-end

Why are we doing this?

These tasks will get you to further develop your skills by implementing more functionality for your server projects.

You can find the stretch section in the README under the 🏝 Stretch challenge heading.

This is just a note to remind you that the stretch is available, and fun!

  • 🎯 Topic Structuring Data
  • 🏝️ Priority Stretch
  • πŸ“… Node
  • πŸ“… 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
  • πŸ“… Node
  • πŸ“… Week 1
[TECH ED] Quote server API Project πŸ”— Clone

https://github.com/CodeYourFuture/Module-Node/tree/main/quote-server

Why are we doing this?

  • Practice building simple GET endpoints using Express.
  • Invoke API endpoints using client applications like Postman.

If you get through level 1 and 2 and challenges, please move to code reviewing other PRs in your cohort. What can you learn from these different approaches?

Maximum time in hours

8

How to get help

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

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/quote-server-project
    commit id: "level 1 create routes"
    commit id: "level 2 add searches"
    commit id: "challenge explore lodash"
    commit id: "challenge react "
    commit id: "react challenge revisions"
    commit id: "lighthouse audit revisions desktop"
    checkout main
    merge feature/quote-server-project

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

How to review

You can request a review for this assignment by adding the label review-requested to this piece of work.

  • πŸ• Priority Mandatory
  • πŸ‚ Size Medium
  • πŸ”‘ Priority Key
  • πŸ“… Node
  • πŸ“… Week 1
[TECH ED] Prep: Building our first Express project πŸ”— Clone

http://curriculum.codeyourfuture.io/node/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.

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

4

How to get help

This prep has video codealongs as you build your own Node and Express project. Organise a study session online and work through the project together in a call.

  • :brain: Prep work
  • πŸ• Priority Mandatory
  • πŸ‚ Size Medium
  • πŸ“… Node
  • πŸ“… Week 1