Всем привет! На связи Cibirlan. Мы решили запустить новый цикл статей на тему "Куда пойти в IT?".
Смотря на рынок труда, можно заметить, что сейчас очень много начинающих специалистов, а тех кто только собирается пойти на курсы еще больше. А чтобы выбрать направление, которое будет радовать тебя, нужно понимать что предстоит делать.
Давайте разбираться вместе и начнем мы с Front-end development.
Что такое фронтенд и кто такой фронтендер?
Фронтенд разработка - создание клиентской части приложения.
Фронтенд-разработчик - человек, который создает внешнюю оболочку сайта, приложения или ПО. Он отвечает за весь интерфейс, с которым будет работать пользователь.
Во фронтенде существует еще одна специальность - верстальщик. Это специалист, который разбивает текст на отдельные страницы, компонует его с иллюстрациями.
Иногда в компании это могут быть два разных человека. Верстальщик преобразует графический макет (Photoshop или иной) в набор HTML + CSS + картинки. Затем фронтенд-разработчик делает так, чтобы макеты, полученные от верстальщика, были наполнены реальными данными.
Но сейчас чаще всего фронтенд-разработчик занимается работой верстальщика.
Что нужно знать разработчику?
Чаще всего для фронтенда используют HTML, CSS, языки JavaScript и TypeScript и связанные с ним фреймворки — React.js, Angular и Vue.js.
HTML (HyperText Markup Language) — это основа разметки веб-страниц. С его помощью создают абзацы, заголовки и гиперссылки, добавляют изображения и другие объекты.
CSS — язык разметки стилей. Он позволяет установить размеры отступов, выбрать нужный шрифт и стиль текста, настроить цвет фона, прозрачность элементов и другие параметры.
JavaScript — язык, который помогает создавать всплывающие окна, динамические стили и анимации, делать так, чтобы при нажатии на кнопку отправлялась форма или происходило другое действие.
TypeScript — это язык программирования, в котором исправлены многие недостатки JavaScript.
Немного о фреймворках
Мы уже писали что такое фреймворк в нашем посте. Теперь давайте разберемся чем же они отличаются?
Vue
Vue — это прогрессивный фреймворк для создания пользовательских интерфейсов. Фреймворк Vue.js применяется при разработке:
- быстрых веб-сайтов и приложений, блогов небольшого размера;
- сайтов с высокой нагрузкой — интернет-магазинов, информационных порталов;
- одностраничных (SPA) приложений — социальных сетей, микроблогов-сервисов, CMS и т.д.;
- адаптивных интерфейсов;
- разделов личных кабинетов и пользовательских страниц;
- интерфейсов авторизации, онлайн-чатов, форм заявки и других функциональных блоков.
Фреймворк применяют Alibaba, Twitter, Facebook, Baidu, EuroNews, Xiaomi, Sina Weibo и т.д.
Angular
AngularJS представляет собой opensource JavaScript-фреймворк, использующий шаблон MVC. Собственно использование MVC является его одной из отличительных особенностей. Angular.js стал потрясающей комбинацией низкого порога вхождения и богатого набора функций. Чтобы начать писать на нём небольшие приложения, понадобится около часа свободного времени.
React
React — это JavaScript-библиотека для создания пользовательских интерфейсов. Обратите внимание, что это именно библиотека, а не фреймворк. Код на React выглядит легче и лаконичнее решения на чистом JS. Мы не описываем, как перерисовывать интерфейс. Вместо этого мы указываем, что нужно отобразить на месте компонента, и используем для этого синтаксис, похожий на HTML. Такой подход позволяет относительно легко решать и более сложные задачи.
Трудно понять, какой фреймворк лучше и удобнее — разработчики постоянно спорят и не могут прийти к компромиссу.
Зарплатная вилка
Самое вкусное мы решили оставить на последок. Есть три условия, которые определяют заработок фронтендера:
- Квалификация, опыт и навыки.
- Город.
- Формат работы.
Всем ясно, что зарплата в Москве и в Пензе будут разными, поэтому собрали минимальную и максимальную вилку для каждого уровня
Вакансии
Если взять самый популярный сайт по поиску работы всеми знаменитый hh.ru, то по количеству вакансий места распределились следующим образом:
1. React
2. Vue
3. Angular
В следующих статьях мы расскажем вам о работе Back-end разработчика, дизайнера, тестировщика и разберем еще много других интересных вакансий. Подписывайтесь на наш канал, чтобы ничего не пропустить