Все они делают сайты. Но есть нюанс.

Фронтенд-разработчик

Делает страницы сайта. Получает макет от дизайнера и превращает его в готовую страницу — расставляет на места все элементы и проверяет, что всё тянется на разных экранах, хорошо выглядит на смартфонах и не разваливается, если изменить размер окна. Это называется «вёрстка», а фронтенд-разработчиков часто называют верстальщиками. Верстку пишут на языках HTML и CSS. С макетами работают в Figma или фотошопе.

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

В реальной работе верстальщики делают не только страницы — иногда нужно сверстать макет для Wordpress или Drupal или подготовить вёрстку, которую будут использовать React-разработчики.

Что должен уметь верстальщик

Идеальная вакансия для фронтендера.

Фронтенд-разработчики верстают на HTML, CSS, пишут код на JavaScript и умеют работать с макетами в графических редакторах.

Как начать:

JavaScript-разработчик

Пишет (логично) на JavaScript и делает веб-приложения на React.js (это такая библиотека для усиления JavaScript). В них используются интерфейсы, которые похожи на привычные в компьютерных программах — сложные, из многих окон, с переходами и всем, что мы любим.

React-разработчик должен хорошо понимать и уметь всё, что умеет верстальщик, но часто ему не обязательно верстать самому. Такие разработчики чаще пишут код приложений на React, но для этого им нужно отлично знать «ванильный» JavaScript — просто чистый язык без примесей, на котором тоже можно много всего сделать.

Учить React без знания JavaScript можно, но это как строить пятый этаж дома, не построив первые четыре. Скорее всего, придётся ставить подпорки, а потом всё развалится.

Что нужно уметь React-разработчику

Или как отличить библиотеку от фреймворка.

React-разработчики — это фронтенд-разработчики с улучшенным знанием JavaScript. Они пишут код на React.js. Умеют собирать проекты, работать с системами контроля версий, но, если нужно, могут и сверстать страницу с нуля.

Хочу стать реакт-разработчиком

Фулстек-разработчик

Фулстек-разработчик так или иначе умеет всё — он работает и с фронтендом, и с бэкендом. То есть нужны навыки из двух профессий. Но за это и платят больше — в небольших компаниях такой человек может заменить нескольких специалистов, а в компаниях покрупнее берёт ответственность за значительную часть проекта.

Как стать веб-разработчиком, если вы сомневаетесь

И если с фронтендом всё примерно понятно — там вёрстка и JavaScript — то по бэкенд-части есть разнообразие. И здесь тоже можно учить Python и PHP, а можно отлично выучить JavaScript, разобраться в Node.js и стать фулстеком только с одним языком. Это звучит как минус, но на самом деле и для таких специалистов есть работа.

А ещё таким специалистам хорошо на фрилансе — можно в одиночку брать сложные заказы и получать за это больше денег.

Сколько нужно людей, чтобы сделать сайт с нуля

И может ли один человек заменить всех?

На профессии «Фулстек-разработчик» в HTML Academy мы готовим как раз специалистов по JavaScript, которые могут и сайт оживить, и бэкенд написать, и всё это на JavaScript — с помощью React и Node.js.

Фулстек-разработчик отвечает за фронтенд и бэкенд и может сделать так, чтобы всё заработало вместе и не развалилось.

Бэкенд-разработчик

Занимается той частью сайта, которую не видно. Он работает с информацией, которую сохраняют пользователи, и делает так, что всё это сохранилось, где нужно, а потом отобразилось, где попросят.

Что нужно уметь, чтобы работать бэкендером

И самое главное — нужна ли во всём этом математика.

Бэкенд может быть «тяжёлым» — его пишут на PHP, Python или Ruby, или «лёгким» — его пишут на JavaScript с помощью Node.js. Язык нужно выбирать в зависимости от того, что нужно в конкретной компании или на конкретном проекте. И неудивительно, почему многие бэкендеры выбирают PHP.

Зачем нужен PHP

Важно одно — бэкендеру тоже нужно понимать, как работает JavaScript и как устроена вёрстка. JavaScript нужен как раз для лёгкого бэкенда, а с вёрсткой бэкендеры работают регулярно — например, эта статья загружена с бэкенда и красиво выведена на страницу с его помощью.

Как и React-разработчику, бэкендеру на работе не обойтись чистым PHP. Нужно знать фреймворки, которые упрощают работу, помогают сэкономить время и всё унифицировать, если в компании несколько разработчиков.

Бэкенд-разработчики отвечают за базы данных и пользовательскую информацию. Они пишут на бэкенд-языках, но разбираются и в том, как устроена вёрстка.

Хочу стать бэкендером

Выбор за вами — главное, выбирайте сердцем (ну или исходя из того, где больше платят, тут уж вам решать).


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

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

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

Как составить хорошее портфолио

Как составить хорошее портфолио

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

Читать дальше
Айти
  • 30 июня 2023
Что нужно уметь верстальщику

Что нужно уметь верстальщику

В нулевых никаких фронтов не было, и человек, который делает сайты, был просто человеком, который делает сайты. Мог и на HTML что-то собрать, и стили прописать, и на JavaScript алерты наставить, где нужно. Веб-разработка была маленькой, смешной, но самодостаточной. А потом понеслось.

Верстальщики стали больше писать на JavaScript и начали поглядывать в сторону именования «фронтендер», но всё ещё очень любили делать файлы style.css на десять тысяч строк.

Сейчас же грань размылась — теперь нет разработчиков на React, которые не понимают, как сверстать макет и обвязать всё стилями. При этом спрос на чистых верстальщиков ещё остался — им не обязательно в совершенстве владеть JavaScript, а вот глубоко понимать, как быстро, точно и качественно из макета сделать страницу — обязательно.

В этом и заключается суть работы верстальщиков. Они берут у дизайнеров макет (это картинка, на которой нарисован сайт — К.О.) и собирают из него страницу. Пишут HTML, CSS, используют магию гридов, флексов, какой-нибудь БЭМ. Стараются, в общем, делают. Молодцы.

С другой стороны, HTML сейчас даже в некоторых школах изучают — но отчего-то сразу после школы никто не спешит платить первокурсникам по 500$ за вёрстку. И тут мы приходим к тому, что в 2023 году требуют от верстальщика работодатели.

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

Читать дальше
Айти
  • 8 июня 2023
Веб-разработка. С чего начать

Веб-разработка. С чего начать

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

Читать дальше
Айти
  • 2 июня 2023
Как оформить профиль в LinkedIn

Как оформить профиль в LinkedIn

Если вы заинтересованы в том, чтобы найти работу в зарубежных компаниях, отслеживать их активность и вакансии, создавать и развивать нетворкинг, следить за профилями своих коллег, то во всём этом поможет LinkedIn.

Нетворкинг — это приобретение полезных знакомств в профессиональной сфере. Чем больше у вас таких знакомств, тем больше шансов на успех в карьере.

LinkedIn — это социальная сеть, нацеленная на приобретение профессиональных контактов. Здесь пользователь составляет свой профессиональный профиль, ищет новую работу или интересные партнёрства, налаживает нетворкинг и просто общается.

В LinkedIn зарегистрированы больше 875 миллионов человек и 58 миллионов компаний. Каждую минуту на этой площадке трудоустраивается 8 человек. Предложения для работы есть для каждого специалиста: фронтенд-, бэкенд- или фуллстек-разработчика.

На LinkedIn ваш профиль и есть ваше резюме. Прежде чем отправлять свой отклик, нужно оформить профиль. В статье мы подробно расскажем, как это сделать правильно и получить приглашение на интервью.

Читать дальше
Айти
  • 15 февраля 2023
Как попасть в компанию мечты, если там закрыты все вакансии. Советует HR

Как попасть в компанию мечты, если там закрыты все вакансии. Советует HR

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

Читать дальше
Айти
  • 14 февраля 2023
Что почитать начинающему разработчику

Что почитать начинающему разработчику

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

Читать дальше
Айти
  • 9 февраля 2023
Работа в удовольствие: как электронщик ушёл в айти и не жалеет об этом

Работа в удовольствие: как электронщик ушёл в айти и не жалеет об этом

Как работать в удовольствие

История Алексея Груднова.

Мне было 23 года, когда я окончил университет и устроился на работу не по специальности в местную компанию. Там было направление, связанное с радиосвязью и научным исследованием, поэтому студента с образованием электронщика взяли как программиста в среде Matlab. Проработал год и понял, что это не моё. Специальность, полученная в вузе, совершенно не нравилась. Мне всегда нравилось программирование и я решил целенаправленно взяться за обучение.

Обучение

На Академию наткнулся случайно, просматривая очередной ролик на ютубе. Там упоминали фронтенд, как направление и рекламу курсов. Сначала отнёсся скептически, потому что уже тогда в интернете было миллион курсов, а отношение в принципе к этому явлению было негативное.

Но по воле случая зашёл на сайт Академии. Прошёл пару бесплатных тренажёров и меня увлекло. Понял, что обучаться самостоятельно будет нереально — всё будет отвлекать, запала и мотивации на самообучение хватит на месяц-два. Поэтому решил, что самым верным способом обучиться будет купить полноценную профессию в рассрочку, чтобы ежемесячный платёж постоянно мотивировал обучаться дальше.

Параллельно с обучением работал 5/2 с девяти до шести и обучался в магистратуре. Свободного времени практически не оставалось, но делал этот выбор осознанно.

Так и попал во фронтенд. Прошёл профессию «Фронтенд-разработчик», затем решил купить отдельно курс по React.js, потому что целью было как можно быстрее устроиться на работу. Работу JavaScript-разработчиком не найти, а чисто верстальщиком быть не хотел, поэтому курс по React, что называется, мастхэв. Написал менеджеру из Академии, что «‎Акселератор» и стажировка пусть подождут два месяца, а я пойду учить React.

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

После курса по React оповестил менеджера из Академии, что могу теперь вернуться к стажировке, а пока сам начал искать вакансии.

Трудоустройство

С момента, как я попал в Академию, прошло девять месяцев. На месяц выпал из обучения, потому что писал диплом для магистратуры. Затем начал изучать рынок вакансий.

В моём городе нормальных вакансий во фронтенде не было от слова совсем, поэтому искал вакансии только с удалёнкой.

Составил резюме, указав ключевые навыки, полученные в рамках обучения, прикрепил ссылки на Git самых удачных проектов и начал откликаться на все вакансии где был React. Параллельно продолжал работать на своей основной работе.

Тщательно выбирал вакансии, поскольку не хотел устроиться куда попало. В качестве платформы: hh.ru и «Центр карьеры» от Академии. Как показала практика, самые крутые вакансии для новичков были в «Центре карьеры».

Спустя месяц поиска наткнулся на вакансию от Thmoon.ru. Это небольшая команда, занимающаяся аутсорсом на полной удалёнке. Было два собеседования: первое с руководителем в формате общения, второе — лайвкодинг с решением трёх небольших задачек. С собеседованием справился хорошо и мне сделали оффер. На следующий день написал заявление на увольнение с основного места работы.

Настоящее время

Уже около года работаю у ребят из Thmoon. За это время сильно прокачался как разработчик, поработал в разных командах на крупных проектах. Скажу честно, первый месяц был довольно сложным в плане вхождения в процессы коммерческой разработки. Главное в этот момент не опускать руки и продолжать учиться.

Мой стек: TypeScript, React, Redux Toolkit. Также успел поработать с бекендом (Node.js), веб-сокетами. Очень доволен работой и командой. Аутсорс позволяет изучать кучу технологий, поработать на нескольких проектах, набраться опыта. Считаю, что на начальном этапе для разработчика это главное.

Очень доволен тем, что выбрал именно Академию и курсы, как способ обучаться. Это было одно из самых верных решений в жизни, которое позволило найти любимую работу и сферу деятельности. Своим друзьям, которые тоже хотят обучаться фронтенду, непременно рекомендую именно Академию, как площадку для старта.

Больше статей про выпускников

Читать дальше
Айти
  • 3 февраля 2023
Хочу работать в IT, но…

Хочу работать в 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