Home: HYF Class21

Class Calendar
Study Board
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
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

	Addi AddiAlomoush \	home page \	bio check-ins \	deliverables \	retros opened \	assigned \	commented \	mentioned

Addi's github stats

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

	Ali alisanlii \	home page \	bio check-ins \	deliverables \	retros opened \	assigned \	commented \	mentioned

Ali's github stats

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

	Allan AllanSaku \	home page \	bio check-ins \	deliverables \	retros opened \	assigned \	commented \	mentioned

Allan's github stats

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

	Arseniia ArseniiaDamaksina \	home page \	bio check-ins \	deliverables \	retros opened \	assigned \	commented \	mentioned

Arseniia's github stats

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

	Belkis blksck \	home page \	bio check-ins \	deliverables \	retros opened \	assigned \	commented \	mentioned

Belkis's github stats

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

	Faisal faisal-rustamkhel \	home page \	bio check-ins \	deliverables \	retros opened \	assigned \	commented \	mentioned

Faisal's github stats

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

	Juan jialvaradob \	home page \	bio check-ins \	deliverables \	retros opened \	assigned \	commented \	mentioned

Juan's github stats

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

	Juhar Juharzeynu \	home page \	bio check-ins \	deliverables \	retros opened \	assigned \	commented \	mentioned

Juhar's github stats

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

	Maryna marina-bashlak \	home page \	bio check-ins \	deliverables \	retros opened \	assigned \	commented \	mentioned

Maryna's github stats

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

	Mervat Mervatabuamro \	home page \	bio check-ins \	deliverables \	retros opened \	assigned \	commented \	mentioned

Mervat's github stats

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

	Neha Neha-2012 \	home page \	bio check-ins \	deliverables \	retros opened \	assigned \	commented \	mentioned

Neha's github stats

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

	Oleksandr alex-maletskyi \	home page \	bio check-ins \	deliverables \	retros opened \	assigned \	commented \	mentioned

Oleksandr's github stats

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

	Rabita RabitaMaharjan \	home page \	bio check-ins \	deliverables \	retros opened \	assigned \	commented \	mentioned

Rabita's github stats

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

	Xin XinGITLou \	home page \	bio check-ins \	deliverables \	retros opened \	assigned \	commented \	mentioned

Xin's github stats

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

	Yun-Hsia yunhsiaho \	home page \	bio check-ins \	deliverables \	retros opened \	assigned \	commented \	mentioned

Yun-Hsia's github stats

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

Coaches

	Bernardo bermarte opened \| assigned \| commented \| mentioned

	Mamé mametur opened \| assigned \| commented \| mentioned

	Moamin Moamin-AbuEwaida opened \| assigned \| commented \| mentioned

	Samir samirm00 opened \| assigned \| commented \| mentioned

	Tamer talmurshidi opened \| assigned \| commented \| mentioned

Admins

	Fatma fgsumer opened \	assigned \	commented \	mentioned

	Hind Hind299 opened \	assigned \	commented \	mentioned

	Samir samirm00 opened \	assigned \	commented \	mentioned

HYF-Class21 / home

readme

Home: HYF Class21

Modules

0. Precourse: 1 week

1. Workflows: 2 weeks

2. Agile Development: 4 weeks

3. UX/UI Design: 2 weeks

4. Welcome to JS: 3 weeks

5. Inside JS: 4 weeks

6. Behavior, Strategy, Implementation: 3 weeks

7. Separation of Concerns: 3 weeks

8. Asynchronous Programming: 3 weeks

9. Headless CMS: 3 weeks

10. Component Based Design: 3 weeks

11. Individual Project: 2 weeks

12. Final Project: 6 weeks

Learners

Addi

Ali

Allan

Arseniia

Belkis

Faisal

Juan

Juhar

Maryna

Mervat

Neha

Oleksandr

Rabita

Xin

Yun-Hsia

Coaches

Bernardo

Mamé

Moamin

Samir

Tamer

Admins

Fatma

Hind

Samir