От пикселя до своего сайта и приложения

Цель: Понять, из чего состоит изображение и где лежат файлы страницы.

Результат: Открыта локальная страница, найдены её файлы, изменён один заголовок с помощью помощника.

Открыть материалы урока

Цель: Различить пиксели изображения, размер показа и объём файла.

Результат: Выбрана более лёгкая копия фото, записаны байты до и после и результат проверки качества.

Открыть материалы урока

Цель: Связать URL, домен, IP, DNS, HTTPS и запрос с ответом сервера.

Результат: Нарисован путь запроса и найден документ во вкладке Network браузера.

Цель: Узнать теги, заголовки, ссылки, формы, метаданные и смысловую разметку.

Результат: На своей странице исправлены заголовки, подпись картинки и ссылка, проверено чтение с клавиатуры.

Цель: Объяснить блочную модель и назначение Flexbox/Grid.

Результат: Страница работает при ширине 360 и 1280 CSS-пикселей, нет горизонтальной прокрутки.

Цель: Связать переменную, условие, функцию, событие и DOM с видимым действием.

Результат: Переключатель темы работает с мышью и клавиатурой, выбор проверен после обновления по выбранному условию.

Цель: Отличить данные от кода и клиентскую проверку от серверной.

Результат: Форма показывает понятную ошибку, тестовый JSON разобран, ошибка найдена в Console.

Цель: Различить Git, GitHub, репозиторий, ветку и резервную копию.

Результат: В отдельном учебном каталоге просмотрен diff, сохранён коммит и восстановлен испорченный файл.

Цель: Описать аудиторию, предложение, доверие, действие, воронку и конверсию.

Результат: В карточке своего сайта записаны задача человека и измеримый полезный результат.

Цель: Отделить внешний вид от удобства и наблюдение от впечатления.

Результат: Два человека пробуют найти информацию, записаны успех, время и ошибки без персональных данных.

Цель: Сопоставить CMS, фреймворк, библиотеку, конструктор и свой код, объяснить роли сервера, API и БД.

Результат: Сравнены три варианта одной задачи, нарисована схема выбранного сервиса, БД и админка обоснованы, PHP/Python/Node.js и SQL объяснены по назначению.

Цель: Проследить запись и чтение вымышленных данных через API.

Результат: В локальном сервисе запись сохраняется после перезапуска, тест проверяет ответ API и данные в БД.

Цель: Отличить вход в сайт от доступа к ОС и панели провайдера.

Результат: В тестовом сервисе обычный пользователь не видит чужую запись и не выполняет действие администратора.

Цель: Выбрать регистратора .RU/.РФ, понять записи и роль Cloudflare.

Результат: Составлен план привязки домена с проверкой продления, документов и возраста, реальные изменения только с разрешением взрослого.

Цель: Различить сессию, настройки, аналитику и сохранённые ресурсы.

Результат: В DevTools найдено, где хранятся cookie и ресурс, объяснены Secure, HttpOnly, SameSite и срок жизни.

Цель: Разделить общий хостинг, VPS/VDS, облако, выделенный и собственный сервер.

Результат: Для страницы и сервиса с БД выбраны разные варианты, заполнена таблица ответственности и выхода из сервиса.

Цель: Различить железо, виртуализацию, ОС, веб-сервер, приложение и данные.

Результат: По текущей документации или доступной учебной панели найдены тип продукта, ОС, IP, CPU, RAM, диски и сетевые правила.

Цель: Понять Linux-пользователей, root, ключи, процессы, службы, журналы и границы Docker.

Результат: На локальной учебной машине проверены пользователь, права и журнал службы, объяснено отличие контейнера от ОС.

Цель: Рассчитать диск с пиками, RAM, CPU, IOPS, канал и запас на рост.

Результат: Подготовлены две конфигурации Selectel с актуальным расчётом в рублях, отдельно указаны диск и RAM.

Цель: Найти рост данных и связать cron/systemd timer с проверкой успеха и ошибок.

Результат: В ограниченной локальной модели найдены растущие логи или повторяющееся задание, проверены оповещение и повтор без дубликата, реальные диски не заполняются.

Цель: Разделить файлы, изображения, согласованную БД и настройки.

Результат: Составлен и проверен комплект копирования локального сервиса с отдельным хранением и сроком хранения.

Цель: Доказать пригодность копии восстановлением в другом тестовом каталоге.

Результат: Работают страница, загруженное изображение, вход и контрольная запись БД, измерены потеря данных и время восстановления.

Цель: Объяснить MFA, секреты, обновления, WAF, DDoS и смысл спама.

Результат: Проверены ограничения формы и права тестового сервиса, подготовлена памятка по семейному менеджеру паролей на вымышленных данных.

Цель: Связать Network, Console, Lighthouse, PageSpeed и Core Web Vitals с действиями пользователя.

Результат: Измерен один сценарий до и после правки изображения или загрузки, условия замера одинаковы.

Цель: Связать staging/production, переезд, DNS/TLS, коды ошибок и доставку почты.

Результат: Подготовлен выпуск и план переезда с файлами, БД и адресами, на учебных примерах различены 403/404/500/502/503 и роль SMTP/SPF/DKIM/DMARC.

Цель: Связать намерение посетителя с текстом, title, description, H1 и ссылками.

Результат: Исправлена одна страница своего сайта, каждое изменение обосновано задачей посетителя.

Цель: Понять sitemap, robots, canonical, статусы, дубли и структурированные данные.

Результат: Screaming Frog проверяет разрешённый учебный сайт, список адресов сверен вручную, приватность не поручена robots.txt.

Цель: Отличить просмотр, событие, цель, конверсию и запись Вебвизора.

Результат: В учебном проекте проверено тестовое событие и достижение реальной цели, лишние данные не собираются.

Цель: Узнать события GA4, ключевые события и границы аналитики.

Результат: Через отладку проверено действие на учебном сайте, отмечены согласия, фильтры и отсутствие настоящей статистики.

Цель: Различить показы и клики в поиске и действия на сайте.

Результат: Подтверждение прав подготовлено или выполнено с разрешения, проверены адрес и sitemap, пустые отчёты не заменены выдуманными данными.

Цель: Отличить оценки сервиса от реальной статистики владельца.

Результат: Проверены доступные функции аккаунта и ограничения на дату урока, разобрана одна страница и источник оценки без обязательной покупки.

Цель: Объединить пользовательский тест, SEO и фактические события.

Результат: Написан короткий отчёт с данными, ограничениями, одной гипотезой и следующим действием, малый трафик не выдан за A/B-доказательство.

Цель: Понять, когда нужна платная реклама, связать предложение, аудиторию, страницу, цель и предел расходов.

Результат: Готов учебный бриф: продукт, география, целевое действие, проверка цели Метрики, набор запросов и минус-слов, предварительный расчёт только в рублях.

Цель: Настроить связи кампания, группа, объявление и страница, разобраться в ЕПК, автотаргетинге, стратегии и ограничении бюджета.

Результат: На учебном макете либо в разрешённом черновике подготовлены места показа, география, цели, фразы, исключения, два объявления и ссылки, реклама не запущена.

Цель: Отличить рекламные сети и карточку организации от ответа на поисковый запрос.

Результат: Составлены отдельные варианты РСЯ и Карт, проверены смысл креатива, аудитория, карточка организации и цели, поисковые минус-фразы не перенесены автоматически.

Цель: Различить показы, клики, промежуточные действия и подтверждённые заявки, проверить расходы и качество запросов.

Результат: По явно учебному отчёту найдены нецелевые запросы и неверная цель, посчитана стоимость подтверждённого результата в рублях, составлен план одной правки и её повторной проверки.

Цель: Разобрать GET/POST, JSON, вебхук, 401/403/429, лимит и цену запроса.

Результат: Локальный имитатор принимает запрос, проверены отказ, ограничение и безопасный повтор без дубликата, ключ скрыт от браузера.

Цель: Разобрать подтверждённые модули tg-wizard, шину NATS и проверку доставки.

Результат: По зафиксированному коду объяснён путь клиент, NATS, сервер, Telegram и чтение результата, реальная отправка не выполняется без разрешения.

Цель: Отделить внешний запуск workflow от программы отправки и от tg-wizard.

Результат: На локальных вымышленных данных проверены дата предупреждения и обработка сбоя, в GitHub Actions ничего не запускается.

Цель: Выбрать полезную операцию и сравнить скрипт, службу, сайт, PWA и настольную программу.

Результат: Проверен skills-and-scripts и другие доступные исходники, составлено ТЗ своей утилиты с решением переиспользовать или создать.

Цель: Отличить смысловую уникальность от перестановки слов.

Результат: Подготовлены пробная партия и проверяемая схема для 10 000 учебных записей: предпросмотр, тесты, журнал и откат, смысл проверяется отдельно от совпадений строк.

Цель: Различить Windows/macOS, PWA, мобильное приложение, установщик и ограничения магазинов.

Результат: Для выбранной утилиты проверен способ запуска, обновления и удаления на целевой системе, семейный менеджер паролей исследуется только по настоящим исходникам.

Цель: Проверить задачу человека, ошибки входных данных и восстановление.

Результат: Готова одна собственная полезная утилита, другой человек запускает её по инструкции на вымышленных данных.

Цель: Ограничить полезный сценарий и связать его с архитектурой, размещением и проверками.

Результат: Утверждены аудитория, один сценарий, ТЗ, схема, расчёт в рублях и критерии приёмки, лишние функции исключены.

Цель: Разбить работу помощника на маленькие проверяемые задачи.

Результат: Локально работает весь главный сценарий, сохранены проверяемая версия и перечень ограничений.

Цель: Найти проблемы на телефоне, с клавиатурой, в скорости и правах.

Результат: Пройден протокол сценариев, исправлены ошибки, повторены проверки затронутых мест.

Цель: Подготовить публикацию, аналитику и восстановление.

Результат: Сформирован выпуск с проверенной копией, SEO и целями, при наличии разрешения сайт опубликован и проверен по адресу.

Цель: Самостоятельно объяснить решения, показать результат и план поддержки.

Результат: Показаны один законченный сайт и полезная программа, выполнено контрольное восстановление, записан план дальнейших действий.