Спрос на хороших веб-разработчиков есть и будет всегда. Но начиная этот путь, вам нужно разобраться, чем отличаются frontend-разработчик и backend-разработчик, какой инструментарий использует каждый из них. И, кроме того, какие есть преимущества у многопрофильных специалистов (full stack-разработчиков).

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

Frontend

Мы открываем сайт и видим картинки, текст, дизайн сайта в целом. В этот момент речь идёт о frontend. Конечно, дизайн был отрисован веб-дизайнером, но именно благодаря работе frontend-разработчика мы можем увидеть всё это.

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

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

К frontend-разработке относятся:

  • создание дизайн-макета сайта (сотрудничество с веб-дизайнером);
  • вёрстка сайта, в том числе адаптивная и кроссбраузерная, на основе дизайн-макета;
  • вёрстка шаблона для натяжки на CMS;
  • привязка к пользовательскому интерфейсу скриптов, отвечающих за анимацию страниц сайта.

К инструментам, с помощью которых frontend-разработчик реализует свои задачи, относятся: HTML, CSS, JavaScript.

HTML – это язык разметки гипертекстовых документов, с помощью которого создается структура веб-страницы. (Подробнее об HTML и тегах читайте в этой статье).

CSS – это язык, который служит для описания оформления внешнего вида документа, который был создан с помощью HTML. CSS даёт понять браузеру, как именно должна быть отображена страница, где и как расположатся все её блоки, какого цвета и параметра будет шрифт и так далее.

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

Помимо этих трех инструментов frontend-разработчик должен иметь представление о работе веб-дизайнера и веб-дизайне в целом. Поскольку за удобство использования сайта отвечают оба этих специалиста.

Об этих и других инструментах и технологиях, необходимых современному веб-разработчику, мы регулярно говорим на живых встречах-трансляциях в WAYUP. Буквально завтра, 17 июля в 19:00, состоится бесплатный мастер-класс «Как я зарабатываю на верстке».

Backend

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

Например, вы заполнили форму обратной связи, чтобы менеджер интернет-магазина вам перезвонил. Так вот в момент нажатия кнопки «Отправить» происходит смена frontend на backend. Все дальнейшие действия будут происходить на сервере.

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

Работа backend-разработчика отличается от frontend тем, что она полностью лишена взаимодействия с визуальным дизайном сайта.

К задачам backend-разработки относят:

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

На самом деле, перечень задач backend-разработчика шире, чем задачи frontend-разработчика. И отличаться эти задачи могут в зависимости от проекта, над которым идёт работа. При этом количество инструментов работы также шире, чем во фронтенде.

В арсенале у backend-разработчика, как правило, имеются те инструменты, которые доступны на сервере, где осуществляется работа. Чаще всего это такие языки программирования, как Ruby, PHP, Python, Java.

Если говорить именно о работе с базами данных, то это: MySQL, PostgreSQL, MongoDB, Cassandra, Redis, Memcached.

Full stack

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

Full stack-разработчики не могут одинаково хорошо и досконально знать обе части процесса – frontend и backend. Но их преимущество в том, что они универсальны и могут в одиночку справиться с небольшими проектами.

Как правило, full stack-разработчики – это фрилансеры, которые делают сайты под ключ. Большая часть их работы связана с самым интересным – с созданием визуальной части сайта, с тем, чтобы сделать сайт удобным для пользователя.

Курс WAYUP «Веб-верстальщик: код фрилансера» как раз для тех, кто хочет получить все навыки для старта в веб-разработке. На этом курсе вы изучаете и практикуетесь в работе с инструментами фронтенда - HTML, CSS, JavaScript. И, кроме того, получаете представление о backend части создания сайта, о том, как происходит установка сайта и CMS на сервере, о работе с Wordpress.

Этот курс создан 4 года назад, и с каждым годом мы дополняем его трендами и новыми технологиями веб-разработки. В результате, отучившись на курсе ещё вчера, сегодня вы уже имеете все знания и навыки, чтобы начать зарабатывать на фрилансе.

Очередной поток курса стартует через 2 недели – 30 июля. Приходи, чтобы обрести профессию и начать свой путь в IT.