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

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

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

Всё получится, даже если вы геккон
Всё получится, даже если вы геккон

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

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

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

Пишем код

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

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

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

Что получится в результате
Что получится в результате

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

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

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


«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.

ТелеграмПодкастБесплатные учебники

Читать дальше