π·οΈ backlog
Module-JS2 π
[PD] Body language π Clone
[PD] Body language π
Coursework content
Watch this short video about body language.
Estimated time in hours
0.3
What is the purpose of this assignment?
To improve public speaking skills.
How to submit
You don’t need to submit anything.
- π― Topic Communication
- π Size Small
- π JS2
- π Priority Mandatory
- π Week 4
- π Week 4
- π JS2
- π Size Small
- π Priority Mandatory
- π― Topic Communication
[PD] Give feedback on your groupβs CVs π Clone
[PD] Give feedback on your groupβs CVs π
Coursework content
Do some research (about 20 minutes) on good CVs:
Go to the CV Review channel on Slack (#cyf-profile-review) and find two CVs of people in your current group that haven’t been reviewed much. For each one, provide three or four constructive comments as a reply in the Slack channel.
Look at the comments that your group have provided to you and add a Slack reaction to thank them for their review. Make changes to your CV accordingly.
Remember that you can use an automated screener (like https://resumeworded.com/) to βscoreβ your CV and get further suggestions on improvements.
Estimated time in hours
1.5
What is the purpose of this assignment?
Improving your CV and the CVs of your group
How to submit
Reply to the Slack thread (#cyf-profile-review) of your group
Add the link to the CVs you reviewed as a comment on your issue
- π Size Medium
- π JS2
- π Priority Mandatory
- π Week 4
- π Week 4
- π JS2
- π Size Medium
- π Priority Mandatory
[PD] How to conduct yourself professionally π Clone
[PD] How to conduct yourself professionally π
Coursework content
Watch How to conduct yourself professionally video. Reflect in what behaviours you learned in the video were new to you. Write:
- what behaviours you need to stop to become more professional
- what behaviours you need to start doing or doing more so you can become more professional
- what behaviours do you need to change or adapt for an online/remote work environment like Code Your Future?
Estimated time in hours
1
What is the purpose of this assignment?
This assignment aims to improve your professional behaviours.
How to submit
Share the link of your reflections to the Google doc on the ticket on your coursework board.
- π Size Small
- π JS2
- π Priority Key
- π Week 4
- π Priority Key
- π Week 4
- π JS2
- π Size Small
[PD] Watch Power Pose TED talk π Clone
[PD] Watch Power Pose TED talk π
Coursework content
Your body language may shape who you are.
Watch this TED Talk by Amy Cuddy, a social psychologist, on non-verbal communication.
Note: some of the findings described in this video have caused much debate. However, more recent science still suggests that your posture does affect your own experienced feelings of power, although it may be sufficient to mindfully avoid the negative βcontractiveβ postures.
Estimated time in hours
0.5
What is the purpose of this assignment?
Understand how your own body language can affect not only the way that other people see you, but also how you feel yourself.
- ποΈ Priority Stretch
- π Size Small
- π JS2
- π Week 4
- π Week 4
- π JS2
- π Size Small
- ποΈ Priority Stretch
[PD] Your top 3 CV tips π Clone
[PD] Your top 3 CV tips π
Coursework content
From your research on writing CVs, select the three or four concepts you think are the most important. Write a summary of these concepts in no more than 100 words.
Make sure that your spelling and grammar are correct (Grammarly is your friend).
Estimated time in hours
0.5
What is the purpose of this assignment?
Practice summarising the important information into a concise piece of text
How to submit
Attach your CV tip summary to this ticket.
- π Size Small
- π JS2
- π Priority Mandatory
- π Week 4
- π Week 4
- π JS2
- π Size Small
- π Priority Mandatory
[TECH ED] Build slideshow app π Clone
[TECH ED] Build slideshow app π
Link to the coursework
Look up the slideshow
app in the week-3
directory to get started.
Why are we doing this?
These challenges are designed to develop your problem-solving skills.
Acceptance criteria
Given a web page with a carousel of images
When the page loads
Then the first image in the carousel should be displayedGiven forward and back buttons
When the forward button is clicked
Then the next image in the carousel should be displayed
And
When the back button is clicked
Then the previous image in the carousel should be displayedGiven at least 4 images in the carousel
When the user reaches the end of the carousel in either direction
Then the carousel should loop back to the first/last image
Advanced stretch functionality
- Given auto-forward and auto-back buttons
When the auto-forward button is clicked
Then the images should automatically advance every 5 seconds
When the auto-back button is clicked
Then the images should automatically go back every 5 seconds
When the stop button is clicked
Then the auto-advance/go back should stop
- Given the carousel is auto-advancing
When either the forward or back button is clicked
Then the auto-advance should stop
Maximum time in hours
4
How to get help
Share your blockers in your class channel
https://syllabus.codeyourfuture.io/guides/asking-questions
How to submit
- Fork to your Github account.
- Make a branch for this project.
- Make regular small commits in this branch with clear messages.
- When you are ready, open a PR to the CYF repo, following the instructions in the PR template.
There are several projects in this repo. Make a new branch for each project.
- π― Topic Programming Fundamentals
- π― Topic Requirements
- π Size Medium
- π JS2
- π Priority Mandatory
- π Week 4
- π Week 4
- π JS2
- π Size Medium
- π Priority Mandatory
- π― Topic Requirements
- π― Topic Programming Fundamentals
[TECH ED] Build todo-list app π Clone
[TECH ED] Build todo-list app π
Link to the coursework
Look up the todo-list
app in the week-3
directory to get started.
Why are we doing this?
These challenges are designed to develop your problem-solving skills.
Acceptance criteria
Given a todo list web application
When the page loads
Then the populateTodoList() function should create todo list items for each hardcoded todo
When a todo list item is created
Then it should contain: β π todo text
When the checkbox icon is clicked
Then the todo text should have strikethrough
And the checkbox should be ticked β πtodo textGiven a todo list item on the page
When the trash icon is clicked
Then the todo list item should be deletedGiven a button to add new todos
When the button is clicked
Then a new todo should be added to the list with the checkbox and trash iconsGiven a button to mass delete completed todos
When the button is clicked
Then any todos that have been checked off should be deletedGiven the ability to set a deadline when creating a todo
When a deadline is set
Then the deadline should be displayed next to the todo text
Maximum time in hours
4
How to get help
Share your blockers in your class channel
https://syllabus.codeyourfuture.io/guides/asking-questions
How to submit
- Fork to your Github account.
- Make a branch for this project.
- Make regular small commits in this branch with clear messages.
- When you are ready, open a PR to the CYF repo, following the instructions in the PR template.
There are several projects in this repo. Make a new branch for each project.
- π Size Medium
- ποΈ Priority Stretch
- π JS2
- π Week 4
- π Week 4
- π JS2
- π Size Medium
- ποΈ Priority Stretch
[TECH ED] Code review π Clone
[TECH ED] Code review π
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.
Maximum time in hours
1
- π JS2
- π Priority Mandatory
- π Week 4
- π Week 4
- π JS2
- π Priority Mandatory
[TECH ED] Codewars π Clone
[TECH ED] Codewars π
Link to the coursework
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
- Join the #cyf-codewars Slack channel
- Read the CYF Codewars docs
- Read Codewars advice from CYFers
- Read Codewars advice from mentors
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
- π JS2
- π Priority Mandatory
- π Week 4
- π Week 4
- π JS2
- π Priority Mandatory
- π― Topic Time Management
- π― Topic Requirements
- π― Topic Programming Fundamentals
- π― Topic Problem-Solving
- π― Topic Code Review
[TECH ED] Codewars API project π Clone
[TECH ED] Codewars API project π
Link to the coursework
https://github.com/CodeYourFuture/Codewars-API-Project
Why are we doing this?
This project is a preview of some of the things we’ll work on in JS3. If you’ve got capacity now, explore it. This project introduces:
- Fetch
- Web Components
- JavaScript modules
- The Codewars API
If you don’t feel you have capacity now, come back to this project after JS3
Maximum time in hours
n/a
How to get help
Read forward to JS3 for some longer explanations of these concepts
How to submit
Open a PR to the project repo - you know the drill π
- π― Topic Structuring Data
- π― Topic Programming Fundamentals
- ποΈ Priority Stretch
- π JS2
- π Week 4
- π Week 4
- π JS2
- ποΈ Priority Stretch
- π― Topic Structuring Data
- π― Topic Programming Fundamentals
[TECH ED] Complete extra challenges π Clone
[TECH ED] Complete extra challenges π
From Module-JS2 created by Dedekind561: CodeYourFuture/Module-JS2#14
Link to the coursework
Complete the following activities, located in this repo:
Why are we doing this?
These challenges are designed to develop your problem-solving skills.
Maximum time in hours
4
How to get help
Share your blockers in your class channel
https://syllabus.codeyourfuture.io/guides/asking-questions
How to submit
Fork the repo to your own GitHub account
Make regular small commits with clear messages
When you are ready, open a Pull Request to the CYF repo
Make sure you fill in the PR template provided
- π Size Medium
- ποΈ Priority Stretch
- π JS2
- π Week 4
- π Week 4
- π JS2
- π Size Medium
- ποΈ Priority Stretch
[TECH ED] Complete JavaScript challenges π Clone
[TECH ED] Complete JavaScript challenges π
Link to the coursework
Complete the following activities, located in this repo:
Why are we doing this?
These challenges are designed to develop your problem-solving skills.
Maximum time in hours
3
How to get help
Share your blockers in your class channel
https://syllabus.codeyourfuture.io/guides/asking-questions
How to submit
- Fork to your Github account.
- Make a branch for this project.
- Make regular small commits in this branch with clear messages.
- When you are ready, open a PR to the CYF repo, following the instructions in the PR template.
There are several projects in this repo. Make a new branch for each project.
- π Size Medium
- π Priority Mandatory
- π Week 4
- π Week 4
- π Size Medium
- π Priority Mandatory
[TECH ED] Do the Chrome Debugger Mini Workshop π Clone
[TECH ED] Do the Chrome Debugger Mini Workshop π
Link to the coursework
https://developer.chrome.com/docs/devtools/javascript/
Why are we doing this?
For months now we have been building a toolkit to help us write great software. In our toolkit we have:
Specifications, like user stories, acceptance criteria, and Given/When/Then
Help us understand what to write and check we’ve written the right thing.
Tests, like unit tests and assertions
Help us break down our problems and check our solutions work even when we change things.
Asking questions
Help us formally reason through our problems and identify gaps in our mental models.
Playing computer
Helps us reason about code with a mental model.
Audits, like Lighthouse
Help us identify performance and quality improvements we can make to our code.
And now we can add debuggers to our toolkit.
Debuggers are tools that help us find and fix problems, or “bugs”, in our JavaScript code. They let us step through our code line-by-line while it runs to see what is happening. This helps us find the place where our mental model of the code is different from our implementation. Your browser has a debugger and so does VSCode.
Key reasons we use debuggers:
- See what’s happening inside functions
- Check if variables have expected values
- Pause execution and step through slowly
- Find exactly where mistakes happen
JavaScript debuggers give control over execution flow to methodically test and fix bugs. Complete this tutorial (it’s a 7 minute video plus tasks) to explore the Chrome Debugger.
Maximum time in hours
.5
How to get help
AI can help you here. Code along with AI so it has the context and ask it when you get stuck. Use this starting prompt:
Act as a friendly, supportive, knowledgeable programming mentor. I am learning the debugger in Chrome Devtools. I’m doing this tutorial https://developer.chrome.com/docs/devtools/javascript/
Talk me through the tutorial step by step. Wait for me to confirm I’ve completed the step before going on to the next step. When I get stuck, answer my questions in CEFR B2 English meant for an adult professional speaking in a second language. Do not rephrase the tutorial text, just explain it when I ask you. Say okee dokee if you understand, and begin with step 1.
- π― Topic Code Review
- π― Topic Testing
- π― Topic Requirements
- π¦ Size Tiny
- π JS2
- π Priority Mandatory
- π Week 4
- π¦ Size Tiny
- π Week 4
- π JS2
- π Priority Mandatory
- π― Topic Testing
- π― Topic Requirements
- π― Topic Code Review
[TECH ED] Prepare for the live session π Clone
[TECH ED] Prepare for the live session π
Link to the coursework
Use the prep view from the CYF curriculum to prepare for this week.
Why are we doing this?
Hello folks,
In order to prepare for the upcoming Saturday session, you will need to watch the following YouTube playlist. The YouTube playlist will also point to some exercises you must complete before Saturday’s session.
We strongly recommend watching each video and practising immediately after watching a short section.
Maximum time in hours
4
How to get help
Share your blockers in your class channel. Remember to Ask Your Questions like a developer.
How to submit
Write down at least one specific technical question to bring to the group.
How to review
Come to class with your questions
- :brain: Prep work
- π― Topic Programming Fundamentals
- π Size Medium
- π JS2
- π Priority Mandatory
- π Week 4
- π Week 4
- π JS2
- π Size Medium
- π Priority Mandatory
- π― Topic Programming Fundamentals
- :brain: Prep work
π§πΎββοΈ Check module success criteria π Clone
π§πΎββοΈ Check module success criteria π
Link to the coursework
https://curriculum.codeyourfuture.io/js2/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 Testing
- π― Topic Teamwork
- π― Topic Requirements
- π― Topic Time Management
- π¦ Size Tiny
- π JS2
- π Priority Mandatory
- π Week 1
- π Week 4
- π¦ Size Tiny
- π Week 4
- π Week 1
- π JS2
- π Priority Mandatory
- π― Topic Time Management
- π― Topic Testing
- π― Topic Teamwork
- π― Topic Requirements
- π― Topic Delivery
- π― Topic Communication
- π― Topic Code Review