Короткие уроки по HTML, CSS, JavaScript, TypeScript, React и Next.js. После каждого урока вы пишете код прямо на странице и сразу видите, что работает, а что нет. Бесплатно, без регистрации.
Уроков: 102 · упражнений: 205 · терминов в глоссарии: 80 · без регистрации
function createCounter(start = 0) { let n = start return () => ++n }
Каждый урок: что это, какие бывают виды, чем они отличаются и когда что использовать. Затем частые ошибки и итог.
Пишете код на странице и нажимаете ⌘ Enter. Тесты сразу показывают, что работает. Если застряли — есть решение.
Прогресс и код сохраняются автоматически. Возвращайтесь и продолжайте с того же места.
Встретили «hoisting» или «closure»? Наведите курсор — увидите определение, нажмите — откроется урок.
Каждый урок ссылается на MDN, react.dev, nextjs.org, tailwindcss.com, а не на устаревшие блоги.
От того, как работает веб, до Next.js 16, Tailwind 4 и архитектуры — в том порядке, в котором это нужно.
Шагов: 17 — в том порядке, в котором они действительно нужны. Можно сразу перейти к любой теме.
Как устроен веб: клиент и сервер, HTTP, отрисовка в браузере, производительность, хранение данных и безопасность.
Структура, семантика, формы, изображения и доступность — фундамент любой страницы.
Каскад, блочная модель, flexbox, grid, позиционирование, адаптивность, анимации и современный CSS.
Язык целиком: типы, функции, объекты, асинхронность, модули, DOM.
Типы, объекты, union types, дженерики, utility types и TS в React.
Коммиты, ветки, merge или rebase, pull request-ы и Conventional Commits.
npm и package.json, сборщики, ESLint и Prettier, отладка в DevTools.
Компоненты, состояние, эффекты, свои хуки, Context, производительность и серверное состояние.
Виды состояния, Context, Zustand, Redux Toolkit, RTK Query и альтернативы.
App Router, Server Components, данные, кэш, Server Actions и деплой.
Формы в React, React Hook Form, валидация с Zod и Server Actions.
REST API, SQL, ORM на Drizzle и Prisma, Postgres в Next.js.
Как работает Google, техническое SEO, ключевые слова, Analytics и Search Console, аудит.
Utility-first, адаптивность, тёмная/светлая темы, своя типографика и UI kit с cn() и cva.
Принципы движения, Motion для React, GSAP и ScrollTrigger, впечатляющие примеры.
Виды тестов, Vitest, Testing Library и Playwright.
Принципы, Feature-Sliced Design и альтернативы, с плюсами и минусами.
Один клик — без регистрации.