Как стать frontend-разработчиком: где учиться и как начать зарабатывать от $4 тыс

В своем блоге генеральный директор IT-рекрутингового агентства Indigo Tech Recruiters Екатерина Осадчук говорит, что сегодня вакансий в IT-сфере больше, чем кандидатов. 

Позиция frontend-разработчика – лидер по количеству запросов от работодателей. Это связано с тем, что бизнес активно переходит в онлайн. Так, на портале крупного украинского сообщества программистов DOU в настоящий момент опубликовано около 1 тыс. вакансий для frontend-разработчиков. 

Кроме того, многие международные компании, такие как Ciklum, Sigma Software или Daxx, ищут именно украинских специалистов. Пандемия показала, что удаленная работа может быть эффективной. Катерина утверждает, что часто оплата работы украинского разработчика обходится дешевле, чем та же позиция, например, в США. 

Редакция MC.today разобралась, как стать frontend-разработчиком, с чего начать обучение и сколько можно заработать. 

Какие задачи решает frontend-разработчик

IT-специалист Женя Андриканич объясняет: frontend-разработчик отвечает за создание внешней стороны веб-сайта.

Любой сайт работает таким образом: пользователь что-то вводит в браузере, данные передаются на сервер, обрабатываются там и пользователю возвращается результат. Основная задача frontend-разработчика сделать так, чтобы пользователю было максимально удобно на сайте. На все его запросы должна возвращаться корректная информация. Frontend-разработчик отвечает также за структуру и логику сайта: он должен быть интуитивно понятным. 

Другими словами, все что пользователь видит и с чем взаимодействует, называется frontend. Программист Виталий Карнаух говорит, что frontend-разработчик должен уметь: 

• отрисовать визуальные компоненты сайта под конкретные задачи: когда названия разделов сайта соответствуют их содержанию; 
• продумать и написать логику сайта: чтобы интуитивно было понятно, куда нажимать; 
• группировать данные и формулировать правильный запрос для сервера – так, чтобы он выдал корректную информацию. 

Что должен знать frontend-разработчик

По мнению Жени Андриканича, основные технологии, которые должен знать frontend-разработчик – это HTML, CSS, JavaScript. С ним согласны и эксперты американской академии программирования Kenzie Academy. Они подчеркивают, что это базовые навыки, на которых строится основная работа. При этом никто не требует абсолютного знания технологий: достаточно понять, как система работает, и иметь представление о ее возможностях.

Например, с помощью html можно научиться создавать элементы, а с помощью CSS – украшать их. Благодаря этим знаниям сайт становится уникальным. 

Чтобы стать уверенным frontend-разработчиком, дополнительно также необходимо:

• знать систему контроля версий Git; 
• уметь собрать проект с помощью Gulp и Webpack; 
• разбираться в code style (стилях кода. – Прим. ред.);
• понимать, чем отличаются друг от друга UI-библиотеки (библиотека для создания приложений или пользовательского интерфейса. – Прим. ред.) и фреймворки (набор инструментов для ускоренной разработки сайта. – Прим. ред.); 
• уметь тестировать, то есть проверять в разных браузерах, все ли модули работают так, как ожидалось; 
• знать графические редакторы, например Figma; 
• знать и уметь устанавливать плагины, которые упростят работу программисту. 

Лучше стажироваться в компании, чем учиться самостоятельно

Когда Владимир решил стать frontend-разработчиком, он несколько месяцев усердно учился. Он посещал курсы, но информации был все равно мало. Как рассказывает программист, ему повезло – и под конец обучения его пригласили на стажировку в компанию SoftServe. 

Под руководством более опытных коллег Владимир быстро освоил frontend-сферу, а его работу оценивали все сотрудники. Такая схема делает обучение frontend максимально эффективной: опытные наставники помогут сэкономить время на обучение, протестируют работу новичка и проанализируют его ошибки, а также дадут рекомендации по code review (проверка исходного кода программы. – Прим. ред.). 

Украинский программист Максим Ващенко настаивает: джуниору frontend-разработчику лучше начинать карьеру в компании, а не на «удаленке». Это позволит:

• узнать больше информации, так как обмен знаниями в офисе происходит быстрее; 
• понять «кухню» изнутри и выяснить, кто за что отвечает; 
• его работу будут курировать, а значит, контролировать результат и давать правильную обратную связь. 

Учиться можно и самостоятельно. Например, на бесплатных курсах в Mate academy. Здесь предлагают получить знания бесплатно, но после трудоустройства в течение двух лет выплачивать 17% от своей зарплаты академии. 

Чтобы стать frontend-разработчиком, айтишник Виталий Карнаух рекомендует начать с азов программирования: 

• теория: основы http, как работает web, how the web works; 
• редакторы для написания кода: VSCode, Jetbrains, Codepen;
• основы HTML: справочник HTML, самоучитель HTML, руководство HTML; 
• основы CSS и CSS3: Html5Book; самоучитель CSS, справочник CSS; 
• основы JavaScript: современный учебник, гид по механизмам языка; 

Frontend-разработчик Лоуренс Брэдфорд делится YouTube-каналами, которые помогут освоить профессию:

• DevTips;
• LearnCode.academy; 
• Coder’s Guide; 
• Helping Develop;
• Google Developers; 
• LearnWebCode; 
• Codecourse; 
• Thenewboston;

По мнению Виталия Карнауха, если заниматься по 10–12 часов в неделю, то за несколько месяцев можно научиться решать простые задачи и писать простые коды. Frontend-программисты считают, что даже в процессе обучения стоит выкладывать проекты в общий доступ.

Например, написать сайт не какой-то вымышленной компании, а реально существующей: чтобы результаты вашей работы без труда можно было увидеть в интернете. 

Бразильский программист Бруно Соузу, который более 25 лет помогает разработчикам учиться, советует регулярно практиковаться. Он рекомендует изучить минимум теории для начала и сразу же приступать к работе.

По его мнению, не стоит читать три книги по JavaScript перед тем, как садиться писать код. Лучше прочитать одну и приступить к работе. Чем чаще человек повторяет одни и те же действия, тем быстрее и качественнее у него получается. 

На каком уровне нужно знать английский язык 

Согласно опросу на сайте DOU, который проводили летом 2020 года, знание английского языка на уровне Advanced и выше – все еще редкое явление в украинском IT. Всего 13% респондентов владели им на достойном уровне.

Frontend-разработчик Максим Ващенко убежден: знание английского языка необходимо любому программисту. Информация в IT-сфере устаревает настолько быстро, что ее не успевают переводить. Порой о новой технологии можно почитать только на английском языке. 

Чем лучше вы знаете английский язык, тем больше шансов пройти собеседование в международную компанию. Программист Сергей Немчинский говорит, что соискателя часто просят рассказать о себе на английском языке, о хобби и о своих сильных и слабых сторонах. Для этого нужно владеть языком не ниже уровня Intermediate. 

Сколько зарабатывают frontend-разработчики

Согласно данным сайта DOU, в декабре 2020 года зарплата джуниор-разработчика с опытом работы от одного года в среднем составляла $1075: 

А вот какие навыки необходимы джуниору frontend-разработчику с минимальным опытом работы, чтобы получать зарплату от $200 до $500:

Более продвинутый джуниор-frontend-разработчик может претендовать на зарплату от $800: 

С опытом работы более трех лет frontend-специалист может рассчитывать на заработную плату и от $4 тыс.: