Ежедневная работа
Редакторы, DevTools, Git, сниппеты, форматирование, статическая проверка, моки, коллекции запросов, SVG и изображения.
Материалы
- Первый репозиторий сайта
Создадим учебный репозиторий сайта и разберём рабочие файлы, индекс и первый коммит.
- Осмысленный коммит
Выделим законченное изменение Markdown-страницы, прочитаем подготовленный diff и сохраним понятный коммит.
- Правила исключения файлов
Настроим .gitignore для исходников сайта, результатов сборки и локальных переменных, разобрав уже отслеживаемые файлы.
- Ветки разработки
Создадим ветку с пояснением каталога и проследим, как коммит и переключение меняют рабочие файлы.
- Объединение веток
Объединим правку Markdown и изменение оформления через общий предок и разберём merge-коммит.
- Разрешение конфликта
Разберём конфликт заголовка Markdown-страницы и сохраним намерения обеих веток в итоговом тексте.
- Перенос коммитов
Перенесём собственный локальный коммит на обновлённую main и сравним полученную историю с merge.
- Возврат опубликованного изменения
Вернём ошибочно изменённый URL обратным коммитом, сохранив историю и следующую независимую правку.
- Восстановление рабочего файла
Вернём нужное содержимое одного файла, явно выбрав источник и сохранив остальные изменения каталога.
- Поиск причины изменения
Сопоставим строку Markdown с коммитом и его объяснением, не превращая историю в поиск виноватого.
- Поиск регрессии с bisect
Зададим проверяемое условие регрессии и последовательно сузим историю ручными отметками bisect.
- Временное сохранение работы
Сохраним незавершённые правки каталога отдельно, выполним другую задачу и вернём работу без смешивания.
- Удалённые репозитории
Разделим общий репозиторий, локальные ветки и полученные сведения о них на модели двух авторов.
- Подготовка Merge Request
Подготовим небольшое изменение каталога и описание Merge Request с поведением, границами и честным статусом проверок.
- Практическое ревью изменения
Прочитаем изменение каталога по требованию к постоянным URL и подготовим замечание с точным условием исправления.
- Теги и состав выпуска
Отметим исходный снимок аннотированным тегом и разделим его, сборочный артефакт и факт публикации.
- Несколько рабочих деревьев
Разместим новую задачу и чтение отмеченной версии в разных рабочих папках одной истории Git.
- DOM и стили в DevTools
Найдём правило, которое меняет цвет карточки, различим DOM и исходник и перенесём решение в CSS.
- Консоль и точки останова
Остановим вычисление длительности в обработчике и найдём конкатенацию строк вместо числового сложения.
- Чтение запросов в DevTools
Проследим загрузку каталога от формы до ответа API и отделим сетевой статус от обработки данных.
- Хранилища браузера
Разделим настройки темы, cookie и Cache Storage и изменим только нужное учебное состояние.
- Воспроизведение запроса
Сократим ошибочный запрос до метода, адреса и параметра, сопоставим его с правильным вариантом.
- Передача проекта другому разработчику
Опишем исходники, данные, ручной запуск и ограничения так, чтобы другой автор мог продолжить учебный проект.
- План небольшого изменения сайта
Составим конкретный план улучшения пустого списка с сохранением маршрутов и раздельным решением о выпуске.