Learning intentions
- I can create a GitHub account and repository.
- I can push my portfolio files to GitHub.
- I can enable GitHub Pages and share my live URL.
Success criteria
- My portfolio is live at a public URL.
- I have submitted URL + 1-page evaluation to Google Classroom.
- I can explain what Git and GitHub are in one sentence each.
Do Now · 5 min
Today is submission day. Assessment 2 is due by the end of this 75-minute lesson. Let's get you published.
First: create a GitHub account if you don't have one. Use your school email. Choose a username you don't mind being public (it becomes part of your URL).
I Do · ~10 min Teacher demonstration
Teacher demonstrates the full publish flow:
- Sign in at github.com
- Click + → New repository. Name it
portfolio. Set to Public. - On the new repo page, click "uploading an existing file"
- Drag all your portfolio files in (index.html, style.css, images/)
- Scroll down, commit message: "Initial portfolio upload"
- Click Commit changes
- Go to Settings → Pages
- Source: Deploy from a branch. Branch: main. Folder: / (root). Save.
- Wait ~1 minute. The URL appears:
https://yourusername.github.io/portfolio - Share the URL!
We Do · ~15 min Guided build
Teacher helps each student check their site loads at the public URL. Any 404s or broken images get fixed now.
You Do · ~35 min Independent practice
Assessment 2 submission:
- Publish your portfolio (GitHub Pages or Netlify Drop)
- Test the live URL on your phone (different network!) to confirm it actually works
- Open the 1-page Evaluation Template in Classroom. Complete all 6 sections:
- Statement of intent
- Design decisions
- Accessibility + responsive
- Evidence of iteration
- Evaluation of final product
- AI and tools log
- Attach Lighthouse screenshot
- Submit to Google Classroom: your LIVE URL, GitHub repo URL, evaluation document
This is due by the bell. Teacher will verify each URL loads before accepting submission.
Differentiation
Support
Use Netlify Drop (no account, no git). Teacher helps with publishing step.
Core
Use GitHub Pages with teacher support for first-time GitHub steps.
Extension
Set up a custom subdomain, add a descriptive README.md to the repo with portfolio screenshots, commit a second improvement with a clear message.
Exit Ticket · 5 min
Your URL: _________________________________________________
Save this URL somewhere safe. You will use it in Year 11, university applications, job applications. This is real.
Resources for this lesson
- GitHub Pages setup guide
- Netlify Drop fallback
- Assessment 2 full brief and rubric
📚 Deeper Reading
External references drawn from Shay Howe's "Learn to Code HTML & CSS" and University of Michigan's "Web Design for Everybody" Coursera specialization. All credit to original authors.
- UMich HTML5 · M3 L3: Uploading to GitHub Pages
8-min video matches our approach exactly. - GitHub Pages docs
Official docs if students want to go deeper.