Как стать JavaScript-разработчиком в 2023
- 7 июля 2022

Короткий ответ: читайте статьи и книги, смотрите обучающие видео на ютубе, проходите тренажёры и курсы, установите VS Code и попробуйте что-то написать — в общем, учитесь и практикуйтесь, без этого ничего не получится.
Есть и длинный ответ.
Уровень 1. Знакомство
Выучите основы HTML, CSS и JavaScript. HTML — каркас и основа всех сайтов, поэтому нужно знать, что такое теги, как их использовать, и потренироваться ставить <и>
. Проще всего изучить на тренажёре.
Важные навыки:
- Верстать текст и оформлять его.
- Ставить ссылки и изображения.
- Основы CSS — правила, селекторы, свойства и каскадирование.
- Хотя бы немного понимать, зачем нужен JavaScript.
Научитесь отличать фронтенд и бэкенд. Для начала запомните, что фронтенд — видимая часть сайта, а бэкенд — невидимая. Он нужен, чтобы доставать что-то из базы данных и вставлять на страницу.
Фронтенд — HTML, CSS, JavaScript
Бэкенд — PHP, MySQL, Python
Узнайте, зачем нужны макеты. Это важно хотя бы в общих чертах — дизайнеры будут приносить вам свои картиночки, а вы их превращать в код. Еще полезно найти себе макет для практики — например, в каком-нибудь канале. На таких макетах удобно практиковаться или даже положить в портфолио, главное, попросите разрешения у автора.
Практикуйтесь на макете. Для начала настройте всё на домашнем компьютере и экспериментируйте там. Можно и код покрутить, и вёрстку поломать, и написать пару скриптов на PHP.
Уровень 2. Погружение
Углубитесь в HTML и CSS. Смотрите на формы, таблицы, флексы, гриды, медиаэлементы. То есть весь обвес, который можно добавить к текстам, картинкам и ссылкам.
Изучите JavaScript. Узнайте, что такое переменные, типы, условия, циклы, массивы и объекты. Хотя бы со словарём и StackOverflow.
Заведите Гитхаб. На этом этапе лучше научиться пользоваться Гитхабом и завести себе репозиторий. Вы сможете показывать хорошие проекты работодателям, чтобы не делать все подряд тестовые задания при приёме на работу.
Где применять знания. Сделайте себе сайт, используя все полученные знания. Соберите страничку, расскажите о себе и своих навыках и оставьте ссылку на Гитхаб. Потому пригодится. Чтобы вдохновиться, зайдите на Behance и наберите в поиске free site web design или free portfolio site web design.
А ещё не бойтесь, что всё сломалось или не получается. Это же код, просто нажмите Ctrl+Z.
Уровень 3. Курсы
Курсы — короткий путь, чтобы не собирать информацию по кусочкам по всему интернету.
На хорошем курсе по вёрстке научат семантической разметке, сеткам, адаптивной вёрстке, анимациям, работе с графикой, доступности и автоматизации. Проверьте, что всё это есть в программе, потому что потом могут спросить на собеседовании.
В курсах по JavaScript должны объяснять базу — типы, операторы, алгоритмы, функции, циклы, объекты и структуры данных. Разберитесь с этим и научитесь применять, а не просто отличать одно от другого.
Сложное. Разберитесь с DOM, API JavaScript и другими сложными вещами, вроде ООП, асинхронности, валидации форм или Event Loop. Но не думайте об этом в самом начале, всё придёт с опытом. Да и на курсах это точно дают. Ещё профессиональному разработчику пригодится навык «гонять джейсончики». Для этого стоит изучить форматы передачи данных, например, XML
, JSON
, JSONP
и умело управляться с XMLHttpRequest.
Программы на каждый день. Разберитесь с препроцессорами (LESS или SASS), Webpack для сборки, Git для контроля версий, Figma для экспорта графики, DevTools для отладки. Ну и терминал, куда же без него.
После курсов попробуйте найти работу младшим JavaScript-разработчиком — или, по-другому, джуном.
Уровень 4. Фреймворки React, Vue или Angular
Самые популярные и прибыльные для фронтендеров — React, Angular и Vue.js. В разных компаниях нужны разные, но React встречается чаще всего. По нему тоже есть курсы, так что пробуйте — можно даже взять целую профессию, где всему научат с самого начала.
Важно — фреймворки быстро устаревают. Поэтому будьте готовы доучиваться, так как на очередном месте работы может понадобиться Vue.js вместо React, с которым вы уже знакомы.
На этом уровне можно зарабатывать больше 100 тысяч, если вы уже где-то поработали, хорошо знаете основы и не теряетесь в простых задачах. И чем дольше и лучше вы работаете, тем больше получаете.
Материалы по теме
«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.
Читать дальше

Как составить хорошее портфолио
Портфолио — это важный инструмент для любого разработчика, особенно для начинающего. Оно показывает ваши навыки, опыт и квалификацию, привлекает внимание работодателей и повышает шансы на получение оффера мечты.
- 30 июня 2023

8 шагов, чтобы получать 200 тысяч за код
Сохраните в закладки сейчас, скажете спасибо через год. Сначала шаги, в конце каждого этапа — ссылки для внеклассного чтения.
- 12 июня 2023

Что нужно уметь верстальщику
В нулевых никаких фронтов не было, и человек, который делает сайты, был просто человеком, который делает сайты. Мог и на HTML что-то собрать, и стили прописать, и на JavaScript алерты наставить, где нужно. Веб-разработка была маленькой, смешной, но самодостаточной. А потом понеслось.
Верстальщики стали больше писать на JavaScript и начали поглядывать в сторону именования «фронтендер», но всё ещё очень любили делать файлы style.css
на десять тысяч строк.
Сейчас же грань размылась — теперь нет разработчиков на React, которые не понимают, как сверстать макет и обвязать всё стилями. При этом спрос на чистых верстальщиков ещё остался — им не обязательно в совершенстве владеть JavaScript, а вот глубоко понимать, как быстро, точно и качественно из макета сделать страницу — обязательно.
В этом и заключается суть работы верстальщиков. Они берут у дизайнеров макет (это картинка, на которой нарисован сайт — К.О.) и собирают из него страницу. Пишут HTML, CSS, используют магию гридов, флексов, какой-нибудь БЭМ. Стараются, в общем, делают. Молодцы.
С другой стороны, HTML сейчас даже в некоторых школах изучают — но отчего-то сразу после школы никто не спешит платить первокурсникам по 500$ за вёрстку. И тут мы приходим к тому, что в 2023 году требуют от верстальщика работодатели.
Мы в HTML Academy работаем над тем, чтобы верстальщики после двух наших интенсивов по вёрстке находили работу, а после интенсива по JavaScript делали это вообще без проблем. И для того, чтобы чему-то обучать, мы должны понять, что требуется рынку сейчас и какие требования выставляет работодатель к верстальщику, чтобы мы могли покрывать такие требования на курсах.
- 8 июня 2023

Веб-разработка. С чего начать
На старте бывает непонятно, какой язык программирования выбрать первым. На самом деле, нет идеального языка, который раз и навсегда определит вашу карьеру. Освоить новый язык программирования — всё равно что выучить ещё один иностранный. Сначала надо определиться, что вам больше подходит: фронтенд или бэкенд.
- 2 июня 2023

Как попасть в компанию мечты, если там закрыты все вакансии. Советует HR
Если вы мечтаете работать в определённой компании, но не нашли вакансий на сайтах по поиску работы — ещё не всё потеряно. Проверьте объявления на других площадках. Если и там ничего нет, воспользуйтесь «обходными путями»: начните со стажировки или познакомьтесь с рекрутёром.
- 14 февраля 2023

Что почитать начинающему разработчику
Книга — источник знаний. Можно погрузиться в новый язык программирования, изучить фреймворк, получить ответ на интересующий вопрос и много другое. Мы собрали подборку книг, которая поможет понять, как попасть в мир IT, развиваться в карьере и чего ждать от профессии.
- 9 февраля 2023

Хочу работать в IT, но…
Изучать что-то новое всегда — волнительное и завораживающее событие. Но некоторые останавливаются, даже не начав. Почему так происходит? По разным причинам, но бывают случаи, что из-за мыслей «ещё рано», «уже поздно», «нет технического образования», «не знаю английский». Мы покажем на примерах, что возраст, наличие образования и знание английского — не проблема для смены профессии.
- 19 января 2023

Как стать фулстек-разработчиком
В отличие от фронтендеров и бэкендеров, фулстек-разработчик способен полностью самостоятельно создать сайт или приложение. Такой специалист отлично разбирается в технологиях, базах данных, серверах, умеет разрабатывать веб-приложения и сайты, знает как фронтенд, так и бэкенд. Давайте узнаем, в чём преимущества профессии, насколько она востребована на рынке и как стать топовым специалистом.
Фулстек-разработчик сочетает несколько направлений и может заменить собой пару более узких специалистов. Главная его особенность — это универсальность. Именно поэтому спрос на таких специалистов всегда есть и постоянно растёт. Многим компаниям выгоднее нанять одного универсального разработчика, чем содержать штат программистов.
Топовых фулстек-разработчиков очень мало, они востребованы и имеют возможность выбирать из ряда предложений то, что им интересно. Джуны с небольшим опытом в сфере фулстек-разработки могут рассчитывать на зарплату от 30 до 100 000 ₽ в месяц. Опытный разработчик получает в среднем вдвое больше — 120—200 000 ₽.
💡 Что должен уметь топовый фулстек-разработчик:
Понимать полный цикл процесса разработки.
Уверенно знать современный JavaScript (ECMAScript), применять TypeScript.
Строить архитектуру клиентских и серверных приложений.
Применять ООП и паттерны проектирования на практике.
Проектировать и разрабатывать REST API.
Проводить автоматизированное тестирование фронтенда и бэкенда.
Работать с базами данных.
Зарплаты фулстек-направления
Исследования компании Хабр Карьеры за 2022 год говорят, что средняя зарплата разработчиков в России составляет 140 000 ₽. Сумма немного различается по регионам. В Москве зарплата подросла за год и составляет 180 000 ₽, в Санкт-Петербурге осталась на уровне начала года — 150 000.
Зарплата фулстек-разработчика в среднем составляет 200 000 ₽ в Москве, 160 000 ₽ в Санкт-Петербурге и 130 000 ₽ в регионах.
Этот анализ зарплат составлен по вакансиям сайта hh.ru.
Также специальность фулстек ценится за границей, зарплаты в Европе и в Америке очень достойные. В Нью-Йорке опытный фулстек зарабатывает 3000—3500 $. В Германии работодатели указывают в вакансиях зарплату 2500—4000 $.
Изучив вакансии и уровень дохода, скорее хочется прокачать навыки и стать фулстек-разработчиком. Что же для этого нужно?
- 20 декабря 2022

Как написать хорошее сопроводительное письмо
Вот вы нашли подходящую вакансию и уже готовы откликнуться — осталось только написать сопроводительное письмо. Оно дополнит резюме и поможет вам выделиться среди остальных кандидатов.
- 14 декабря 2022

Какие вопросы задают на собеседованиях
Перед первым собеседованием фронтендеры часто сидят и переживают — а что будут спрашивать? А как себя вести? А нужно знать всё-всё или достаточно конкретных вещей?
Короткий ответ — всегда и везде по-разному, угадать тяжело. Некоторые компании составляют собственные уникальные задания, другие берут списки популярных вопросов из интернета. Как повезёт.
Чтобы хоть как-то помочь вам, мы поговорили с коллегами из компаний Affinage и Takeoff-staff, компании Pitch, студии Лепёхина и веб-студии Thmoon. Они рассказали, что спрашивают на собеседованиях, как у них проходит тестовое задание и нужно ли фронтендеру уметь вообще всё, чтобы найти работу.
- 1 декабря 2022