Часть 2. Из второго модуля: редактор и хранение кода

Что делать, если всё сломалось

Аварийная памятка. Держите её под рукой — и когда что-то перестанет работать, откроете и спокойно пройдёте по шагам.

Первым делом — выдохните

Если проект вдруг перестал работать — это не поломка компьютера и не катастрофа. Это просто значит: в проекте появилась какая-то правка, из-за которой всё «застопорилось». А правку можно отменить и вернуть проект к тому виду, когда всё работало.

Представьте, что вы печатаете документ, случайно всё стёрли — и нажимаете «отменить». Текст возвращается. Здесь то же самое, только чуть подробнее.

Сломать проект насовсем нельзя. У вас сохранены прошлые рабочие версии, и к любой из них всегда можно вернуться. Ради этого мы и вели «историю» проекта на уроке.

Простое правило: если после этих шагов легче не стало — не сидите в одиночку дольше 15 минут. Напишите в чат, приложите картинку экрана. Так делают все, спрашивать нормально.

Шаг 1. Посмотрите, что именно на экране

Не спешите сразу чинить. Сначала спокойно посмотрите, как оно сломалось — это подскажет, в чём дело. Ничего трогать пока не надо, просто наблюдаем.

Экран стал белым и пустым, ничего нет

Что это скорее всего значит

В проекте появилась ошибка, и страница не загрузилась

Страница есть, но кнопки не нажимаются

Что это скорее всего значит

Сломалась «начинка», которая оживляет кнопки

Всё съехало, разъехалось, стало некрасиво

Что это скорее всего значит

Сломалось оформление — то, что отвечает за внешний вид

Внизу появились красные надписи

Что это скорее всего значит

Это не ругань, а подсказка, где именно ошибка. Пугаться не нужно

Запомнили, что видите? Идём дальше.

Шаг 2. Вспомните, что делали последним

Проект не ломается сам по себе. Он сломался после какого-то вашего действия. Задайте себе один вопрос:

«Что я поменял(а) последним, пока всё ещё работало?»

Часто уже на этом месте становится понятно, из-за чего сломалось.

Если поняли и хотите просто отменить последнее действие — нажмите Ctrl и Z одновременно (на Маке — Cmd и Z). Это та самая кнопка «отменить», нажмите несколько раз и посмотрите, вернулось ли. Не помогло или не помните, что меняли, — переходите к шагу 3, он надёжнее.

Шаг 3. Откройте историю проекта

Вот здесь и пригодится всё, чему учились на уроке. У вас сохранены рабочие версии проекта — те, что вы записывали, пока всё было хорошо. Это как черновики документа, которые вы сохраняли по ходу: всегда можно вернуться к любому.

Маленькое напоминание: каждое такое сохранение с подписью называется «коммит». По сути — просто отметка «вот здесь всё было хорошо».

Если сохранений мало или последнее было давно — вернётесь чуть дальше назад и потеряете немного работы. Неприятно, но проект будет жив. Вывод на будущее: сохраняйтесь почаще — сделали законченный кусочек, сразу сохранили.

Шаг 4. Вернитесь к рабочей версии

Теперь верните проект к той хорошей версии, которую нашли в шаге 3. Это движение мы отрабатывали на уроке — специально ломали трекер и возвращали его обратно.

После возврата проверьте себя:

Готово. Вы сами вернули проект из «сломано» в «работает». Это и есть та страховка, ради которой мы храним историю версий: что бы ни случилось, назад дорога всегда есть.

Чтобы в следующий раз было ещё легче

И самое главное: начать переделку заново — это не провал. Это обычная рабочая ситуация. Так делают все, кто создаёт проекты, даже очень опытные люди.