Как покорить профессию «Frontend-разработчик»

Кто такой frontend-разработчик?

Чем он связан с дизайном, а чем — с программированием? Давай разбираться вместе!

Frontend-разработчик — это…

…программист, который работает над внешним видом сайта. Он использует макеты от дизайнера и придаёт странице нужный вид:

красивый и удобный интерфейс, интерактивные эффекты, анимация, фильтры и многое другое. Также frontend-разработчик знает языки программирования и при необходимости может самостоятельно написать код для новых элементов. Этим он отличается от верстальщика.

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

Специалист получает макеты от дизайнера и начинает создавать клиентскую часть интерфейса. В его задачи входят:

верстка дизайна: используя язык для описания внешнего вида документа CSS и язык
гипертекстовой разметки HTML разработчик делает шаблоны страниц;
настройка функционала: кнопки, слайдеры, галереи. Для этого frontend делает скрипты или использует готовые;
проверка и тестирование страницы;
консультация по реализации определенного функционала;
оптимизация скриптов для ускорения загрузки страниц.

Навыки

Для новичков есть базовые рекомендации: список навыков, которые пригодятся на старте карьеры.

Уверенное владение самым популярным инструментом специалиста: языком JavaScript.
Умение работать с фреймворками и библиотеками: Angular, Node.js и React.
Языки программирования: PHP, SQL, Java и С#.
Понимание работы системы управления контентом: можно начать с WordPress.
Английский язык на продвинутом уровне: B2, upper-intermediate. Упор — на техническую лексику. Это позволит в оригинале читать рекомендации Google и других международных компаний. Также позволит общаться с клиентами и коллегами.

Количество требований к навыкам специалиста растет в соответствии с продвижением разработчика по карьерной лестнице. Так выглядят требования к специалистам трёх уровней.

Стажёр:

JavaScript;
Type Script;
HTML;
CSS;
React.js.

Junior:

JavaScript;
React.js;
HTML;
CSS;
Git;
методология разработки БЭМ;
адаптивная вёрстка;
система управления базами данных.

Middle:

JavaScript;
React.js;
Vue.js;
Redux;
CSS;
кроссбраузерная вёрстка.

Личные качества:

Коммуникабельность.
Умение задавать направляющие вопросы.
Логическое мышление.
Любознательность и стремление к развитию.
Общая эрудированность.
Художественные навыки.

Преимущества и недостатки профессии

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

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

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

В Беларуси frontend-разработчика ищут 322 компании. Устроиться на работу можно в Минске, Витебске и Гомеле. Некоторые вакансии предусматривают удалённую работу.

Медианная зарплата:

Книги

«JavaScript. Подробное руководство», Дэвид Флэнаган.
«Изучаем TypeScript 3», Натан Розенталс.
«Accessibility for everyone», Лора Калбэг.

Где учиться

В Беларуси есть ряд вузов, в которых студенты могут изучить программирование:

Белорусский государственный университет информатики и радиоэлектроники;
Белорусский государственный университет;
Белорусский национальный технический университет;
Гродненский государственный университет имени Янки Купалы;
Брестский государственный технический университет;
Гомельский государственный университет имени Франциска Скорины.

Там ты сможешь освоить языки программирования и выбрать направление.

Если же ты нацелен именно на frontend-разработку, есть вариант быстрее. Skillbox разработал курс Профессия Frontend-разработчик с нуля до PRO. Студенты научатся программировать на JavaScript и работать с TypeScript, познакомятся с фреймворками, пройдут стажировку и выберут направление развития. Ознакомиться с программой можно здесь.