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