60 дней отделяют новичка от первого оплаченного заказа на разработку сайтов
Пошаговый маршрут: от первой строки кода до первого клиента — без воды, без опыта, без вложений
Статистика жестока: 9 из 10 людей, которые начинают учиться веб-разработке, бросают это дело, не заработав ни рубля. Причина почти никогда в отсутствии таланта. Причина в отсутствии маршрута. Ниже — полный план на 60 дней: что учить, в каком порядке, сколько времени тратить и когда начинать брать заказы.
Маршрут на 60 дней
Нажмите на этап, чтобы увидеть подробности
HTML + CSS: фундамент
Теги, семантика, Flexbox и Grid, адаптивная вёрстка. Цель этапа: сверстать 3 страницы по готовому макету, включая мобильную версию. Минимум 2 часа практики в день.
Дни 1–15. Вёрстка: фундамент, без которого всё рушится
Ошибка новичка № 1 — бросаться сразу в фреймворки. React не поможет тому, кто не может сверстать адаптивную карточку товара. Первые 15 дней уходят на HTML и CSS, и это самая важная часть пути.
| Навык | Дни | Проверка результата |
|---|---|---|
| HTML-разметка | 1–4 | Страница проходит валидацию без ошибок |
| CSS-свойства и селекторы | 5–8 | Стилизация без копирования чужого кода |
| Flexbox и Grid | 9–12 | Сложный макет собирается за один вечер |
| Адаптивность | 13–15 | Сайт идеален на экране от 320 px до 1920 px |
Правило этапа: ни одного дня без кода. 30 минут практики ценнее 5 часов просмотра обучающих видео.
Дни 16–35. JavaScript: сайты оживают
Клиент не платит за «красивую картинку» — клиент платит за работающий инструмент: формы, слайдеры, калькуляторы, фильтры. Всё это — JavaScript. 20 дней достаточно, чтобы уверенно решать типовые задачи фриланс-заказов.
Что заказчики реально требуют от исполнителя
Наведите курсор на полосу
Вывод из диаграммы прост: фреймворки не нужны на старте. Три четверти фриланс-заказов — это вёрстка, формы и интерактив на чистом JavaScript.
Дни 36–50. Портфолио: три проекта, которые продают
Клиент выбирает исполнителя по портфолио за 30 секунд. Пустое портфолио — приговор. Решение: сделать три вымышленных, но максимально реалистичных проекта.
1
Лендинг для бизнеса
Одностраничный сайт услуги: преимущества, цены, форма заявки. Самый частый заказ на фрилансе.
2
Многостраничный сайт
5–7 страниц: главная, услуги, о компании, блог, контакты. Демонстрирует структуру и навигацию.
3
Интерактивный элемент
Калькулятор стоимости, квиз или интернет-магазин-мини. Доказывает владение JavaScript.
Дни 51–60. Охота на первого клиента
Последние десять дней — не учёба, а продажи. Первый заказ почти никогда не бывает крупным, и это нормально: цель — опыт, отзыв и разорванный замкнутый круг «нет опыта — нет заказов».
| Канал | Тактика | Шанс отклика |
|---|---|---|
| Фриланс-биржи | 10–15 осмысленных откликов в день на мелкие заказы | Высокий |
| Знакомые и друзья | Сообщение в мессенджерах: «Делаю сайты, нужен кому-нибудь?» | Очень высокий |
| Локальный бизнес | Коммерческое предложение компаниям с плохими сайтами или без них | Средний |
| Соцсети и тематические чаты | Публикация кейсов из портфолио, ответы на запросы «ищу разработчика» | Средний |
Чек-лист готовности к первому заказу
Отметьте выполненные пункты и оцените готовность
Готовность: 0%
Пять ошибок, которые убивают карьеру на старте
Вечное обучение. Десятый курс подряд вместо первого отклика на заказ. Выход из зоны комфорта начинается с 51-го дня, а не «когда буду готов».
Гонка за технологиями. React, TypeScript, Node.js одновременно — верный путь к выгоранию. Сначала глубина, потом ширина.
Работа бесплатно «за отзыв» месяцами. Один проект за отзыв — стратегия. Пять проектов бесплатно — рабство.
Копипаст в откликах. «Здравствуйте, готов выполнить» игнорируют. Разбор задачи клиента в отклике повышает конверсию в разы.
Ожидание идеального момента. Идеальный момент — день 51. Не раньше и, что важнее, не позже.
60 дней — это не срок обучения. Это срок трансформации
Новичок, который следует маршруту, на 60-й день имеет портфолио из трёх проектов, первые отклики и первый заказ. Новичок, который «просто учится», на 60-й день всё ещё выбирает следующий курс. Разница — только в плане.