RU
EN
FOR KIDS 12-15 YEARS OLD
BEGINNERS

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

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.

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

Development

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.

+
-
Final

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.

Marat
13 years old
Flappy bird
PYTHON

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

Margaret
10 years old
Infinite road
PYTHON

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.

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

Reid
12 years old
Geometry Dash on PyGame
PYTHON

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

Teachers

PYTHON TEACHER

Alexander Harhota

Skills
Python
WEB
Chat Bot
Education
Siberian State University of Telecommunications and Informatics
Accomplishments
Teacher at the state project Campus-2019 and Campus-2020; Creator of an application for making chat-bots and AI for kids
WEB DESIGN TEACHER

Aleksey Panfilov

Skills
Python
Robotics
WEB
Education
Petrozavodsk State University, Physics Department
Accomplishments
Organizer and head judge of the international robotics competition Roboskills, a member of the international methodical committee Innopolis Open, Future Engineers
UNITY TEACHER

Constantine Clambotskiy

Skills
Python
Unity
Computer Science
Education
Novosibirsk State University, Mathematics and Mechanics Department
Accomplishments
Second place in Russia in Epson's competition "development of mobile apps in augmented reality"
PYTHON TEACHER

Ksenia Vershinina

Skills
Python
Computer Science
WEB
Education
Nizhny Tagil Technological Institute of Ural Federal University
Accomplishments
Published in the Advances In Science and Technology XXVIII collection and e-library
<>
PYTHON TEACHER

Alex

Skills
Python
WEB
Chat Bot
Informatics
Accomplishments
Teacher at the state project Campus-2019 and Campus-2020; Creator of an application for making chat-bots and AI for kids
UNITY TEACHER

Alex

Skills
Python
Unity
Computer Science
Accomplishments
Organizer and head judge of the international robotics competition Roboskills
PYTHON TEACHER

Ksenia

Skills
Python
Computer Science
WEB
Accomplishments
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

How our lessons work

1
Review the subject of the previous lesson and take a look at the homework.
2
Delve into the new subject and join groups, under teachers' supervision, to solve the first assignment(s).
3
Students individually solve more advanced assignments, and at the end, they usually try fun, gamified tasks.
4
At the end of class, the teacher and the group summarize the lesson, repeat everything they've learned, and prepare for the next topic.
32
lessons in a course
90
minutes per lesson
weekend
12
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.






Ваша заявка отправлена!
Oops! Something went wrong while submitting the form.