Frontend или ноукод: в чем разница

Редакция. Кто-такой Frontend-разработчик и что он умеет? Если вкратце, то то человек, который отвечает за внешнюю часть сайта или приложения: меню, карточки товаров в интернет-магазине, кнопки, формы обратной связи. И это одно из самых творческих направлений в IT. Отсюда первый вопрос: чем принципиально отличается специалист Frontend-разработки от, например, дизайнера на Тильде или любом другом ноукод-конструкторе?

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

То есть

  • дизайнер не занимается разработкой. Даже на Тильде. А специалисты, которые одновременно делают и дизайн и верстку — это отдельная каста, такие универсальные солдаты, full-stack-разработчики.

Но чаще всего дизайн сайта или приложения  заканчивается на прототипе в Фигме. Остальные доработки передаются дальше верстальщику, или разработчику на Тильде, или как раз фронтэндеру.  А Тильда находится где-то посерединке. Как универсальный ноукод-инструмент,  который позволяет вообще убрать из этой цепочки дизайнера или сильно упростить его работу, благодаря готовым предзаписанным или zero-blocks. То есть Тильда значительно упрощает Frontend**-**разработку, потому что для нее не требуется писать код.

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

  • Поэтому чем отличается Frontend ****от дизайна понятно: это совершенно разные профессии и они совершенно не пересекаются. Если дизайнер отвечает за внешний вид сайта и продумывает, как он выглядит на экране, то Frontend-разработчик отвечает за то, чтобы все сделанные дизайнером кнопки, меню, карточки, ссылки и блоки реально работали.

Frontend-разработчики еще обязательно должны беспокоиться о том, чтобы сайт отображался на разных устройствах одинаково, чтобы сайт работал быстро, чтобы работала связка с бекэндом. Что будет, если пользователь откроет сайт в старом браузере, что он увидит?

а) Frontend-разработчик должен владеть языком программирования: HTML, CSS, JavaScript. Есть множество различных фреймворков и библиотек, например, React, Angular и другие.

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

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

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

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

Frontend — это профессия будущего

Редакция. Почему вокруг Frontend-разработки сегодня столько шума, мы поняли: грамотный frontend-разработчик на вес золота, ведь именно от него зависит контакт пользователя с приложением или сайтом. Вопрос: можно ли начать карьеру Frontend-разработке без специализированного высшего образования: реально ли это?

Кирилл Пшинник. Да. Сейчас, если посмотреть, то количество мобильных приложений и сайтов очень растет. Бизнес, у которого нет сайта или мобильного приложения, практически никак не заметен для клиентов. Поэтому любому предпринимательству нужна витрина, посадочная страница, может быть, marketplace или еще какие-то различные сервисы, раскрывающие продукт или  УТП.

  • Огромное количество компаний занимается доработкой своих сервисов, интерфейсов, пользовательского опыта, поэтому профессия Frontend-разработчика сейчас очень востребована. Если посмотреть на HeadHunter, то там более 20 тысяч вакансий по этому запросу. Требуются разработчики на разных языках и в разных направлениях.

Очень много компаний ищут себе людей, а грамотного Frontend-разработчика категории middle или senior найти достаточно тяжело: у них очень большие требования по зарплате. Зарплаты middle Frontend-разработчиков начинаются от 150-200 тысяч рублей. Senior могут получать 300-400 тысяч рублей и даже больше.

Можно ли начать карьеру без специального высшего образования? Да, конечно. На самом деле Frontend-разработка не требует знания глубокого алгоритма, математики и так далее. Тем более сейчас есть нейросети, которые позволяют очень быстро писать код на том же JavaScript, и закрывать тем самым проблемы именно с алгоритмизацией.

То есть

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

Вообще выучиться на фронтэндера можно примерно за  9-12 месяцев. При правильной методологии и мотивации за это время можно подготовить специалиста уровень Junior, который за 1-2 года станет серьезным middle-разработчиком.

Тренды фронтенда

Редакция. Расскажите о трех суперактуальных трендах в разработке Фронтенда. О технологиях и инструментах, которые студенты освоят на нашем курсе, даже если у них нет технического образования и опыта в IT. Какие стеки включает в себя образовательный курс на Зерокодере и какой пул возможностей получает специалист в этой области?

Кирилл Пшинник. Во-первых, как я уже говорил, есть готовые фреймворки и библиотеки, на которых сейчас активно работает Frontend.

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

Второе — это библиотека React. На ней остановимся подробнее.

React, наверное, одна из самых популярных библиотек для создания пользовательских интерфейсов, так как у нее есть компонентный подход, который позволяет создавать модульные элементы интерфейсов.  Там внутри есть много разных технологий и инструментов,  JSX, Hooks, Context API, React Router и другие

Преимущество React заключается в повторном использовании компонентов, это ускоряет сильно разработку и упрощает поддержку кода. Hooks и Context API позволяют эффективно управлять состоянием приложений.

Третье. Еще есть большое количество готовых решений для ускорения разработки и большой комьюнити. Естественно, это CSS и утилитарные CSS-фреймворки, такие как Tailwind CSS. Они позволяют разработчикам писать стили прямо внутри JavaScript и использовать утилитарные классы для быстрого создания адаптивных дизайнов.

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

  • Мы на курсе полностью всему этому учим. Проанализировав более тысячи вакансий, мы определили набор, который, с одной стороны, достаточно легко осваивается начинающим Frontend-разработчиком, а с другой, позволяет откликнуться на подавляющее большинство вакансий.

Мы сделали курс таким, чтобы он был практический. Начинаем с освоения Bash и GitHub, потому что без GitHub любой программист, по сути, не программист. Потом, естественно, осваиваем JavaScript, работаем библиотекой React, изучаем Typescript, проводим работу с состояниями, совместную работу с формами, исследуем, конечно, архитектуру и особенно изучаем архитектуру Frontend-разработчиков.

И, конечно, говорим про то, как загружать приложения на сервер. Отдельный большой блок — это трудоустройство: как сделать резюме, которое пройдет автоматические системы отбора кандидатов, как понравится рекрутеру, пройти тестовое задание и показать все свои знания на собеседовании. У нас есть тарифы с гарантией трудоустройства, это значит, что мы на 100% уверены в эффективности нашей методологии.

То есть новый курс — это такой ультимативный набор, который достаточен для того, чтобы откликаться на подавляющее большинство вакансий.