Как делать сайты, приложения и ИИ-продукты
Уроки по траекториям с нуля, пошаговые руководства и рецепты кода с указанием версий, на которых они проверены. Всё бесплатно, без регистрации.
155материалов
17траекторий
143термина
Траектории
Готовые маршруты обучения: шаги идут от основ к практическому результату.
9 шаговКак понять пользователя, выстроить экран, собрать компоненты в Figma и довести их до дизайн-системы и рабочего дашборда.4 шаговЗачем интерфейсу движение, как выбирать кривые и длительности, анимировать прокрутку и переходы между экранами.9 шаговОт первой программы до работы с DOM, ошибками и асинхронностью — с практикой на каждом шаге.7 шаговСемантическая разметка, раскладка на Flexbox и Grid, адаптивность, Tailwind, скорость и доступность.8 шаговTypeScript, компоненты, состояние, эффекты, формы, управление состоянием и тесты — и доступное модальное окно в финале.7 шаговApp Router, серверные компоненты и Server Actions, Tailwind и скорость — и два готовых решения: форма заявки и закрытые страницы.6 шаговСинтаксис Java, коллекции и Maven, затем ООП, SOLID и паттерны — и переход к первому REST API на Spring Boot.7 шаговHTTP, Java для backend, REST API на Spring Boot, слои, проектирование API, права доступа и единый формат ошибок.8 шаговNode.js, REST API на Express, слои, аутентификация, права, тесты и безопасное хранение паролей.9 шаговВыбор подхода, первое приложение на Expo, навигация, API и хранение, готовый список, возможности устройства, push и публикация.6 шаговDart и первое приложение на Flutter, состояние и навигация, форма с валидацией, тестирование и публикация.9 шаговТаблицы и ключи, SELECT и JOIN, PostgreSQL в Docker, проектирование схемы, индексы, транзакции, EXPLAIN и keyset-пагинация.8 шаговТерминал и Linux, Docker и Compose, секреты, Nginx, выбор способа деплоя и CI на GitHub Actions.9 шаговАрхитектурные решения, SOLID и паттерны, чистая архитектура, API, монолит и микросервисы, события и system design.8 шаговКак устроены API, HTTP, проектирование, вебхуки, надёжные вызовы внешних сервисов, безопасность, платежи и адаптер интеграции.8 шаговКак работают LLM, первый запрос к API, промпты, tool calling, эмбеддинги и RAG, безопасность и оценка качества.7 шаговКак довести приложение, собранное с AI-ассистентом, до продукта: Git и откат, ревью, доступ к данным, тесты, границы и миграции, релиз и передача команде.
Направления
Двенадцать направлений — от UX/UI до ИИ.
01 · 18 материаловИсследования, аудит, Figma, прототипы, дизайн-системы, сетка, типографика, доступность и моушн.02 · 15 материаловПеременные, условия, функции, структуры данных, алгоритмы, ООП, Git, терминал, HTTP и отладка.03 · 18 материаловHTML, CSS, JavaScript, TypeScript, React, Next.js, Vue, Tailwind, формы, состояние, тесты и скорость.04 · 13 материаловNode.js, Express, NestJS, Java и Spring Boot, Python, FastAPI и Django, аутентификация, права, фоновые задачи.05 · 12 материаловReact Native и Expo, Flutter и Dart, Kotlin и SwiftUI, навигация, устройства, уведомления и публикация.06 · 12 материаловSQL, PostgreSQL, MySQL, Redis и NoSQL, проектирование, индексы, транзакции, ORM и миграции.07 · 12 материаловLinux, Docker, Nginx, деплой, CI/CD, мониторинг, пирамида тестов, OWASP и секреты.08 · 10 материаловSOLID, паттерны, чистая архитектура, монолит и микросервисы, события, API, кэш и multi-tenant SaaS.09 · 10 материаловREST и GraphQL, вебхуки, OAuth и OpenID Connect, платежи, Telegram, CRM, 1С и надёжность внешних API.10 · 16 материаловLLM API, промпты, AI-ассистенты в коде, эмбеддинги, RAG, tool calling, агенты, оценка и безопасность.11 · 11 материаловРецепты кода под конкретную задачу: компоненты, утилиты, Next.js, Spring, мобильные, авторизация, SQL.12 · 8 материаловГлоссарий, команды Git, HTTP-коды, CSS, хуки React, SQL, частые ошибки и сравнение технологий.
Все материалы
Справочник терминов
Как называются блоки сайта, элементы интерфейса и технические понятия — с мини-схемой, коротким определением и советом. 143 термина.
Открыть справочник