Инструменты и работа над проектом

Редакторы, DevTools, Git, требования, приёмка и передача сайта.

Темы раздела

Материалы

• Первый репозиторий сайта

  Создадим учебный репозиторий сайта и разберём рабочие файлы, индекс и первый коммит.

• Осмысленный коммит

  Выделим законченное изменение 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 и изменим только нужное учебное состояние.

• Воспроизведение запроса

  Сократим ошибочный запрос до метода, адреса и параметра, сопоставим его с правильным вариантом.

• Передача проекта другому разработчику

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

• План небольшого изменения сайта

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