HTML/CSS/JS Template for CS1

This repository provides a simple web development template with HTML/CSS/JS starter code. You can create your own copy by clicking Use This Template whenever you need to start a new HTML/CSS/JS program. For unit notes, project instructions, and helpful resources, refer to our course website: 📖 WebDocs

⚠️ DO NOT modify the following files: .devcontainer, .vscode, codeswing.json.

💻 Codespaces Instructions

1. Click the green <> Code button in the top right area above the list of files
2. Select the Codespaces tab and click Open new Codespace on main
3. Wait for the Codespace to setup (it will take some time because VSCode extensions are being installed)
4. After the extensions load, you will see a live preview of the webpages and three panes for the following files: index.html, style.css, and script.js. Now you're ready to code!
5. Always make sure to commit changes before closing a Codespace!

Troubleshooting

If you’re not seeing any changes in the live preview, you may need to rebuild your container OR close your current Codespace and create a new Codespace to reload your environment. To rebuild your environment, access your Command Palette and choose Codespaces: Rebuild Container.