| Level Navigation: Current Level: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 |
Goal: Plan your capstone project and set up the development environment.
Before you start coding, you must work through the planning document:
👉 Week 8 Capstone Planning Guide
Complete all sections of the planning document before proceeding with Level 1. This will help you understand the project requirements, technical specifications, and success criteria.
Create a new project folder and set up all the necessary files to get started.
capstone-projectindex.htmlapp.jsstyles.csshelpers-full.js (download from class repository)README.md (copy from EXAMPLE_README.md template)Download helpers-full.js from the class repo:
https://github.com/rmccrear/codex-lv2-may-2025/tree/main/guides/week5-event-driven-apps/other-dev-files
Place it in your project folder before linking it in index.html.
Open your project folder in VS Code and verify you can see all 4 files:
index.htmlapp.js (we will use this instead of script.js)styles.csshelpers-full.js (we will use this instead of helpers.js since it has a few more functions to use.)README.mdIf any files are missing, create them before moving to Level 2.
Note: What about
.gitignoreandsecret-variables.js? These will be covered in a later level. (Before we add secrets.)
| Level Navigation: Current Level: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 |