Full-Stack Web Builder
Create Powerful Websites & Backends
Course Overview
Students move from visual builders into real HTML, CSS, and JavaScript. They structure pages with HTML, style them with CSS, add interactivity with JavaScript, and connect to Firebase for a working backend. This course bridges visual creativity with real technical skills.
What you'll learn
- Understand the roles of HTML, CSS, and JavaScript working together
- Write HTML to structure a page: headings, paragraphs, lists, images, links
- Apply CSS to style a page with colours, fonts, spacing, and backgrounds
- Use CSS layout techniques: columns, grids, and sections
- Write JavaScript to respond to button clicks, form inputs, and hover effects
- Use variables, conditions, and functions in JavaScript for logic
- Understand the difference between front-end and back-end
- Connect a web page to Firebase to store and display user data
- Test, fix, and improve a website by identifying layout and logic errors
- Present a fully working interactive website and explain how the code works
Final Outcome
A fully interactive multi-page website with styled pages, JavaScript features, and a working Firebase backend — built, tested, and proudly presented.
The Final Project
A fully interactive multi-page website with a contact form or scoreboard connected to Firebase — live in the browser.
Tools & Platforms
Learning Approach
Carefully staged: Scratch → CTU Web Builder → HTML & CSS & JavaScript → Firebase Backend. Logic concepts introduced through Blockly first, then applied in real code with immediate visual results.
