Вот и настал волнительный момент — вы прошли какие-нибудь курсы по вёрстке и готовы действовать. Или, наоборот, ничего не прошли и хотите просто что-нибудь накодить, чтобы понять, ваше это или нет. Как раз на этот случай мы подготовили подборку — в чём писать код, как его проверять, и как тренироваться, чтобы однажды изменить жизнь навсегда.

Готовимся к работе из дома

Писать код — немного похожее на работу занятие. Вряд ли вы будете делать это из вашего офиса, поэтому подготовьте рабочее место дома. Даём советы (целых 15!), как это сделать хорошо, да ещё и с фотографиями от сотрудников HTML Academy.

Геккон ползёт по рабочему столу.
Всё получится, даже если вы геккон

Выбираем редактор

Код же нужно в чём-то писать? Обзор четырёх редакторов, которые сделают жизнь лучше, траву — зеленее, а вас — ведущими разработчиками.

Редактор VS Code
Не пугайтесь, это просто буквы

Пишем код

Если не знаете, какой код написать, пройдите тренажёры с теорией, практикой и интерактивностью. Тысячи их! Если вообще не знаете — то вот восемь идей для первого сайта.

Запускаем код на компьютере

Простейший способ из возможных. Удобно настраиваем редактор, подключаем автоматизацию, радуемся.

Редактор VS Code
Что получится в результате

Если вы писали HTML и CSS только на тренажёрах, но хотите делать это на своём компьютере и как профессионал, срочно открывайте и смотрите. Пригодится, если вам надоело вручную обновлять страницу после каждого CTRL+S.

Тренируемся. Делаем SVG-диаграмму

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

Интерактивная диаграмма на SVG.
Получится такая диаграмма

Проверяем, что с кодом всё хорошо

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

Конь в вакууме.
Конь. Сферический. В вакууме.

Разбираемся, как всё устроено

Кто такие фронтендеры, бэкендеры и все остальные люди, пишущие сайты. А для начала этого хватит.

Что делать дальше?

Записаться на курсы и сменить профессию, конечно же. Если хотите, поможем разобраться, что к чему.

Хочу консультацию

Нажатие на кнопку — согласие на обработку персональных данных