codex-lv2-may-2025

Level Navigation: 1

Current Level: 2

Level 2: Basic HTML Structure & Live Server Test

What You’ll Do

Set up the basic HTML structure, link all necessary files, and test with live-server.

Instructions

Add <!DOCTYPE html>, <html>, <head>, <body>
Add an H1 tag with your project name
Link Bootstrap CSS (via CDN)
Include these scripts, in order:
1. helpers-full.js
2. secret-variables.js
3. app.js

Example Script Order in index.html

<!-- Example script order in index.html -->
<script src="helpers-full.js"></script>
<script src="secret-variables.js"></script>
<script src="app.js"></script>

Add a console log to your JavaScript `app.js`

in app.js

console.log("Hello from app.js");

💡 Code Hints

Need help with the HTML structure? Check out these snippets:

HTML IDs and JavaScript access: See SNIPPETS.md for ID naming and element access
Bootstrap classes: See SNIPPETS.md for styling examples

✅ Check

In your terminal, run npx live-server in your project folder
Your browser should automatically open to a local URL (like http://127.0.0.1:8080)
You should see your project title as a large heading (H1)
Open Chrome DevTools (F12) and check the Console tab
- Look for any red error messages about missing files
- Check that you can see a console log that says “Hello from app.js”
If you see errors about missing files, double-check your file names and paths

Level Navigation: 1

Current Level: 2

codex-lv2-may-2025

Level 2: Basic HTML Structure & Live Server Test

What You’ll Do

Instructions

Example Script Order in index.html

Add a console log to your JavaScript app.js

💡 Code Hints

✅ Check

Add a console log to your JavaScript `app.js`