Intake 26b.png){kind=icon}
Week 1
Introduction & HTML 23 - 26 Mar
Done
Class 1
Mon 23 Mar
Introduction S2
Welcome to the course — meet the cohort, set up your machine, see how the web actually works.
- Course structure & what to expect over 12 weeks
- Install & configure VS Code with Live Server & Prettier
- How the browser, HTML, CSS & JavaScript fit together
Welcome 26b.pdf
Class 2
Wed 25 Mar
Basic HTML S2
HTML tags, structure, headings, paragraphs, images, links.
Class 2 Lesson Doc
Tag Reference Sheet.pdf
FrontEndClass2
Thursday 26 Mar — Practical catch-up & MC modules
HUB Modules This Week
- MC S02 Module 1 – Build Dynamic Websites
Week 2
CSS Basics 30 Mar - 2 Apr
Done
Class 3
Mon 30 Mar
Basic CSS (Inline) S2
Inline styles, colours, fonts, the box model basics.
Class 3 Lesson Doc
Class 3 Reference Sheet
Color Model.pdf
Hex Color Model.pdf
Accessible Design.pdf
Class 4
Wed 1 Apr
External Stylesheets & Classes S2
Linking CSS files, class selectors, IDs, specificity basics.
Class 4 Lesson Doc
FrontEndClass4
Thursday 2 Apr — Practical catch-up & MC modules
HUB Modules This Week
- MC S02 Module 2 – Develop Complex Page Layouts
- MC S02 Module 3 – Develop Complex Cascading Style Sheets
Break
Easter Break 6 - 10 Apr
🐣
Week 3
Concepts & CSS Continued 13 - 16 Apr
Done
Class 5
Mon 13 Apr
Originate & Develop Concepts S1
Understanding client briefs, target audience, design concepts.
26b-OriginateDevelop.html
Activity S01 Mod 1
Class 6
Wed 15 Apr
CSS – Tables & Icons S2
HTML tables, icon fonts, Font Awesome, symbol libraries.
Thursday 16 Apr — Practical catch-up & MC modules
HUB Modules This Week
- MC S01 Module 1 – Originate & Develop Concepts
- MC S01 Module 2 – Manage Client Problems
Week 4
CSS Advanced 20 - 23 Apr
Done
Class 7
Mon 20 Apr
Embedding Videos & Maps S2
CSS tables continued, embedding YouTube, Google Maps, iframes.
Class 8
Wed 22 Apr
Flexbox & Grid S2
CSS layout with Flexbox and Grid. The two layout systems that run the modern web.
Thursday 23 Apr — Practical catch-up
Week 5
Bootstrap Begins 27 - 30 Apr
Done
Class 9
Mon 27 Apr
Match ICT Needs & Intro Bootstrap S1S2
First half: Match ICT needs assessment. Second half: what is Bootstrap and why use it.
Intro to Bootstrap.docx
Bootstrap Breakpoints.pdf
Activity S02 Bootstrap
Class 10
Wed 29 Apr
Bootstrap Demo S2
Live demo: building a page with Bootstrap components, grid, navbar.
26b-Topic5-Bootstrap.zip
Thursday 30 Apr — Practical catch-up & Bootstrap practice
Week 6
Skywings Build 4 - 7 May
Done
Class 11
Mon 4 May
Begin Skywings Website S2
Start the first Bootstrap website build using the Skywings starter kit.
Skywings.zip (starter)
Skywings Home Content.pdf
Skywings About Content.pdf
Class 12
Wed 6 May
Skywings Build (continued) S2
Continue building the Skywings website. Navbar, hero, cards, footer.
Thursday 7 May — Continue build
Week 7
Complete Skywings & Client Skills 11 - 14 May
Done
Class 13
Mon 11 May
Skywings Build & Complete S2
Finish and polish the Skywings Bootstrap website.
Class 14
Wed 13 May
Manage Client Problems S1
Dealing with scope creep, client feedback, communication strategies.
Thursday 14 May — Practical catch-up
HUB Modules This Week
- MC S01 Module 3 – Lead & Facilitate a Team
Week 8
Your Website Begins 18 - 21 May
Done
Class 15
Mon 18 May
Build Your Own Website – Step 1 & 2 S2
Pick your site concept, plan your pages, organise your project folder.
Class 16
Wed 20 May
Wireframes & AI Tools S2
From sketch to clickable — planning before you code, and using AI as a coding partner.
- Low-fi wireframes in Excalidraw, then Figma for hi-fi
- AI platform tour: Claude, Gemini — strengths & differences
- Prompt craft: give context, be specific, iterate in small steps
Thursday 21 May — Continue planning & wireframing
HUB Modules This Week
- MC S01 Module 4 – Match ICT Needs w/ Strategic Direction
Week 9
Prototype & Build 25 - 28 May
Done
Class 17
Mon 25 May
Prototype & Begin Website S2
Turn your wireframe into a working prototype — the bridge between planning and shipping.
- Translate the wireframe into a real folder structure & HTML skeleton
- Pick your colour palette, typography & Bootstrap version
- Set up the homepage layout first, then stub the other pages
Activity S02 – Step 1
Class 18
Wed 27 May
Build Website S2
Continue building your original website — first pass at all main pages.
- Wire up the navbar & footer across every page
- Drop real content into each section (no more lorem ipsum)
- Check responsive behaviour on mobile width as you go
Activity S02 – Step 2
Thursday 28 May — Build time
Week 10
Lead & Facilitate · Meet Mark 1 - 4 Jun
Now
Monday 1 Jun is WA Day (public holiday) — no class
Class 19
Wed 3 Jun
Lead & Facilitate a Team · Meet Mark S1
Merge class with the rest of campus — complete the Lead & Facilitate a Team unit and meet Mark, your new trainer from next week.
- Cross-cohort session with the wider campus
- Wrap up the Lead & Facilitate a Team assessment (S1)
- Intro to Mark — handover and what to expect next week onward
Lead & Facilitate a Team – Final
Class 20
Thu 4 Jun
Build Website · Tim’s Last Day S2
Final class with Tim — build time, questions, and farewell. Mark takes over from Week 11.
- Open build session — bring questions on your project
- Last chance to grab feedback from Tim before handover
- Mark joins from Week 11 onward
Activity S02 – Build
Week 11
Build & Review 8 - 11 Jun
Upcoming
Class 21
Mon 8 Jun
Build Website · Welcome Mark S2
Mark’s first class with the cohort — keep building your website toward a complete first pass across every page.
- Quick intros with Mark — current builds, blockers and goals
- Push every page to a working first pass (no dead links, no lorem ipsum)
- Tighten navigation & footer consistency across pages
Activity S02 – Step 4
Class 22
Wed 10 Jun
Review & Test S2
Discovery pass — find every issue you’ll fix next week. Validate, audit and stress-test the build.
- Cross-browser smoke test — Chrome, Firefox, Safari + mobile width
- First validator pass — log every HTML & CSS error you find
- WAVE accessibility scan — capture issues to fix in Class 23
Activity S02 – Step 5
Thursday 11 Jun — Final testing & polish
Week 12
Teamwork & Submission 15 - 18 Jun
Final Week
Class 23
Mon 15 Jun
Final Polish & Submission Prep S2
Last build day before submission — validate, audit accessibility, and make sure your site is ready to ship on Wednesday.
- Run W3C HTML & CSS validators, fix any errors
- Accessibility audit with WAVE + a manual keyboard test
- Final content sweep — copy, images, links, meta tags
Pre-Submission Check
Class 24
Wed 17 Jun
Submission & Show & Tell S2
Submit your final website and walk the cohort through what you built — the last formal class of the course.
- Upload to the HUB and confirm receipt
- Show & tell — a short walk-through of your site to the cohort
- Peer review + final trainer feedback round with Mark
Final Submission
Thursday 18 Jun — Subjects 1 & 2 Complete! 🎉