EN

Piyogramming | Learn to code from scratch

Your first programming lessons

Learn to build websites
from scratch — no jargon

Piyogramming is a free site where you learn HTML, CSS, and JavaScript one step at a time and build your own self-introduction page along the way. No sign-up. Start today with Shima.

Start learning

Install VSCode on your computer

Setup・Lesson 1

Setup

Get ready to write code

Setup5 lessons

Get your tools ready to write code

0 / 5

Core courses

The main path: HTML, CSS, and JavaScript.

Goal

You'll be able to build Shima's self-introduction page

See the finished result →
Preview of the finished result: Shima's self-introduction homepage
HTML26 lessons

Build the structure of a web page

0 / 26
CSS24 lessons

Style how it looks

0 / 24
JavaScript17 lessons

Add interactivity

0 / 17

Topic courses

After the basics, explore topics in any order you like

Web animation8 lessons

Add motion to your page

0 / 8
Accessibility7 lessons

Make pages usable by everyone

0 / 7
Git & GitHub8 lessons

Record your work and keep it safe

0 / 8
npm4 lessons

Extend your work with packages

0 / 4
Tailwind CSS7 lessons

Style with class names alone

0 / 7

Advanced courses

Take your skills into more serious site building

WordPress8 lessons

Meet the CMS that powers blogs

0 / 8
Theme development15 lessons

Build your own WordPress theme

0 / 15

Reads

Dip in anytime — a handy collection for when you get stuck.

Tips101 articles

Tools to code faster and easier