/

BeginnerGeneralLive Data

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...

Lessons

15

Activities

15

Projects

5

Duration

24 sessions • 6 months

About This Course

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

Prerequisites

Basic computer skills

This course consists of 24 structured sessions over 6 months. Each session includes lessons, activities, projects, and assessments to ensure comprehensive learning.

1

Introduction to Webpages and EduBlocks + Introduction to HTML

Learn web basics, EduBlocks environment, and HTML structure

Lesson MaterialsActivitySubmission

Course Information

Course CodeBBW

Age Group10+ years old

Class SizeMax 8 students

Teacher Ratio1:8

Learning ModeHYBRID

Last Updated8/26/2025

Data SourceGitHub

Key Benefits

HTML
Master HTML through practical application

No coding experience needed

Creativity and curiosity about web development

Skills You'll Learn

HTMLCSS

2

HTML Media

Embed images, videos, and audio in webpages

Lesson MaterialsActivitySubmission

3

HTML Lists

Create ordered and unordered lists for content organization

Lesson MaterialsActivitySubmission

4

Project One: My Hobby

Build personal hobby webpage with HTML fundamentals

Exit Ticket

5

Introduction to CSS

Learn CSS syntax, selectors, and basic styling

Lesson MaterialsActivitySubmission

6

HTML Division

Organize content with div elements and semantic HTML

Lesson MaterialsActivitySubmission

7

CSS Selector

Master CSS selectors, specificity, and class/ID targeting

Lesson MaterialsActivitySubmission

8

CSS Properties

Apply typography, colors, sizing, and background effects

Lesson MaterialsActivitySubmission

9

CSS Box Model

Master padding, borders, margins, and layout calculations

Lesson MaterialsActivitySubmission

10

Project 2: My Biodata

Create styled personal biodata with advanced CSS

Exit Ticket

11

Revision + Quiz 1

Review HTML/CSS fundamentals and complete assessment

Lesson MaterialsActivity

12

HTML Table

Create structured data tables with proper formatting

Lesson MaterialsActivitySubmission

13

Project 3: My Timetable

Build styled class timetable with HTML tables

Exit Ticket

14

HTML Form

Create interactive forms with input fields and validation

Lesson MaterialsActivitySubmission

15

Project 4: Registration Form

Build complete user registration form with styling

Exit Ticket

16

CSS Animation

Create smooth animations and interactive hover effects

Lesson MaterialsActivitySubmission

17

CSS Flexbox

Master flexible layouts with Flexbox system

Lesson MaterialsActivitySubmission

18

CSS Grid

Create complex layouts with CSS Grid system

Lesson MaterialsActivitySubmission

19

HTML Navigation Bar and Footer

Build responsive navigation and footer components

Lesson MaterialsActivitySubmission

20

Revision + Quiz 2

Review advanced concepts and complete assessment

Lesson MaterialsActivity

21

Final Project: Zoo Blog (Part 1)

Plan and structure comprehensive zoo blog website

Exit Ticket

22

Final Project: Zoo Blog (Part 2)

Implement responsive design with advanced CSS layouts

Exit Ticket

23

Final Project: Zoo Blog (Part 3 - Presentation)

Complete project and prepare presentation

Exit Ticket

24

Graduation

Project evaluation and course completion

Lesson MaterialsActivitySubmission

CSS

Master CSS through practical application

Learning Outcomes

Practical Skills
Build real-world applications and projects
Problem Solving
Develop computational thinking and problem-solving abilities

Ready to Start?

Join this course and start your learning journey today.

Limited seats available