Live 1:1 web development classes · Usually ages 12–14

Web development for kids: live 1:1 HTML, CSS and JavaScript classes

Your child types their first code and builds their own websites with it. They learn the same three languages web developers use. One mentor for the whole level, at your child’s pace.

Free 40-minute class, live and one-to-one. No payment. No card.

From the Educifly team: 500+ students taught one-to-one online.

Web development for kids: an 11-line HTML page called All about me, next to how it looks in a browser

Educifly teaches web development for kids in live, one-to-one online classes, for families anywhere in the world. Most children start at about 12, often after block coding. In our web classes for ages 12 to 14, they learn HTML, CSS and JavaScript. They type code in VS Code and build websites of their own. They build something in every class. The first class is free.

What is web development for kids?

Web development for kids means building websites by typing code. Most web pages are made with three languages working together, and each one has its own job.

HTML puts the words, pictures and links on the page.

CSS decides how they look, from colours and fonts to where things sit.

JavaScript makes the page do things when you click, type or play.

That’s how MDN, Mozilla’s big guide for web developers, splits the jobs too. Strictly, HTML isn’t a programming language. It’s a markup language: it labels each part of a page. Of the three, only JavaScript is a programming language.

HTML for kids: what does a first web page look like?

A first web page can be 11 lines of HTML. Your child types it in a code editor, saves it, and opens it in a browser. This one is called “All about me”.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>All about me</title>
</head>
<body>
<h1>All about me</h1>
<p>I love football and drawing.</p>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>All about me</title>
</head>
<body>
<h1>All about me</h1>
<p>I love football and drawing.</p>
</body>
</html>

What each line does, in plain words:

  • <!DOCTYPE html> tells the browser “this is a web page”.

  • <html lang="en"> starts the page and says it’s in English.

  • <head> holds facts about the page that don’t show on it.

  • <meta charset="utf-8"> helps the browser show every letter the right way.

  • <title> is the name on the browser tab.

  • <body> holds everything you see on the page.

  • <h1> is the big heading at the top.

  • <p> is a paragraph of text.

Most tags come in pairs. <p> opens a paragraph, and </p>, with a slash, closes it. We ran this page through the free W3C HTML checker at validator.w3.org, and it passes with no errors.

Now the fun part. Add <style>h1 { color: purple; }</style> inside the head, save, and refresh. The heading turns purple. The part inside the style tags is CSS. Change purple to orange and see what happens.

One line of CSS turning a web page heading purple

JavaScript for kids: how does a web page start to do things?

JavaScript is the part that makes a web page react when you click or type. Kids usually add it once their HTML and CSS pages look the way they want.

Add this line inside the body, under the paragraph, and the “All about me” page gets a button:

<button onclick="alert('Hello')">Say hi</button>

<button onclick="alert('Hello')">Say hi</button>

Click it, and a small box pops up saying “Hello”. The alert('Hello') part is JavaScript. The onclick part tells the button to run it when someone clicks.

A JavaScript button on a child’s web page showing a Hello message

From there, kids use JavaScript to make things like:

  • a quiz that keeps score,

  • a button that switches the page to dark mode,

  • a game where you click to catch a moving target.

JavaScript uses the same big ideas as Scratch and Python: events, if-then rules, loops and variables. That makes it a good bridge to our Python classes for kids.

What kids build in web development classes

In web classes, kids build an “all about me” page, a hobby site or a score-keeping quiz. Our web classes are for ages 12 to 14. They’re where typed code begins, and they’re part of our Programmers stage, for ages 12 to 16.

Age

What they learn

Tools

What they make, for example

7–13, before websites

What they learn

Block coding, then Android apps

Tools

Scratch, MIT App Inventor

What they make, for example

A chase game, a quiz app

12–14, websites

What they learn

HTML, CSS and JavaScript

Tools

VS Code, GitHub

What they make, for example

An “all about me” website, a hobby site with several pages, a quiz that keeps score

12–16, after websites

What they learn

Python, then games with Pygame and charts from data

Tools

Python, Pygame

What they make, for example

A quiz game, a chart made from data

13–18, after websites

What they learn

AI projects, and AI tools used well and honestly

Tools

Python with OpenCV and scikit-learn

What they make, for example

An AI project written in Python

Ages are only a guide. Teens who are new to coding usually start with websites or Python. In the free class, the mentor finds the right starting level. To see the whole path, read how our classes work.

For younger kids who’d rather build with blocks first, see app development for kids. Older and new to coding? See our coding classes for teens.

What is GitHub, and can my child use it?

GitHub is a website where coders save their code, keep track of every change and share their work. GitHub’s own rules say users must be 13 or older. For younger students, ask us in the free class how their work is saved.

Our web classes use GitHub because web developers use it every day. Many coders also keep their best projects there, so other people can see what they’ve made.

GitHub Pages, a free GitHub service, can turn a project into a website anyone can visit. On a free account, the project has to be public to do that.

In our classes, your child doesn’t have to make anything public. Whether a site goes public is your call.

Should my child learn HTML or Python first?

On the Educifly pathway, websites with HTML, CSS and JavaScript usually come before Python. HTML is a gentle first step into typed code, because you see the result the moment you refresh the page.

 

HTML and CSS

JavaScript

Python

What it is

HTML and CSS

Markup and style: labels and looks

JavaScript

A programming language

Python

A programming language

What you see first

HTML and CSS

A web page, straight away

JavaScript

A page that reacts to clicks

Python

Text or drawings in a window

Typos

HTML and CSS

The page usually still shows, just a bit wrong

JavaScript

One missing bracket can stop the code

Python

One wrong letter can stop the program

What you can make

HTML and CSS

Web pages, a portfolio site

JavaScript

Quizzes, games, tools that run in a browser

Python

Games, data charts, AI projects

Usual age in our classes

HTML and CSS

12–14

JavaScript

12–14

Python

12–16

HTML is kind to beginners. A small typo rarely breaks the whole page, so kids get used to typing without tears. Then the big ideas carry over: a loop in JavaScript works like a loop in Python.

How can kids learn HTML and CSS at home?

Kids can learn HTML and CSS at home for free, with a computer and a web browser. You don’t need to know any code yourself. This is a simple way to start:

1

Get VS Code. It’s a free code editor from Microsoft, and it runs on Windows, Mac and Linux.

2

Type the “All about me” page from this page. Save it as a file called index.html.

3

Open the file in your web browser. Double-click it, and the page appears.

4

Change one thing at a time. A new heading, a new colour, a new line about your child.

Free tutorials and books work well for kids who love to explore alone. HTML classes help when your child gets stuck, copies code without knowing why it works, or never finishes a site.

How do Educifly’s web development classes work?

Classes are live and one-to-one, in Educifly’s own online classroom, once or twice a week. Every class is one hour and runs in five parts:

1

Hook. Something sparks your child’s curiosity, like a website that does a trick.

2

Play. A game or puzzle teaches the idea.

3

Build. Your child types the code on screen while the mentor guides.

4

Remix. They change it to make it their own.

5

Show. They show the page and explain how it works.

The mentor coaches and asks questions, but doesn’t type the code for your child. Your child shows their big final project to the family at Demo Day.

It all starts with a free class. In the free class, the mentor finds the right starting level. You get a clear plan and the price. Then you decide.

Why learn web development 1:1?

In a 1:1 class, someone spots the missing bracket the moment the page breaks. Your child still does all the typing. That matters most in the first weeks of typed code.

 

Educifly 1:1 web class

Book, app or video course

Group web class

Help when the code breaks

Educifly 1:1 web class

Straight away

Book, app or video course

None, or a forum

Group web class

When the teacher is free

Pace

Educifly 1:1 web class

Your child’s pace

Book, app or video course

Your child’s pace

Group web class

The group’s pace

Who types the code

Educifly 1:1 web class

Your child, with a mentor watching

Book, app or video course

Your child, alone

Group web class

Your child, with less watching

Finishing

Educifly 1:1 web class

A final project every level

Book, app or video course

Many sites stay half done

Group web class

Depends on the class

Cost

Educifly 1:1 web class

Highest of the three

Book, app or video course

Free or lowest

Group web class

In between

Who teaches the web development classes, and is it safe?

Web development classes are taught by experienced coding teachers with computer science or engineering degrees. Your child keeps the same mentor for the whole level.

Every mentor is trained on the Educifly pathway and background-checked.

Classes run live in Educifly’s own online classroom.

You’re welcome to sit in on any class.

Kids learn what’s safe to share online, from the very first level.

How much do web development classes for kids cost?

Web development classes are priced after a free trial class, and you see the exact price before you commit. You pay per class, and you can stop after any pack.

Free trial class

40 minutes, live and one-to-one. No payment, no card.

Younger children

Classes in our first two levels, for ages 5 to 9, cost ₹750 a class including GST, booked in packs of 8 (₹6,000). This is our launch price, and it will go up as we grow.

Web classes, and everything else

All other levels are priced after the free trial class. You get the exact price before you commit.

Outside India

we quote you in your own currency after the free class.

Each level takes about 12 to 20 one-hour classes. It depends on your child. You pay per class. VS Code and GitHub’s free plan cost nothing.

Who are these web development classes for?

Educifly’s web development classes are for kids from about 12 who are ready to type code and build websites.

The block coder who’s ready to type

They’ve made Scratch games or phone apps with blocks. Now they want to type real code.

The kid who loves design

They care how things look. CSS lets them pick every colour, font and layout.

The student with a portfolio in mind

They want projects to show for school, competitions or university later.

Not the right fit if your child is under 12 and new to coding. They should start with block coding first. It’s also not for families who want a group class or a summer camp.

Questions parents ask about web development for kids

What age can kids learn HTML?

Many kids are ready for HTML at about 12. Our web classes are for ages 12 to 14. Teens who are new to coding usually start with websites or Python.

Is HTML a programming language?

Not quite. HTML is a markup language, which means it labels each part of a page, like a heading or a link. JavaScript is a programming language, and kids learn it in the same classes.

Is JavaScript hard for kids?

JavaScript is harder than HTML, because one missing bracket can stop the code from working. It gets easier once kids know HTML and CSS, because they can see what each line changes on the page. A mentor helps most in the first few weeks.

Can my child build a website on a Chromebook or tablet?

VS Code’s own site says it runs on Windows, macOS and Linux. Its blog says it also runs on a recent Chromebook once Linux apps are turned on. A browser version at vscode.dev can run on tablets like iPads, with some limits on small screens. Ask us in the free class if you’re not sure your device will work.

Can my child use GitHub if they’re under 13?

No. GitHub’s own rules say users must be 13 or older, and in some countries the age is higher. GitHub closes any account it finds that belongs to a younger child. For younger students, ask us in the free class how their work is saved.

Will my child’s website be live on the internet?

Only if you want it to be. A site can go online for free with GitHub Pages, but on a free account the project must be public. GitHub’s rules also say users must be 13 or older. Whether a site goes public is your call.

How long are the classes, and how many will my child need?

Every class is one hour, live and one-to-one, once or twice a week. Each level takes about 12 to 20 one-hour classes. It depends on your child. You pay per class.

What do we need at home?

A laptop or computer with a webcam and a steady internet connection. VS Code, the code editor, is free from Microsoft and runs on Windows, macOS and Linux.

Can I sit in on a class?

Yes. You’re welcome to sit in on any class, and every class is recorded.

What if it’s not working for us?

If the mentor isn’t the right fit, tell us and we’ll match your child with a new one, free. You’re never locked in. You can stop after any pack.

See if your child is ready to type code in 40 minutes

Book the free class. Your child meets their mentor and builds a small project. You find the right level and get the price. Then you decide.

Usually from age 12 · Live and one-to-one · No payment needed

See you in class!