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.
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.
AddiAlomoush | home page | bio check-ins | deliverables | retros opened | assigned | commented | mentioned |
---|
alisanlii | home page | bio check-ins | deliverables | retros opened | assigned | commented | mentioned |
---|
AllanSaku | home page | bio check-ins | deliverables | retros opened | assigned | commented | mentioned |
---|
ArseniiaDamaksina | home page | bio check-ins | deliverables | retros opened | assigned | commented | mentioned |
---|
blksck | home page | bio check-ins | deliverables | retros opened | assigned | commented | mentioned |
---|
faisal-rustamkhel | home page | bio check-ins | deliverables | retros opened | assigned | commented | mentioned |
---|
jialvaradob | home page | bio check-ins | deliverables | retros opened | assigned | commented | mentioned |
---|
Juharzeynu | home page | bio check-ins | deliverables | retros opened | assigned | commented | mentioned |
---|
marina-bashlak | home page | bio check-ins | deliverables | retros opened | assigned | commented | mentioned |
---|
Mervatabuamro | home page | bio check-ins | deliverables | retros opened | assigned | commented | mentioned |
---|
Neha-2012 | home page | bio check-ins | deliverables | retros opened | assigned | commented | mentioned |
---|
alex-maletskyi | home page | bio check-ins | deliverables | retros opened | assigned | commented | mentioned |
---|
RabitaMaharjan | home page | bio check-ins | deliverables | retros opened | assigned | commented | mentioned |
---|
XinGITLou | home page | bio check-ins | deliverables | retros opened | assigned | commented | mentioned |
---|
yunhsiaho | home page | bio check-ins | deliverables | retros opened | assigned | commented | mentioned |
---|
bermarte opened | assigned | commented | mentioned |
---|
mametur opened | assigned | commented | mentioned |
---|
Moamin-AbuEwaida opened | assigned | commented | mentioned |
---|
samirm00 opened | assigned | commented | mentioned |
---|
talmurshidi opened | assigned | commented | mentioned |
---|
fgsumer opened | assigned | commented | mentioned |
---|
Hind299 opened | assigned | commented | mentioned |
---|
samirm00 opened | assigned | commented | mentioned |
---|