Week 12

Chapter 1

Chapter 2

Chapter 3

Practice

Assignment

Back to Track

Week 12 Overview

<aside> 📌

Note for mentors

Throughout this curriculum, students build a single portfolio page that grows week by week. Each assignment adds a new layer on top of what came before, so students finish the course with a complete, deployable portfolio they built themselves from scratch.

The current progression:

• Week 1 — HTML structure + JavaScript interactivity (dark mode toggle, basic DOM)
• Week 2 — CSS styling, layout (Flexbox/Grid), responsive design, accessibility
• Week 4/5 — Rebuild in React (components, props, state)
• Week 6 — Migrate to Next.js, add Tailwind, deploy to Vercel

When writing assignments for other weeks, check whether the week's topic can naturally extend the portfolio. Not every week can be applied to the portfolio or to a standalone component. But the default question should be: can this be the next layer on the portfolio?

Avoid assignments that ask students to start a new project from scratch unless the week's topic genuinely can't be demonstrated on a portfolio page. Starting over repeatedly breaks the longitudinal narrative and means students finish the course with several half-finished projects instead of one polished one.

</aside>

Learning Goals

• [Learning goal 1 - specific, measurable outcome]
• [Learning goal 2 - specific, measurable outcome]
• [Learning goal 3 - specific, measurable outcome]
• [Learning goal 4 - specific, measurable outcome]
• [Learning goal 5 - specific, measurable outcome]

The HackYourFuture curriculum is licensed under CC BY-NC-SA 4.0

*https://hackyourfuture.net/*

Found a mistake or have a suggestion? Let us know in the feedback form.