Про платформу

ShortLesson: короткі уроки та допомога AI

Тут можна вивчати сайти, JavaScript, TypeScript, Git, React, Angular, Vue і Python. Кожен урок короткий. Якщо щось незрозуміло, запитай AI та виконай практичне завдання.

Дивитися курсиСтворити акаунт
Напрями
11
Курсів
19
Уроків
167
Годин читання
~30

Про автора

Звідки взялась платформа

Три роки я викладав фронтенд у Beetroot Academy. За цей час понад 100 студентів пройшли навчання та випустились.

Після цього я вирішив створити власний авторський курс. Так з’явилась Lessons: платформа, де я збираю уроки у своєму форматі: коротко, з прикладом, практикою та питаннями до AI.

Паралельно я працюю в розробці з 2017 року: фронтенд, верстка, а зараз ще й інтеграції з AI.

роки викладання в Beetroot Academy
3
випускників
100+
рік старту в розробці
2017

Досвід

  • Front End Engineer · SpaceWhaleз 2022
  • Front End Teacher · Beetroot Academy3 роки, 100+ випускників
  • Layout Engineer · Maxitech2019-2022
  • Front End Developer · Consule inc2017-2019

Навіщо так

Не треба шукати відповідь у десяти вкладках

Якщо незрозуміле одне речення, запитай AI саме про нього. AI бачить цей урок і відповідає коротко.

У курсах є лише те, що потрібно для старту: просте правило, приклад, практика та перевірка.

Як іде навчання

Чотири кроки в кожному курсі

  1. 01

    Короткий урок

    Один урок пояснює одну невелику тему.

  2. 02

    Ask біля пункту

    Натисни Ask біля незрозумілого місця та постав питання.

  3. 03

    Квіз і практика

    Дай відповіді на три питання та виконай коротке завдання.

  4. 04

    Далі, не спочатку

    Переходь далі. Сайт збереже твій прогрес, а шпаргалка допоможе згадати код.

Уроки можна читати без акаунта. Після входу відкриваються Ask і практика.

Що всередині уроку

Пояснення, приклад і завдання

  • Коротке пояснення простими словами.
  • Маленький приклад коду.
  • Важливе правило в окремій рамці.
  • Посилання на документацію, якщо хочеш знати більше.
  • Три питання для перевірки.
  • Практичне завдання після уроку.
  • Коротка шпаргалка з кодом.
  • Список усіх уроків курсу.

Каталог

Обери курс для старту

Якщо ти ще не робив сайти, почни з «Основ». Там є HTML, CSS, SCSS і JavaScript. Потім обери React, Angular, Vue, Python, TypeScript або Git.

React

Компоненти, JSX і state. Навчишся збирати сторінку з маленьких частин.

  • React: старт

1 курс · 8 уроків

Angular

Компоненти, шаблони й сервіси. Angular допоможе тримати код у порядку.

  • Angular: старт

1 курс · 8 уроків

Vue

Шаблони, ref і команди Vue. Дані змінилися, сторінка змінилася теж.

  • Vue: старт

1 курс · 8 уроків

Python

Відступи, списки, словники та функції. А далі бекенд на FastAPI.

  • Python: старт
  • FastAPI: бекенд на Python

2 курси · 17 уроків

Node.js

HTTP, REST, Node.js, Express і авторизація. Як працює сервер, до якого ходить твій фронтенд.

  • HTTP і REST API
  • Node.js: старт
  • Express: API-сервер
  • Авторизація і безпека

4 курси · 37 уроків

Бази даних

SQL у PostgreSQL і Prisma ORM. Де живуть дані й як їх дістати швидко.

  • SQL і PostgreSQL
  • Prisma ORM

2 курси · 19 уроків

GraphQL

Схема, запити, мутації й резолвери. Клієнт сам каже, які поля йому потрібні.

  • GraphQL: старт

1 курс · 9 уроків

DevOps

Змінні оточення, Docker, Compose, деплой і CI. Як код потрапляє на сервер.

  • Docker і деплой

1 курс · 9 уроків

TypeScript

JavaScript із перевіркою помилок ще до запуску коду.

  • TypeScript Essentials

1 курс · 10 уроків

Git

Зберігай зміни, працюй у гілках і не губи старі версії коду.

  • Git: старт

1 курс · 8 уроків

Основи

HTML, CSS, SCSS і JavaScript: з чого зроблений сайт і як він працює.

  • HTML Essentials
  • CSS: старт
  • SCSS: старт
  • JavaScript Essentials

4 курси · 34 уроки

Для кого

Уже пишеш або лише збираєш сторінку

Підійде

  • Ти знаєш шматок теми і хочеш закрити діри, а не слухати історію з нуля.
  • Потрібна база стека: JSX і state, шаблон Angular, ref у Vue, відступ у Python, коміт у Git.
  • Сторінка ще не збирається? Тоді «Основи»: HTML, CSS, SCSS, JavaScript.
  • Хочеш спитати «чому цей рядок» і одразу повернутися до уроку, не відкриваючи десять чатів.

Це не

  • Не університет і не сертифікат «повного стека за тиждень».
  • Не нескінченний чат «напиши мені застосунок». Ask прив’язаний до пункту уроку і не вирішує домашки за тебе.
  • Не CMS для редакторів і не маркетплейс курсів сотень авторів. Каталог свій, тексти свої.
  • Не заміна документації. В уроці суть. Посилання на handbook / MDN, якщо треба дочитати.
Дивитися курсиНаписати нам