Your toolkit
- VS Code — install it, then add these extensions: Live Server, Prettier, ESLint (you'll need it from Week 4).
- Chrome DevTools — F12. This week you need two tabs: Elements (inspect and live-edit HTML/CSS) and Network.
- Git + GitHub — every weekly project in this course is submitted as a GitHub repo. No exceptions, starting this week.
Git in five commands
Git tracks versions of your code; GitHub hosts it. For now you need exactly this loop:
git init # once per project
git add . # stage your changes
git commit -m "Add profile page structure"
git remote add origin <your-repo-url> # once
git push -u origin main # publish
Commit small and often — "one meaningful change, one commit". A recruiter reading your commit history should see how you think.
GitHub Pages: deploy for free
Repo → Settings → Pages → deploy from the main branch. Your site is live at https://<username>.github.io/<repo>/ in about a minute. This week's project must be deployed there.
Checkpoint
Before moving on: create a repo called week1-profile, add an empty index.html, commit, push, and enable Pages. If you can see a blank page at your Pages URL, your pipeline works — everything else this course builds on this.