BBW Block-Based Web Development with EduBlocks

Learn web development using visual blocks with EduBlocks. Master HTML, CSS, responsive design, and create beautiful websites through hands-on projects.

Learning Outcomes

By completing this course, students will be able to:

Create web applications using visual programming - Build complete websites using EduBlocks' intuitive drag-and-drop interface
Understand HTML/CSS/JavaScript through blocks - Learn web technologies through visual representations that make complex concepts accessible
Build interactive websites without writing code - Develop responsive, professional websites using block-based tools while understanding underlying web principles

Prerequisites

Basic computer skills
No coding experience needed
Creativity and curiosity about web development

Recommended For

Age Group: 10-14 years Prior Experience: None

Lesson Structure

📋 Session Logistics

🔗 Quick Links

📝 Exit Tickets - Complete after each concept
📤 Submit Work - All project & activity submissions
📊 Quizzes: Quiz 1 · Quiz 2

Session	Topic	Concept	Activity / Project
1	Introduction to Webpages and EduBlocks + Introduction to HTML	Concept 01: Introduction to Webpages & EduBlocks Concept 02: Introduction to HTML	Activity 01: Introduction to Webpages & EduBlocks Activity 02: Introduction to HTML
2	HTML Media	Concept 03: HTML Media	Activity 03: HTML Media
3	HTML Lists	Concept 04: HTML Lists	Activity 04: HTML Lists
4	Project One: My Hobby	-	Project One: My Hobby
5	Introduction to CSS	Concept 05: Introduction to CSS	Activity 05: Introduction to CSS
6	HTML Division	Concept 06: HTML Division	Activity 06: HTML Division
7	CSS Selector	Concept 07: CSS Selector	Activity 07: CSS Selector
8	CSS Properties	Concept 08: CSS Properties	Activity 08: CSS Properties
9	CSS Box Model	Concept 09: CSS Box Model	Activity 09: CSS Box Model
10	Project 2: My Biodata	-	Project 2: My Biodata
11	Revision + Quiz 1	Quiz 1 Revision	Quiz 1
12	HTML Table	Concept 10: HTML Table	Activity 10: HTML Table
13	Project 3: My Timetable	-	Project 3: My Timetable
14	HTML Form	Concept 11: HTML Form	Activity 11: HTML Form
15	Project 4: Registration Form	-	Project 4: Registration Form
16	CSS Animation	Concept 12: CSS Animation	Activity 12: CSS Animation
17	CSS Flexbox	Concept 13: CSS Flexbox	Activity 13: CSS Flexbox
18	CSS Grid	Concept 14: CSS Grid	Activity 14: CSS Grid
19	HTML Navigation Bar and Footer	Concept 15: HTML Navigation Bar & Footer	Activity 15: HTML Navigation Bar & Footer
20	Revision + Quiz 2	Quiz 2 Revision	Quiz 2
21	Final Project: Zoo Blog (Part 1)	-	Final Project: Zoo Blog
22	Final Project: Zoo Blog (Part 2)	-	Final Project: Zoo Blog
23	Final Project: Zoo Blog (Part 3 - Presentation)	-	Final Project: Zoo Blog
24	Graduation	Download Graduation Background	Complete Feedback Form