We use cookies (and other similar technologies) to improve your experience on our site. By using this website you agree to our Cookie Policy.You can change your preferences at any time.


Making Websites

Combining creativity and coding, your child will learn how to make websites, using images, graphics, and design elements

Sign up for a free trial class
bg course
What the course is about
The course will teach kids skills in web design and web development. They'll be able to make websites of intermediate complexity: from idea and structure to realization and publishing the site online.
bg window

What kids will learn

In this course, kids will learn to

Make layouts using specialized tools
Make HTML documents
Work with CSS styles
Use the basic elements of JavaScript
Discipline, teamwork, presentation
At the end of the course, kids present the websites that they've made completely by themselves. In doing so, they can demonstrate their new skills.
bg vector

Lesson Plan

1 Module

Introduction to HTML

Introduction to HTML. Learning the structure of webpages

1. Introduction to HTML. Learning the structure of webpages.

2. Working with text using HTML.

3. Working with sectional elements of HTML5.

4. Learning the basic syntax of CSS, tags selections, and basic rules for working with texts.

The results: kids understand the role of CSS in web development, the different roles for HTML and CSS, know how to use text and background colors; understand RGB, know the types of fonts, and how to set up outside fonts from Google Fonts.

2 Module

Basics of CSS

Class selectors and identifications. Learning to apply CSS rules to particular elements

1. Class selectors and identifications. Learning to apply CSS rules to particular elements.

2. Learning the block model of elements and analysing the contents.

3. Learning to work with advanced background settings. Making a simple parallax effect.

4. Positioning the elements of the page.

Achievements: kids learn the different types of positioning, understand document flow, and learn to use different types of positioning depending on the task.

3 module

Prototyping and the basics of UX/UI

UX/UI. Introduction to design. Learning UX design and how to work with it

1. UX/UI. Introduction to design. Learning UX design and how to work with it.

2. The basics of prototyping in Figma. Learning to use its basic tools.

3. Introduction to the laws of UI, based on psychology. 

4. Designing a professional layout.

Achievements: kids learn website structure, spacing and layout while making modular and column grids. They will independently work on the prototypes for their main pages.

4 Module


Learning Flexbox and grid positioning based on modular and column grids

1. Learning Flexbox and grid positioning based on modular and column grids.

2. Introduction to float, fixed, sticky and multicolumn development.

3. Using a framework for quick and convenient development. Learning the most popular framework: Bootstrap.

4. Developing their first project.

Achievements: a complete project based on the layout from the third module. Kids present the final result and upload it to Hub.

5 Module

Advanced CSS

Learning CSS selectors

1. Learning CSS selectors.

2. Stylizing blocks in CSS. Learning commands in CSS for block stylization.

3. The basic CSS commands responsible for effects and elements.

4. The rules of organizing your CSS. Practical assignment.

Achievements: kids learn to correctly write CSS-documents, comment on blocks. Kids organise and work on their own projects. 

6 Module

Adaptive layouts and animation in CSS

The principles of adaptive layouts, media requests. Adapting the website for different resolutions.

1. The principles of adaptive layouts, media requests. Adapting the website for different resolutions.

2. Animation in CSS. Creating animated elements. 

3. Preprocessor SASS, what it is and what it’s for. 

4. Forms in HTML. Learning the tag Form and form elements.

Achievements: kids have learned to use CSS for adaptive layouts, made several animated elements and coded CSS using SCSS syntax.

7 Module

Introduction to JavaScript

Introduction to JavaScript. Using jQuery library

1. Introduction to JavaScript. Using jQuery library.

2. Methods and conditions in jQuery.

3. Animated effects and events in jQuery.

4. Arrays and loops in jQuery. Using loops to solve tasks.

Achievements: kids have learned to use loops and write code that can process input.


Advanced JS tools and project presentation

jQuery UI. Visit a library with solutions for web developers

1. jQuery UI. Visit a library with solutions for web developers.

2. Drag and Drop. Making a mini-game.

3. Inserting analytics and other helpful services into the site.

4. Final lesson. Answering questions, group review of kids' projects.

Achievements: happy and capable kids, ready to make their own projects.


Projects by our students

We believe it's most effective to learn by doing. We don't have boring lectures, and in our lessons kids make real games and applications.

13 years old
Flappy bird

Flappy Bird — my first gaming project on PyGame! Press space and jump!

10 years old
Infinite road

This is my infinitely entertaining game! I really wanted to make something distracting and fun, and that's how I came up with the idea for this project.

student photo
10 years old
Car of my dreams
Digital Intro

This is the car of my dreams. I tried really hard to add some of the most important details.

student photo
12 years old
Geometry Dash on PyGame

This is my interpretation of Geometry Dash. I used Python to make it, and the game is so fun. My friends like it too.

Want to see more projects on our educational platform?
Sign up for free lesson


window btn


Chat Bot
Teacher at the state project Campus-2019 and Campus-2020; Creator of an application for making chat-bots and AI for kids
window btn


Computer Science
Organizer and head judge of the international robotics competition Roboskills
window btn


Computer Science
Published in the Advances In Science and Technology XXVIII collection

Requirements for new students

Before starting the first lesson, kids need to have the following skills:

Ability to operate a mouse
Ability to read and write
Have a basic knowledge of English
Have basic computer experience, even just a little
bg window
bg window

How our lessons work

Review the subject of the previous lesson and take a look at the homework.
Delve into the new subject and join groups, under teachers' supervision, to solve the first assignment(s).
Students individually solve more advanced assignments, and at the end, they usually try fun, gamified tasks.
At the end of class, the teacher and the group summarize the lesson, repeat everything they've learned, and prepare for the next topic.
lessons in a course
minutes per lesson
students per group

Sing up
for a free trial lesson

In a 40-minute trial lesson, both children and parents can determine whether our coding lessons are suitable for them and our teacher can help suggest the right course for the student.

Your application has been sent!
Oops! Something went wrong while submitting the form.