home

Home: HYF Class19

Class Calendar
Modules
Discord
Issues
Pull Requests
People
- Learners - Randomizer
- Coaches
- Admins
Cheat Sheets
Guides

Modules

Learn to plan and build web applications as a team.

0. Precourse: 1 week

Set up your accounts and prepare your development environment.

1. Workflows: 2 weeks

Learn the workflows you need to develop individually and in a group.

Week 1: Chapters 0, 1, 2
- Lesson Plan: VSCode and Git
- Deliverable: Student Bio PR
Week 2: Chapter 3
- Lesson Plan: GitHub Project Management
- Deliverable: Group Intro Repo

2. Agile Development: 4 weeks

Practice collaboratively planning and developing HTML/CSS websites.

Week 1: Chapters 0, 1 - Following Plans
- Lesson Plan: Planning and Collaborating
- Deliverable: All About Trees
Week 2: Chapter 2 - Writing Plans
- Lesson Plan: User-Centered Development
- Deliverable: Loruki Rebuild
Break Week!
Week 3: Chapter 3 - Adapting Plans
- Lesson Plan: Being Agile
- Deliverable: Begin HYF Redesign
Week 4: Chapter 3 - Adapting Plans
- Lesson Plan: Group Project Session
- Deliverable: Finish HYF Redesign

3. UX/UI Design: 2 weeks

Explore design thinking process and placing your users at the center of your development process.

Week 1: Chapter 1
- Lesson Plan: Design Thinking
- Deliverable: Practical Case
Week 2: Chapters 2, 3
- Lesson Plan: Gestalt Principles & Figma
- Deliverable: Co-Design your Home Page

4. Welcome to JS: 3 weeks

Learn to read small programs, and to write code that other people can understand.

Week 1: Chapters 0, 1, 2
- Lesson Plan: Computers and Developers
- Study Priorities: What is Programming? and Just Enough JS
Week 2: Chapters 2, 3
- Lesson Plan: DevTools Debugger
- Study Priorities: Just Enough JS and Understanding Programs
Week 3: Chapter 4
- Lesson Plan: Writing and Reviewing
- Study Priorities: Developing Programs

5. Inside JS: 4 weeks

Take a deep dive into JavaScript and explore some it’s trickiest features. Build your foundations now so later you can focus on the fun stuff.

6. Behavior, Strategy, Implementation: 3 weeks

Explore problem solving in JavaScript, learn how to write and review solutions to JS coding challenges.

Week 1: Chapter 1
- Lesson Plan: Solution Write-Ups
- Study Priorities: Try to write up at least 3 solutions during the week.
Week 2: Chapters 2
- Lesson Plan: Function Design
- Study Priorities: Try to solve 2-4 exercises from each section of the chapter
Week 3: Chapter 3
- Lesson Plan: Code Review
- Deliverable: Practice Code Review

7. Separation of Concerns: 3 weeks

Learn how to break down interactive web pages into clear tasks that can be shared divided across team.

8. Asynchronous Programming: 3 weeks

Learn how the JavaScript event loop works and how you can use API data in your websites.

9. Headless CMS: 3 weeks

Learn what a Content Management System is and explore how you use one to model the data for your own web applications.

10. Component Based Design: 3 weeks

Practice developing Single Page Apps built from reusable UI components, and explore your first Frontend Framework.

11. Individual Project: 2 weeks

Prepare for the final project by individually designing, planning, building and deploying your own fullstack web app.

12. Final Project: 6 weeks

Put it all together! Work in teams to identify your target users and a real-world problem they face, then deliver a web app to meet their needs.

Learners

Anass's github stats

![anasabbar github activity](https://ghchart.rshah.org/anasabbar) ![anasabbar github stats](https://github-readme-stats.vercel.app/api?username=anasabbar&show_icons=true&theme=default&hide_title=true&hide_rank=true)

| AnitaSharma2022 avatar | <h3 id="AnitaSharma2022">Anita</h3>
AnitaSharma2022 | home page | bio
check-ins | deliverables | retros
opened | assigned | commented | mentioned | | —————————————————————————————————————— | ———————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————– |

Anita's github stats

![AnitaSharma2022 github activity](https://ghchart.rshah.org/AnitaSharma2022) ![AnitaSharma2022 github stats](https://github-readme-stats.vercel.app/api?username=AnitaSharma2022&show_icons=true&theme=default&hide_title=true&hide_rank=true)

Azima's github stats

![AzimaKai github activity](https://ghchart.rshah.org/AzimaKai) ![AzimaKai github stats](https://github-readme-stats.vercel.app/api?username=AzimaKai&show_icons=true&theme=default&hide_title=true&hide_rank=true)

| Lemma-Barnabas avatar | <h3 id="Lemma-Barnabas">Barnabas</h3>
Lemma-Barnabas | home page | bio
check-ins | deliverables | retros
opened | assigned | commented | mentioned | | —————————————————————————————————————- | ————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————– |

Barnabas's github stats

![Lemma-Barnabas github activity](https://ghchart.rshah.org/Lemma-Barnabas) ![Lemma-Barnabas github stats](https://github-readme-stats.vercel.app/api?username=Lemma-Barnabas&show_icons=true&theme=default&hide_title=true&hide_rank=true)

Bibha's github stats

![bibhasingh github activity](https://ghchart.rshah.org/bibhasingh) ![bibhasingh github stats](https://github-readme-stats.vercel.app/api?username=bibhasingh&show_icons=true&theme=default&hide_title=true&hide_rank=true)

| BrianMunene96 avatar | <h3 id="BrianMunene96">Brian</h3>
BrianMunene96 | home page | bio
check-ins | deliverables | retros
opened | assigned | commented | mentioned | | ————————————————————————————————————– | ———————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————– |

Brian's github stats

![BrianMunene96 github activity](https://ghchart.rshah.org/BrianMunene96) ![BrianMunene96 github stats](https://github-readme-stats.vercel.app/api?username=BrianMunene96&show_icons=true&theme=default&hide_title=true&hide_rank=true)

Elnura's github stats

![Elya88 github activity](https://ghchart.rshah.org/Elya88) ![Elya88 github stats](https://github-readme-stats.vercel.app/api?username=Elya88&show_icons=true&theme=default&hide_title=true&hide_rank=true)

| filmon-goitom avatar | <h3 id="filmon-goitom">Filmon</h3>
filmon-goitom | home page | bio
check-ins | deliverables | retros
opened | assigned | commented | mentioned | | ————————————————————————————————————– | ———————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————— |

Filmon's github stats

![filmon-goitom github activity](https://ghchart.rshah.org/filmon-goitom) ![filmon-goitom github stats](https://github-readme-stats.vercel.app/api?username=filmon-goitom&show_icons=true&theme=default&hide_title=true&hide_rank=true)

Galal's github stats

![galalkoro98 github activity](https://ghchart.rshah.org/galalkoro98) ![galalkoro98 github stats](https://github-readme-stats.vercel.app/api?username=galalkoro98&show_icons=true&theme=default&hide_title=true&hide_rank=true)

| QasemMousavi avatar | <h3 id="QasemMousavi">Ghasem</h3>
QasemMousavi | home page | bio
check-ins | deliverables | retros
opened | assigned | commented | mentioned | | ———————————————————————————————————— | ———————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————— |

Ghasem's github stats

![QasemMousavi github activity](https://ghchart.rshah.org/QasemMousavi) ![QasemMousavi github stats](https://github-readme-stats.vercel.app/api?username=QasemMousavi&show_icons=true&theme=default&hide_title=true&hide_rank=true)

| HaykoDevelop avatar | <h3 id="HaykoDevelop">Hayko</h3>
HaykoDevelop | home page | bio
check-ins | deliverables | retros
opened | assigned | commented | mentioned | | ———————————————————————————————————— | ———————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————– |

Hayko's github stats

![HaykoDevelop github activity](https://ghchart.rshah.org/HaykoDevelop) ![HaykoDevelop github stats](https://github-readme-stats.vercel.app/api?username=HaykoDevelop&show_icons=true&theme=default&hide_title=true&hide_rank=true)

Helen's github stats

![Helen-HYF github activity](https://ghchart.rshah.org/Helen-HYF) ![Helen-HYF github stats](https://github-readme-stats.vercel.app/api?username=Helen-HYF&show_icons=true&theme=default&hide_title=true&hide_rank=true)

Inna's github stats

![inna9Z github activity](https://ghchart.rshah.org/inna9Z) ![inna9Z github stats](https://github-readme-stats.vercel.app/api?username=inna9Z&show_icons=true&theme=default&hide_title=true&hide_rank=true)

John Edelbi's github stats

![johnedelbi github activity](https://ghchart.rshah.org/johnedelbi) ![johnedelbi github stats](https://github-readme-stats.vercel.app/api?username=johnedelbi&show_icons=true&theme=default&hide_title=true&hide_rank=true)

| JohnOlutubo avatar | <h3 id="JohnOlutubo">John Olutubo</h3>
JohnOlutubo | home page | bio
check-ins | deliverables | retros
opened | assigned | commented | mentioned | | ———————————————————————————————————- | —————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————— |

John Olutubo's github stats

![JohnOlutubo github activity](https://ghchart.rshah.org/JohnOlutubo) ![JohnOlutubo github stats](https://github-readme-stats.vercel.app/api?username=JohnOlutubo&show_icons=true&theme=default&hide_title=true&hide_rank=true)

| MichaelMugaiga avatar | <h3 id="MichaelMugaiga">Michael</h3>
MichaelMugaiga | home page | bio
check-ins | deliverables | retros
opened | assigned | commented | mentioned | | —————————————————————————————————————- | ————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————- |

Michael's github stats

![MichaelMugaiga github activity](https://ghchart.rshah.org/MichaelMugaiga) ![MichaelMugaiga github stats](https://github-readme-stats.vercel.app/api?username=MichaelMugaiga&show_icons=true&theme=default&hide_title=true&hide_rank=true)

Nashmia's github stats

![nashmiab github activity](https://ghchart.rshah.org/nashmiab) ![nashmiab github stats](https://github-readme-stats.vercel.app/api?username=nashmiab&show_icons=true&theme=default&hide_title=true&hide_rank=true)

| renjani2022 avatar | <h3 id="renjani2022">Renjani</h3>
renjani2022 | home page | bio
check-ins | deliverables | retros
opened | assigned | commented | mentioned | | ———————————————————————————————————- | ————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————- |

Renjani's github stats

![renjani2022 github activity](https://ghchart.rshah.org/renjani2022) ![renjani2022 github stats](https://github-readme-stats.vercel.app/api?username=renjani2022&show_icons=true&theme=default&hide_title=true&hide_rank=true)

| thomas-ayissi avatar | <h3 id="thomas-ayissi">Thomas</h3>
thomas-ayissi | home page | bio
check-ins | deliverables | retros
opened | assigned | commented | mentioned | | ————————————————————————————————————– | ———————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————— |

Thomas's github stats

![thomas-ayissi github activity](https://ghchart.rshah.org/thomas-ayissi) ![thomas-ayissi github stats](https://github-readme-stats.vercel.app/api?username=thomas-ayissi&show_icons=true&theme=default&hide_title=true&hide_rank=true)

| V-Valkiriya avatar | <h3 id="V-Valkiriya">Valeriya</h3>
V-Valkiriya | home page | bio
check-ins | deliverables | retros
opened | assigned | commented | mentioned | | ———————————————————————————————————- | ————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————– |

Valeriya's github stats

![V-Valkiriya github activity](https://ghchart.rshah.org/V-Valkiriya) ![V-Valkiriya github stats](https://github-readme-stats.vercel.app/api?username=V-Valkiriya&show_icons=true&theme=default&hide_title=true&hide_rank=true)

Verusca's github stats

![Verousca github activity](https://ghchart.rshah.org/Verousca) ![Verousca github stats](https://github-readme-stats.vercel.app/api?username=Verousca&show_icons=true&theme=default&hide_title=true&hide_rank=true)

Zeynep's github stats

![Melati5 github activity](https://ghchart.rshah.org/Melati5) ![Melati5 github stats](https://github-readme-stats.vercel.app/api?username=Melati5&show_icons=true&theme=default&hide_title=true&hide_rank=true)

Admins

| colevandersWands avatar | <h3 id="colevandersWands">Evan</h3>
colevandersWands
opened | assigned | commented | mentioned | | ——————————————————————————————————————– | ————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————– |

This site is open source. Improve this page.