About

ShortLesson: short lessons with help from AI

Learn website basics, JavaScript, TypeScript, Git, React, Angular, Vue, and Python. Each lesson is short. If something is unclear, ask AI and do a practice task.

Browse coursesCreate an account
Tracks
15
Courses
28
Lessons
225
Hours of reading
~43

About the author

How the platform came about

For three years I taught front-end at Beetroot Academy. In that time more than 100 students completed the course and graduated.

After that I decided to create my own course. That is how Lessons began: a platform where I put lessons together in my own format: short, with an example, practice and questions to AI.

Alongside that I have worked in development since 2017: front-end, layout and, these days, AI integrations.

years teaching at Beetroot Academy
3
graduates
100+
first year in development
2017

Experience

  • Front End Engineer · SpaceWhalesince 2022
  • Front End Teacher · Beetroot Academy3 years, 100+ graduates
  • Layout Engineer · Maxitech2019-2022
  • Front End Developer · Consule inc2017-2019

Why this way

You do not need to search through ten tabs

If one sentence is unclear, ask AI about that sentence. AI sees the lesson and gives a short answer.

Courses only show what you need to start: a simple rule, an example, practice, and a check.

How learning works

Four steps in every course

  1. 01

    A short lesson

    One lesson explains one small topic.

  2. 02

    Ask on the point

    Press Ask near an unclear part and write your question.

  3. 03

    Quiz and practice

    Answer three questions and do a short task.

  4. 04

    Next, not from scratch

    Move on when you are ready. The site saves your progress, and the cheatsheet helps you remember code.

You can read lessons without an account. Sign in to unlock Ask and practice.

What’s in a lesson

An answer, an example, and a task

  • A short answer in simple words.
  • A small code example.
  • An important rule in its own box.
  • A docs link if you want to learn more.
  • Three questions to check yourself.
  • A practice task after the lesson.
  • A short code cheatsheet.
  • A list of all lessons in the course.

Catalog

Pick a course to start

If you have never made a website, start with Foundations. It has HTML, CSS, SCSS, and JavaScript. Then pick React, Angular, Vue, Python, TypeScript, or Git.

React

Components, JSX, and state. Learn to build a page from small parts.

  • React: getting started

1 course · 8 lessons

Angular

Components, templates, and services. Angular helps keep your code tidy.

  • Angular: getting started

1 course · 8 lessons

Vue

Templates, refs, and Vue commands. When data changes, the page changes too.

  • Vue: getting started

1 course · 8 lessons

Python

Indentation, lists, dicts, and functions. Then a backend with FastAPI.

  • Python: getting started
  • FastAPI: a Python backend

2 courses · 17 lessons

Node.js

HTTP, REST, Node.js, Express, and auth. How the server your frontend talks to works.

  • HTTP and REST APIs
  • Node.js: getting started
  • Express: an API server
  • Auth and security

4 courses · 37 lessons

Databases

SQL in PostgreSQL and Prisma ORM. Where data lives and how to get it fast.

  • SQL and PostgreSQL
  • Prisma ORM
  • Databases: going deeper

3 courses · 29 lessons

GraphQL

Schema, queries, mutations, and resolvers. The client says which fields it needs.

  • GraphQL: getting started

1 course · 9 lessons

DevOps

Environment variables, Docker, Compose, deploys, and CI. How code gets onto a server.

  • Docker and deployment
  • Docker basics
  • Kubernetes: the basics
  • CI/CD with GitHub Actions

4 courses · 24 lessons

TypeScript

JavaScript with error checks before the code runs.

  • TypeScript Essentials

1 course · 10 lessons

Git

Save changes, work in branches, and keep old versions of your code.

  • Git: getting started

1 course · 8 lessons

Foundations

HTML, CSS, SCSS, and JavaScript: what a website is made of and how it works.

  • HTML Essentials
  • CSS: getting started
  • SCSS: getting started
  • JavaScript Essentials

4 courses · 34 lessons

Architecture

System design, scaling, caches and queues. How to build a system from standard blocks.

  • System Design

1 course · 10 lessons

Computer Science

Algorithms, data structures and programming principles. The basics interviews check.

  • Algorithms and Data Structures
  • Programming principles

2 courses · 13 lessons

Security

OWASP Top 10, authentication and secrets. How web apps get attacked and how to defend them.

  • Web application security

1 course · 5 lessons

Testing

Unit, integration and end-to-end tests. How to test code so the team trusts the tests.

  • Testing: unit, integration, e2e

1 course · 5 lessons

Who it’s for

Already writing, or still assembling a page

A fit if

  • You know a slice of the topic and want to close gaps, not hear the history from zero.
  • You need stack basics: JSX and state, an Angular template, a Vue ref, Python indentation, a Git commit.
  • The page still doesn’t come together? Then Foundations: HTML, CSS, SCSS, JavaScript.
  • You want to ask “why this line” and get back to the lesson, without opening ten chats.

This is not

  • Not a university and not a “full stack in a week” certificate.
  • Not an endless chat that “writes the app for you”. Ask is tied to a lesson point and doesn’t do homework for you.
  • Not a CMS for editors and not a marketplace of hundreds of authors. The catalog is ours, the texts are ours.
  • Not a docs replacement. The lesson is the gist. A handbook / MDN link if you need to read further.
Browse coursesWrite to us