8 шагов, чтобы получать 100 тысяч за код
Сохраните в закладки сейчас, скажете спасибо через год. Сначала шаги, в конце каждого этапа — ссылки для внеклассного чтения.
1. Познакомьтесь с веб-разработкой
Продолжительность этапа: 1 месяц.
Сначала будет много непонятных слов, аббревиатур и голова пойдёт кругом. В одном JavaScript десятка три направлений, поэтому нужно понять, ваше ли это вообще. Смотрите видео на Ютюбе или тренируйтесь на тренажёрах. Другой вариант — по учебникам, но с ними сложнее всего. Электронные пока держатся, а вот бумажные устарели ещё до публикации.
Что знать на этом этапе.
Для начала вам даже не нужен сайт. Чтобы было проще и дешевле — настройте на домашнем компьютере сервер и экспериментируйте там. Можно и код покрутить, и вёрстку поломать, и написать пару скриптов на PHP.
Где применять знания. Пока просто поймите, какая из областей веб-разработки нравится больше (и нравится ли вообще хоть что-то).
2. Постепенно увеличивайте уровень сложности
Продолжительность этапа: 2 месяца.
После того, как определились с направлением, проходите более сложные курсы и усложняйте испытания.
Базовая база. На этом этапе нужно знать обо всём, из чего строятся страницы — формах, таблицах, медиа-элементах и всём остальном. Хорошо строить сетки, отличать флексы от гридов и декорировать страницы. Ещё хорошо бы не путать друг с другом переменные, типы, условия, циклы, массивы и объекты. Хотя бы со словарём и StackOverflow.
Гитхаб и бэкапы. На этом этапе лучше научиться пользоваться Гитхабом и завести себе репозиторий. Вы сможете показывать хорошие проекты работодателям, чтобы не делать все подряд тестовые задания при приёме на работу.
Инструменты. Экспорт графики из макетов, консоль, быстрая работа с Гитом, инструменты разработчика в браузере — это всё должно быть знакомо и под рукой.
Где применять знания. На этом этапе вы окончательно разберётесь, из чего состоят веб-страницы, как их правильно собрать и сделать всё красиво. Этого уровня хватит, чтобы сделать страничку своей собаке или брать несложные заказы на фрилансе.
А ещё не бойтесь, что всё сломалось или не получается. Это как в качалке — сначала тяжело, а потом бицуха.
3. Запишитесь на полноценный курс и пройдите его
Продолжительность этапа: до полугода.
Веб-разработке обычно не учат в колледжах и университетах, так что есть смысл посмотреть на какой-нибудь полноценный курс по вёрстке или программированию. Их тоже очень много на любой бюджет.
Актуальная программа курса. Проверьте, чтобы в выбранном курсе учили вещам из списков ниже — обязательно не всё, но чем больше, тем лучше. Иногда такие списки могут вмещаться в 2 или 3 курса, это нормально, так как все знания должны уложиться в голове и усвоиться на практике.
В списках ниже — необходимая база для любого хорошего разработчика/верстальщика. Всё это будут спрашивать на собеседованиях, поэтому чем больше пунктов совпадёт — тем лучше.
В курсах по вёрстке должны быть:
В курсах по JavaScript. Хорошо бы, чтобы там давали понятную базу: типы, операторы, алгоритмы, функции, циклы, объекты и структуры данных.
Инструменты (для вёрстки и JavaScript):
Где применять знания. Тренируйтесь в домашних проектах — или делайте странички по бесплатным макетам, или найдите готовые наборы навыков, где есть и теория, и упражнения для тренировки.
Делайте проекты, которые интересны лично вам или полезны в хозяйстве.
Идеи проектов для тренировки.
Деньги. После курсов по вёрстке можно пойти младшим верстальщиком за 25-45 тысяч (в зависимости от города) и делать хорошие сайты. Обычно верстальщикам быстро наскучивает верстать, и они идут на курсы по JavaScript — это увеличивает количество задач и поднимает зарплату до 40-75 тысяч. К тому же, хорошие разработчики быстро растут, так как их меньше, чем нужно в индустрии.
4. Найдите знакомого, который разбирается в теме
Продолжительность этапа: полчаса, чтобы написать в Фейсбуке всем знакомым.
Попросите его быть вашим наставником. Такому человеку можно показывать код, жаловаться на тяжёлую программистскую жизнь и просить совета. Хорошо, если вам будут отвечать.
На хороших курсах за вами закрепляют личного наставника, тогда можно подружиться и поддерживать контакт. В IT очень важны знакомства и большая сеть знакомств, поэтому не бойтесь знакомиться. Если к этому моменту вы уже работаете младшим разработчиком, наставника вам дадут на работе. Слушайте его и запоминайте, чтобы потом ещё кому-нибудь передать знания.
5. Выучите какой-нибудь фреймворк
Продолжительность этапа: 1-3 месяца, в зависимости от занятости.
Ваши будущие коллеги обычно не пишут на чистом JavaScript — они используют фреймворки (на курсах об этом тоже расскажут).
Что учить. Самые популярные и прибыльные для фронтендеров — React, Angular, Vue.js, Ember.js и Meteor. Для бэкендеров — Yii2, Laravel, Symfony, Django и Flask.
Если вы знаете JavaScript, но вам понравилось делать бэкенд, попробуйте Express.js — это фреймворк для Node.js.
Суть фреймворков. Они устаревают быстрее бумажных книг по фреймворкам. Поэтому будьте готовы доучиваться, так как на очередном месте работы может понадобиться Vue.js вместо React, с которым вы уже знакомы. Поэтому относитесь к ним серьёзно, но не слишком.
Где применять знания. Для практики на этом этапе попробуйте сделать какое-нибудь тестовое задание по React — есть репозиторий, где лежат задания разных крупных компаний. Выберите то, которое понравилось, разберитесь и реализуйте. А потом положите результат к себе на Гитхаб — лишним не будет.
Деньги. На этом этапе можно зарабатывать ещё больше — средняя зарплата React-разработчика около 100 тысяч. И чем дольше и лучше вы работаете, тем больше получаете.
Можно остановиться на этом шаге — цель из заголовка выполнена. Но никто не мешает пойти дальше и жечь сердца кодом.
6. Пройдите стажировку с командой
Продолжительность этапа: до полугода.
Искать работу можно и без стажировки, но чаще всего она не бывает лишней — как минимум, там вы посмотрите на разработку изнутри.
Где стажироваться. Это или несколько месяцев в крупной компании летом (обычно туда берут студентов старших курсов), или от 3 месяцев до полугода в компании, которая целенаправленно берёт стажёров на вырост.
Ещё на стажировку можно попасть, если хорошо закончить курсы — обычно у школ есть какие-нибудь партнеры, которым нужны младшие разработчики, и все заинтересованы, если вы туда попадёте. После стажировки, если всё хорошо, вас могут туда же взять на работу.
Как себя вести. Берите все задания, которые дают, и попробуйте работать в команде, даже если вы волк-одиночка и можете всё сами. Это важно из-за того, что даже хорошим программистам иногда отказывают в работе из-за неумения общаться с коллегами.
Компании, которые берут себе стажёров, часто встраивают их в команду с менеджером, тестировщиком и другими программистами — вот тут-то и нужно проявить себя.
Где применять знания. В поиске работы — к этому моменту уже должно быть портфолио, пара личных проектов, несколько коммерческих заказов и опыт работы в команде. Если добавить к этому знание фреймворков и хорошую базу в выбранном языке, можно смело ходить по собеседованиям.
7. Найдите работу и устройтесь на неё
Продолжительность этапа: у кого как.
Где искать. Здесь пригодится всё с прошлых этапов — и полученные навыки, и профиль на Гитхабе с регулярными обновлениями, и сеть знакомств. Сайтов с работами тоже много — можно найти вакансии почти в любом городе и с любым опытом.
Иногда работу предлагают прямо после курсов, а у некоторых школ есть свой каталог вакансий. Не стесняйтесь пользоваться такими предложениями и ищите в разных местах. Скорее всего, прямо сейчас где-то грустит один тимлид и не может найти фулстек-фронтенд-реакт-джифорс-программиста, а вы как раз он.
Деньги. Зависит от компании и города. Если вы знаете и умеете всё, что написано выше, хорошо ладите с коллегами и можете спроектировать большой сайт самостоятельно, можно претендовать на зарплату, о которой мы писали в пункте 5. С постоянным развитием и обучением она может повышаться почти бесконечно — потолка особо нет. Тут уж как договоритесь.
8. Участвуйте в жизни сообщества
Продолжительность этапа: всю остальную карьеру.
Если вам есть чем поделиться, ваша ценность растёт.
Что делать. Начните с простых проектов или объяснения сложных штук. Ходите на митапы и конференции, общайтесь с людьми из отрасли. Во всех больших городах есть группы по фронтенду и бэкенду. Ищите то, что вам интересно, и ходите слушать.
Куда ездить. Всё из списка, кроме митапов, проходит раз в год.
На самом деле конференций ещё больше, а то, что в списке — регулярное и большое. Маленькое и нерегулярное тоже бывает хорошим.
Когда наберётесь опыта — выступайте. Чаще всего компании проводят митапы, чтобы найти себе новых разработчиков, и там можно получить интересные предложения и по задачам, и по зарплате.
Учитесь вообще всё время
Этот шаг без номера, потому что учиться нужно вообще на всех этапах. Без этого никак — любая, даже самая простая работа требует обучения и адаптации к новому. Саморазвитие, мотивация, планирование и управление временем — да вы и сами всё это знаете.
Чеклист
Заскриньте, поделитесь в сториз, пусть все знают. Отмечайте @htmlacademy, нам будет приятно.
Как получать 100 тысяч за код
Если хотите что-то добавить, обсудить или прислать свою ссылку для разделов, напишите нам на почту.
Путь к 100 тысячам начинается здесь
Нажатие на кнопку — согласие на обработку персональных данных
25 бесплатных онлайн-курсов по созданию сайтов и веб-разработке
Для начинающих с нуля. До уровня PRO.
1. «Веб-разработка. Быстрый старт» от GeekBrains
Длительность курса: 13 уроков.
Уровень: для начинающих.
Формат обучения: видеоуроки + практические задания без проверки.
Обратная связь: нет.
Программа обучения:
Что узнаете и чему научитесь:
Кто проводит курс
Павел Тарасов
2. «Создание динамического веб-сайта» от itProger
Длительность курса: 22 урока.
Уровень: для начинающих.
Формат обучения: видеоуроки + текстовые материалы + практические задания.
Обратная связь: нет.
Программа обучения:
Что узнаете:
Кто проводит курс
Георгий Дударь
🏆 На правах рекламы. «Профессия Веб-разработчик» от SkillFactory
Длительность: 12 месяцев = 10 часов в неделю.
Документ об окончании: сертификат.
Формат: интерактивные вебинары + пошаговые уроки + работа в тренажёрах + домашние задания с проверкой + общение с другими участниками курса в закрытом чате + работа с личным наставником.
3. «Веб-программирование» от Skillbox
Длительность курса: 8 уроков.
Уровень: для начинающих.
Формат обучения: записи вебинаров.
Обратная связь: нет.
Программа обучения:
Кто проводит курс
4. «Бесплатный курс по созданию сайтов» от Юрия Бошникова
Длительность курса: 28 уроков.
Уровень: для начинающих.
Формат обучения: видеоуроки.
Обратная связь: нет.
Программа обучения:
Что узнаете:
Кто проводит курс
Юрий Бошников
5. «Создание блога на WordPress» от GeekBrains
Длительность курса: 13 урока.
Уровень: для начинающих.
Формат обучения: видеоуроки + практические задания.
Обратная связь: нет.
Программа обучения:
Чему научитесь:
6. «Веб-верстальщик: Начало» от WayUp
Длительность курса: 7 уроков.
Уровень: для начинающих.
Формат обучения: видеоуроки + текстовые материалы + домашние задания с проверкой.
Обратная связь: есть (каждому студенту предоставляется наставник, который проверяет Д/З и отвечает на возникающие вопросы).
Программа обучения:
Кто проводит курс
Андрей Гаврилов
7. «Создание и продвижение интернет-магазина» от Юрия Бошникова
Длительность курса: 12 уроков.
Уровень: для начинающих.
Формат обучения: видеоуроки.
Обратная связь: нет.
Программа обучения:
Кто проводит курс
Юрий Бошников
8. «Создавай сайты и зарабатывай на них» от Артёма Башлыкова
Длительность курса: 30+ уроков.
Уровень: для начинающих.
Формат обучения: вебинары + видеоуроки + практические задания.
Обратная связь: нет.
Программа обучения:
Чему научитесь:
Кто проводит курс
Артём Башлыков
9. «Введение в веб-разработку» от Hexlet
Длительность курса: 8 уроков.
Уровень: для начинающих.
Формат обучения: текстовые уроки + тесты + практические задания.
Обратная связь: нет.
Программа обучения:
Кто проводит курс
Кирилл Мокевнин
10. «Основы HTML, CSS, JS: бесплатный вводный курс» от «Яндекс.Практикума»
Длительность курса: 83 урока = 20 часов на освоение материала.
Уровень: для начинающих.
Формат обучения: интерактивный симулятор (теория в виде текста + практические задания).
Обратная связь: нет.
Программа обучения:
Что узнаете и чему научитесь:
11. «Удалённая профессия: специалист по созданию сайтов без навыков программирования» от Валерии Новиковой
Длительность курса: 5 уроков.
Уровень: для начинающих.
Формат обучения: вебинары + текстовые материалы + практические задания.
Обратная связь: есть (автор ответит на все возникшие вопросы на отдельном вебинаре + можно получить обратную связь от службы поддержки онлайн-школы в социальной сети «ВКонтакте»)
Программа обучения:
Кто проводит курс
Валерия Новикова
12. «Основы веб-разработки. HTML и CSS» от Юрия Аллахвердова
Длительность курса: 32 урока.
Уровень: для начинающих.
Формат обучения: видеоуроки + текстовые материалы + практические задания.
Обратная связь: нет.
Программа обучения:
Чему научитесь:
Кто проводит курс
Юрий Аллахвердов
13. «Создание Landing Page» от Tilda Publishing
Длительность курса: 5 уроков.
Уровень: для начинающих.
Формат обучения: текстовые уроки + домашние задания.
Обратная связь: нет.
Программа обучения:
Что узнаете и чему научитесь:
Кто проводит курс
Никита Обухов
14. «Базовый курс по созданию и заработку на сайте» от Major Academy
Длительность курса: 25 уроков.
Уровень: для начинающих.
Формат обучения: видеоуроки + текстовые материалы.
Обратная связь: нет.
Программа обучения:
Кто проводит курс
Александр Овсянников
15. «Как создать сайт на MotoCMS 3 за 5 дней» от MotoCMS
Длительность курса: 5 дней.
Уровень: для начинающих.
Формат обучения: email-письма.
Обратная связь: нет.
Программа обучения:
16. «Как всего за 3 занятия создать свой сайт для заработка в Интернете» от Евгения Вергуса
Длительность курса: 3 урока.
Уровень: для начинающих.
Формат обучения: скринкасты + текстовые материалы + общение в закрытом комьюнити.
Обратная связь: есть (специалисты службы поддержки онлайн-школы Евгения Вергуса всегда готовы помочь вам в решении вопросов).
Программа обучения:
Кто проводит курс
Евгений Вергус
Дмитрий Воробьёв
17. «Создание и продвижение лендинга» от Михаила Русакова
Длительность курса: 7 уроков.
Уровень: для начинающих.
Формат обучения: видеоуроки.
Обратная связь: нет.
Программа обучения:
Кто проводит курс
Михаил Русаков
18. «Создание динамического веб-сайта» от LoftBlog
Длительность курса: 12 уроков.
Уровень: для начинающих.
Формат обучения: видеоуроки.
Обратная связь: нет.
Программа обучения:
19. «Сайт с нуля на WordPress» от LoftBlog
Длительность курса: 2 урока.
Уровень: для начинающих.
Формат обучения: видеоуроки.
Обратная связь: нет.
Программа обучения:
20. «Создание сайтов на 1C-Битрикс» от LoftBlog
Длительность курса: 22 урока.
Уровень: для начинающих.
Формат обучения: видеоуроки.
Обратная связь: нет.
Программа обучения:
21. «Создаём сайт с нуля на CMS Joomla 3» от Андрея Яновского
Длительность курса: 32 урока.
Уровень: для начинающих.
Формат обучения: видеоуроки.
Обратная связь: нет.
Программа обучения:
Кто проводит курс
Андрей Янковский
Лучшие Курсы по HTML и CSS (ТОП-40) для начинающих
Привет! Тут я собрал большую подборку курсов по HTML и CSS для начинающих. Тут есть как платные курсы, так и бесплатные.
В первом случае вы полностью осваиваете профессию, общаетесь с другими студентами и кураторами, практикуетесь на проектах и получаете ценный опыт.
В случае с бесплатными курсами вам нужно будет самостоятельно нарабатывать опыт и искать информацию. Тут, как говорится, каждому свое.
ТОП-15 платных курсов по HTML и CSS
Профессия Frontend-разработчик от Skillbox
Курс «Профессия Frontend-разработчик» от Skillbox отлично подойдет для новичков и специалистов смежных digital-профессий. За 12 месяцев обучения вы полностью освоите профессию: научитесь работать с HTML, CSS, JS, создавать интерфейсы, работать с различными дополнительными инструментами (Git, Vue.js) и т. д.
Кому подойдет курс:
Во время обучения вы изучаете видеоуроки, выполняете домашние задания, получаете консультации от куратора. В конце вы выполняете дипломную работу (которую можно взять в портфолио) и получаете крутой диплом, который ценится на рынке труда.
- Профессия Fullstack-разработчик — за 115 часов вы научитесь создавать сайты и интернет-магазины. Я — Веб-разработчик PRO — еще одна полномасштабная программа по веб-разработке.
Frontend-разработчик с нуля от Нетологии
Курс «Frontend-разработчик с нуля» от Нетологии позволит получить востребованную профессию с нуля и сразу же начать работать. Вы будете проходить обучение в удобном формате (2-3 раза в неделю), выполнять домашние задания и консультироваться с наставником.
Кому подойдет курс:
Во время обучения вы сделаете несколько крутых проектов, которые потом можно будет взять в портфолио. Среди них интернет-магазин, конструктор, браузерная игра и несколько онлайн-сервисов.
Также после прохождения курса вы получите востребованный диплом и помощь в трудоустройстве.
- Веб-разработчик с нуля — полноценная программа обучения профессии веб-разработчика. Fullstack-дизайнер — программа обучения для тех, кто хочет уметь рисовать дизайн сайтов и сразу же верстать его через HTML5/CSS3.
Курс Frontend-разработчик от GeekBrains
Курс «Frontend-разработчик» от GeekBrains — это полноценная программа обучения для тех, кто хочет научиться верстать сайты на профессиональном уровне.
Учебный процесс мало чем отличается от аналогичных курсов: смотрите видеоуроки, выполняете задания, общаетесь с преподавателем.
Кому подойдет курс:
- Новичкам; Разработчикам с базовым уровнем; Специалистам смежных digital-профессий;
В конце обучения вы делаете дипломную работу и получаете сертификат. Также вы можете получить возможность трудоустроиться в Mail.ru Group или другие крупные российские компании.
- Факультет Веб-разработки — полноценное обучение веб-разработке от GeekBrains. Программист Python — обучение веб-разработке на Python. Факультет Веб-дизайна — обучение веб-дизайну с основами верстки. Javascript-разработчик — полный цикл создания сайтов на JS.
Курс Frontend-разработчик от SkillFactory
Курс «Frontend-разработчик» от SkillFactory — программа обучение фронтенд-разработке для начинающих. За полгода вы освоите HTML и CSS, кроссбраузерную и адаптивную верстку, JavaScript.
Кому подойдет курс:
Во время прохождения курса вы реализуете 4 проекта. Их можно будет добавить в портфолио. В конце вы получите сертификат об окончании и возможность попасть на стажировку в крупную компанию.
Как создать сайт самостоятельно от TexTerra
Курс «Как создать сайт самостоятельно» от TexTerra позволит освоить навыки, необходимые для создания сайтов с нуля. Вы изучите HTML, CSS, Bootstrap и основы JQuery.
Кому подойдет курс:
После обучения вы получите документ, подтверждающий ваши навыки.
Web-start от Glo Academy
Курс по веб-разработке с нуля до первых денег. 6 недель, 3 проекта в портфолио.
Кому подойдет курс:
Есть два тарифа: «Все сам» и «Полный фарш». Отличаются подходом к обучению.
ТОП-25 Бесплатных курсов по HTML и CSS
Бесплатные курсы отлично подойдут для самообучения. Вы сможете самостоятельно осваивать HTML и CSS. Этих базовых знания хватит, чтобы стартануть в фрилансе.
Основы HTML и CSS от Нетологии
Бесплатный курс по верстке от онлайн-школы Нетология. Отлично подойдет для начинающих, т. к. здесь именно базовая информация.
Вы научитесь вносить правки в код сайтов, верстать текстовые блоки, менять оформление и стили разных элементов и т. д.
Курс HTML/CSS от FructCode
Интерактивный онлайн-курс по верстке. Состоит из видеоуроков, тестов, упражнений. Всего: 66 заданий и 5 часов видео.
В конце вы можете получить сертификат об окончании курса.
HTML Academy
Интерактивная онлайн-платформа, которая позволит освоить HTML/CSS на базовом уровне. Бесплатной части вполне хватит, но чтобы получить больше — придется заплатить за подписку.
Курсы постоянно обновляются, так что за актуальность информации вы можете не беспокоиться. Еще они разделены по уровням: начальный, средний и продвинутый.
Сервис можно считать неплохой альтернативой онлайн-школам.
Курс HTML/CSS от Beonmax
Подборка из 65 бесплатных видеоуроков и упражнений для обучения HTML/CSS. Из них 31 — это видеоуроки, 18 — интерактивные задания и 16 — тесты.
В процессе вы освоите основы HTML и CSS, научитесь верстать страницы сайтов, разберетесь с различными инструментами.
Профессия веб-разработчик Яндекс.Практикум
Обучение веб-разработке от крупнейшей IT-компании. Вводная часть курса доступна бесплатно, за остальное нужно платить (примерно 95 т. р. за 10 месяцев обучения).
Вводной части хватит, чтобы освоить HTML/CSS на базовом уровне.
- Курсы на Udemy — на платформе есть много разных курсов, включая по html/css/js. Курс HTML для начинающих WebShake — основы верстки сайтов на html и css. Glo Academy VK — группа с большим количеством бесплатных материалов по верстке. CodeAcademy — платформа с большим количеством курсов, курсы по верстке также есть. Курс HTML и CSS — верстка сайтов для начинающих. Free HTML and CSS tutorial — бесплатный текстовый курс по верстке на английском языке. Учим HTML за 1 Час — видео-туториал от профессионала. Уроки по HTML и CSS — книга по верстке от Webref. HTMLBook — огромный справочник по HTML. HTML5 и CSS3 на примерах — еще одна книга от Webref. Веб-разработка для начинающих на Stepik — бесплатный курс по html и css. Погружение в HTML5 — перевод книги Марка Пилгрима. HTML Tutorial — справочник по HTML (на англ.). HTML | MDN — документация от Mozilla. CSS-Tricks — англоязычный ресурс. WPSchool — полезный ресурс по WordPress (уроки, обучение, статьи). Учебник по HTML и CSS — автор — Трепачёв Дмитрий. HTML5 Учебник — справочник для веб-разработчиков (на русском). Самоучитель языка HTML — учебник для начинающих. HTML и CSS Tutorials от HTML Dog — бесплатные уроки на английском языке.
Заключение
Это все курсы по HTML и CSS, которые я смог найти. Старался выбирать только самые лучшие и полезные, поэтому несколько устаревших курсов не попало в подборку.
Если у вас есть еще какие-то на примете — смело кидайте в комментарии, добавлю в подборку.
Очень надеюсь, что из всех перечисленных здесь онлайн-школ, университетов и сервисов вы нашли то, что искали. Разных курсов действительно много и выбрать иногда сложно. Но я думаю, что вы справитесь 😉.
