6 статей, чтобы написать свой первый сайт

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

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

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

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

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

Пишем код

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

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

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

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

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

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

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

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

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

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