Program BBW – Web Development with EduBlocks - Learn web design and development using HTML, CSS, and EduBlocks

INTERMEDIATE

4.7(98 reviews)

INTERMEDIATE

Program BBW – Web Development with EduBlocks

Name: Program BBW – Web Development with EduBlocks
Rating: 4.7 (98 reviews)

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

4.7(98 reviews)

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

12 lessons

1
HTML Fundamentals

Understanding the basics of HTML structure and elements

2 lessons

Collapse module

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

2 lessons

Expand module

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

2 lessons

Expand module

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

2 lessons

Expand module

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

2 lessons

Expand module

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

2 lessons

Expand module

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-13 years old and above

Course Details

Information about this course

Duration

24 lessons over 6 months

Session Length

1 hour per session

Course Content

6 modules, 24 topics, 24 lessons

Total Hours

24 hours of instruction

Meeting Frequency

Weekly mentor check-ins via Zoom

Class Size

1:8

Age Group

10-13 years old and above

Program BBW – Web Development with EduBlocks

About This Course

Key Learning Outcomes

Course Modules

Course Curriculum

1HTML Fundamentals

1.1Introduction to Web Pages & EduBlocks

1.2HTML Basics

1.3Media Elements

1.4Lists & Organization

2First HTML Projects

2.1My Hobby Project

2.2HTML & CSS Introduction

2.3Divisions & Layout

2.4CSS Selectors

3CSS & Styling

3.1CSS Properties

3.2Box Model

3.3My Biodata Project

3.4Review & Assessment

4Tables & Advanced Styling

4.1HTML Tables

4.2My Timetable Project

4.3Advanced CSS

4.4CSS Animation

5Modern Layout Techniques

5.1Flexbox

5.2CSS Grid

5.3Responsive Design

5.4Multi-page Navigation

6Capstone Project

6.1Zoo Blog Planning

6.2Content Creation

6.3Styling & Layout

6.4Final Presentation

Key Benefits

Web development foundations

Technical HTML/CSS skills

Digital creativity

Course Details

Course Details

Course Curriculum

1HTML Fundamentals

1.1Introduction to Web Pages & EduBlocks

1.2HTML Basics

1.3Media Elements

1.4Lists & Organization

2First HTML Projects

2.1My Hobby Project

2.2HTML & CSS Introduction

2.3Divisions & Layout

2.4CSS Selectors

3CSS & Styling

3.1CSS Properties

3.2Box Model

3.3My Biodata Project

3.4Review & Assessment

4Tables & Advanced Styling

4.1HTML Tables

4.2My Timetable Project

4.3Advanced CSS

4.4CSS Animation

5Modern Layout Techniques

5.1Flexbox

5.2CSS Grid

5.3Responsive Design

5.4Multi-page Navigation

6Capstone Project

6.1Zoo Blog Planning

6.2Content Creation

6.3Styling & Layout

6.4Final Presentation

1
HTML Fundamentals

2
First HTML Projects

3
CSS & Styling

4
Tables & Advanced Styling

5
Modern Layout Techniques

6
Capstone Project

1
HTML Fundamentals

2
First HTML Projects

3
CSS & Styling

4
Tables & Advanced Styling

5
Modern Layout Techniques

6
Capstone Project