Skip to content
Program BBW – Web Development with EduBlocks - Learn web design and development using HTML, CSS, and EduBlocks
INTERMEDIATE
4.7(98 reviews)

Program BBW – Web Development with EduBlocks

Learn web design and development using HTML, CSS, and EduBlocks

Duration:24 lessons
Class Size:Max 8 students
Learning Mode:hybrid
6 modules•24 topics•24 lessons•24 total hours

About This Course

Learn the fundamentals of web design and development, understand how to structure web pages, and gain hands-on experience through creative projects.

Key Learning Outcomes

  • Web Design

    Create visually appealing and functional web pages

  • Web Development

    Develop complete web applications

Course Modules

Course Curriculum

A comprehensive learning path structured in modules

6 modules
24 total topics
24 lessons

1
HTML Fundamentals

Understanding the basics of HTML structure and elements

4 lessonsCollapse module 1

1.1Introduction to Web Pages & EduBlocks

Learning about web history and setting up the EduBlocks environment

1.2HTML Basics

Working with elements, tags, attributes, headings, and paragraphs

1.3Media Elements

Adding images, videos, and links to web pages

1.4Lists & Organization

Creating ordered and unordered lists for content structure

2
First HTML Projects

Applying HTML concepts to create simple web pages

4 lessonsExpand module 2

2.1My Hobby Project

Building a personal web page about a favorite hobby

2.2HTML & CSS Introduction

Learning how to style web pages with basic CSS

2.3Divisions & Layout

Using div elements to structure page content

2.4CSS Selectors

Working with element, id, class, and group selectors

3
CSS & Styling

Learning to style web pages with CSS properties and layouts

4 lessonsExpand module 3

3.1CSS Properties

Applying color, background, font, and size properties

3.2Box Model

Understanding content, padding, border, and margin

3.3My Biodata Project

Creating a personal profile page with styled elements

3.4Review & Assessment

Reinforcing knowledge through revision and quizzes

4
Tables & Advanced Styling

Working with HTML tables and advanced CSS techniques

4 lessonsExpand module 4

4.1HTML Tables

Creating and styling data tables with rows and columns

4.2My Timetable Project

Building a personal schedule using HTML tables

4.3Advanced CSS

Learning advanced styling techniques for professional designs

4.4CSS Animation

Adding movement and transitions to web elements

5
Modern Layout Techniques

Exploring responsive design with Flexbox and Grid

4 lessonsExpand module 5

5.1Flexbox

Creating flexible layouts with CSS Flexbox

5.2CSS Grid

Building complex grid-based page structures

5.3Responsive Design

Making web pages adapt to different screen sizes

5.4Multi-page Navigation

Linking multiple pages together with navigation menus

6
Capstone Project

Creating a comprehensive web project applying all skills

4 lessonsExpand module 6

6.1Zoo Blog Planning

Planning and structuring a multi-page zoo blog website

6.2Content Creation

Developing text and media content for the blog

6.3Styling & Layout

Applying advanced CSS techniques to create a professional design

6.4Final Presentation

Showcasing and presenting the completed Zoo Blog project

Key Benefits

Web development foundations

Students will learn the fundamentals of web design and development

Technical HTML/CSS skills

Students will gain proficiency in HTML and CSS

Digital creativity

Students will develop creative projects through hands-on web design and development

Course Details

Information about this course

Duration

24 lessons

Session Length

1 hour

Learning Mode

HYBRID

Age Group

10+