Работа бэкендера не видна пользователю, но именно этот человек помогает сделать так, чтобы сервисы понимали запрос, а сайты правильно реагировали на действия пользователей. Мы выяснили, чем занимаются бэкендеры и почему сейчас легче прийти в профессию, чем еще пару лет назад.
Кто такой бэкендер?
Бэкенд — это всё, что под капотом у любого сайта или сервиса. Например, вы спрашиваете у навигатора маршрут. Пишете нужный адрес, нажимаете на кнопку, и на экране появляется карта с вариантами пути. Всё, что вы видите — интерфейс, анимация, сама карта — обеспечивает фронтенд. Скрытая часть — изучение запроса, вычисление маршрута и передача данных — результат работы бэкендера.
«Пользователь совершает действие, а реакция сервиса или сайта на него затрагивает нужную часть бэкенда. В это понятие входит всё, что позволяет вам реализовывать логику работы тех функций, которые предоставляет интерфейс», — объясняет Алексей Шаграев, руководитель службы разработки Яндекс.Поиска.
Почему backend — это боль? 10 вопросов backend-разработчику
Работа фронтенда и бэкенда видна в любых взаимодействиях с приложением или сайтом. Например, вы подписываетесь на рассылку. «Фронтенд отвечает за то, что берет адрес, который пользователь ввел, и отправляет его на сервер. А сервер принимает адрес, парсит его (изучает и понимает, какой это провайдер), обращается к почтовому провайдеру (провайдер отвечает, что такой адрес существует) и формирует сообщение, с помощью которого провайдер скажет уже другой системе, что на этот адрес нужно отправить письма. Бэкендер отвечает за всё, что происходит после того, как пользователь ввел адрес в строку и данные ушли на сервер», — объясняет Виктор Мамлютов, системный аналитик компании Норбит.
Бэкендер работает с объектами, которые нельзя увидеть или потрогать. Поэтому исторически сложилось, что в эту профессию шли специалисты с техническим образованием. Математический бэкграунд позволяет сразу говорить с более опытными разработчиками на языке общих понятий. Сейчас ситуация меняется.
Появляется больше специалистов, которые переквалифицировались из нетехнических областей в программирование, и могут объяснить материал людям с гуманитарным бэкграундом
«Преимущество технарей только в том, что они раньше сталкиваются с абстракциями, которые облегчают понимание бэкенда. Но нет никаких фундаментальных проблем с тем, чтобы освоить его с любым бэкграундом», — рассказывает София Техажева, руководитель факультета бэкенд-разработки Яндекс.Практикума.
«Бэкенд — это та часть, которая на вопрос «А можно ли сделать вот так?» отвечает: «Можно сделать всё что угодно, просто на это уйдет разное количество временны́х или человеческих ресурсов»», — Виктор Мамлютов, системный аналитик, компании Норбит.
Как строится работа над проектом
Инструменты могут различаться от проекта к проекту, но команды устроены по похожим принципам. Задача разработчиков — улучшать сервис. В этом им помогает руководитель, который объясняет стратегию.
Backend или Frontend: как войти в IT | Новогоднее шоу VK Образование
«У проекта есть команда, в которую входит в том числе бэкендер. У команды есть задачи по развитию сервиса: добавление функциональности и возможностей для пользователя. Руководитель сервиса отвечает за эти задачи — он объясняет всем, что сейчас важно делать и почему. Обычно бэкендер отвечает за конкретный кусочек продукта, с которым надо делать что-то разумное. Например, ускорять его», — говорит Алексей Шаграев из Яндекс.Поиска.
Начинающий специалист обычно работает в команде с более опытными бэкендерами, фронтендерами и техническим лидером. На разных этапах к разработчикам подключается менеджер. Он не может принять техническое решение, но на его комментарии стоит ориентироваться, чтобы понимать потребности продукта и бизнеса.
«Могу рассказать на примере команды Яндекс.Практикума. Я как заказчик для бэкенда говорю: «Нам нужно, чтобы платформа умела делать то-то и то-то. Например, чтобы я вводила код в окошко, а платформа мне что-то отвечала». Дальше мы садимся с бэкендом и обсуждаем задачу: что нужно сделать, как это реализовать, какие есть ограничения.
Мы можем выбирать решение вместе, потому что я и моя команда понимаем в разработке. Иначе у бэкендеров была бы дополнительная задача — объяснить нам как заказчикам особенности каждого решения», — рассказывает София Техажева.
Когда задача поставлена, ее разбивают на промежуточные этапы. Обычно для сервиса или сайта строится гибкая структура, где разные части взаимодействуют друг с другом. Поэтому на разных этапах бэкендер может работать с теми участниками команды, которые отвечают за нужный фрагмент сервиса. Еще у любого продукта есть бэклог — в нем собраны функции, которые хотелось бы когда-нибудь реализовать, и указаны ошибки. Для бэкендера это как список задач на будущее, он может постепенно их выполнять.
Если проект начинают с нуля, то шаги для бэкендера будут такими:
— Выбрать язык. Python, C++, Java, PHP — это основные языки, на которых пишут бэкенд. Так, на Java написано большинство банковских систем — этот язык используют в Райффайзенбанке и Сбербанке. На PHP создана сеть Badoo и часть сервиса ВКонтакте. Чаще всего это исторически обусловленные решения.
Когда в компании уже пять лет пишут на Java, сложно переводить огромный массив кода на другой язык.
— Выбрать инструменты. Например, базу данных или фреймворк. Набор этих инструментов плюс языки, которые бэкендер выбирает, чтобы строить свой двигатель, все вместе называются стек технологий. Стеки бывают разные, в зависимости от задач и традиций компании.
— Написать код. Здесь бэкендер пользуется инструментами для создания версий, тестирования и хранения данных.
Если разработчик бэкенда приходит в уже состоявшийся проект, то язык и инструменты на этом этапе уже выбраны. Тогда бэкендер работает по такому алгоритму:
— Изучает контекст задачи. Если нужно исправить ошибку, то выясняет ее причины, если дописать функцию — смотрит нужный фрагмент кода.
— Предлагает решение. В больших проектах на этом шаге случается планерка с техническим лидером и другими участниками команды, которые отвечают за конкретный фрагмент сервиса. В небольшой команде бэкендер может принять решение сам.
«В больших компаниях бэкендер растет так: вначале он действует как механик — что-то чинит, вставляет новые части. А обучение и опыт приводят к тому, что он начинает проектировать новые структуры самостоятельно», — объясняет София Техажева.
Работа бэкендера не видна пользователю, но ошибки всегда заметны
Например, вы отправляете запрос, а ответа нет или выпадает бессмысленный текст — значит, с сервисом что-то не так. Когда пользователь видит ошибку, он редко может определить, где она случилась — во фронтенде или в бэкенде. Но если происходит сбой на сервере, то система выдает соответствующие сообщения (Error 503 Backend fetch failed и другие).
Что нужно для старта
Знать хотя бы один язык программирования и писать код без ошибок — этого достаточно, чтобы сделать первые шаги в бэкенде, считает Алексей Шаграев. Другие инструменты будут зависеть от специфики проекта, поэтому их лучше осваивать уже в работе.
Идеально сочетать практику с советами от друга-бэкендера. Вначале не нужно много теории, лучше уделять время решению задач
А с вопросами, которые возникают по ходу, обращаться к более опытному разработчику.
«Мы стараемся выступить в качестве такого друга, который поможет разобраться. Скорость самостоятельного обучения зависит от мотивации. Первые строки кода можно написать за день, а учиться делать что-то крутое — от нескольких месяцев до нескольких лет. Важно, насколько человек готов не сдаваться и разбираться, когда что-то не получается», — говорит София Техажева про задачи факультета бэкенд-разработки Яндекс.Практикума.
«Я не думаю, что разработка требует какого-то особого строения интеллекта. Такое мнение было распространено в прошлом, но сейчас его уже практически никто не разделяет», — считает Алексей Шаграев.
Глубокие математические знания или безупречный технический английский не гарантируют успеха в профессии. Конечно, полезно разбираться в абстрактных понятиях, иметь доступ к иностранной литературе и онлайн-ресурсам для разработчиков, но хорошие аналитические навыки и желание освоить бэкенд на старте будут гораздо важнее.
Источник: academy.yandex.com
Чем различается фронтенд- и бэкенд-разработка
Рассказываем, что такое фронтенд и бэкенд, чем они различаются и как взаимодействуют между собой. Разбираемся и выбираем подходящее направление.
Иллюстрация: Merry Mary для Skillbox Media
Олеся Мельник
Пишет про дизайн и маркетинг в Skillbox Media. С 2011 по 2017 год писала про бизнес в деловые СМИ, соучредитель агентства копирайтинга «Абзац».
Артём Садиков
Разработчик в компании VVDEV. Пишет на JavaScript и Golang.
Фронтенд и бэкенд — это как сцена и закулисье веб-приложения. Фронтендеры разрабатывают интерфейсы, изучая и учитывая пользовательский опыт (UX), а бэкенд-программисты — создают «внутрянку» сервиса, которая работает без участия пользователя.
Рассмотрим подробнее, чем занимаются специалисты по обе стороны «веб-сцены».
Что такое фронтенд‑разработка
Фронтенд-разработка — это создание пользовательского интерфейса на клиентской стороне веб‑сайта или приложения. Это всё, что видит пользователь, когда открывает веб-страницу, и с чем он взаимодействует: кнопки, баннеры и анимация. Фронтенд связан с бизнес-логикой продукта (клиентская часть постоянно «общается» с серверной), но её разработкой занимаются бэкенд-программисты.
В процессе работы фронтендер взаимодействует с дизайнерами, бэкенд-разработчиками и UX-аналитиками.
Чтобы понять, что собой представляет фронтенд, откройте страницу любого сайта — вы увидите интерфейс. Щёлкните правой кнопкой мыши по странице, выберите пункт «Исходный код страницы», и перед вами откроется… её исходный код 🙂
Это и есть пример работы фронтенд‑разработчика. Браузер запускает код, который описывает цвета, вёрстку, шрифты и расположение графических элементов, а мы видим такую красоту.
Компоненты фронтенд‑разработки
Фронтенд сайта или веб-приложения можно разделить на три большие части:
- HTML (HyperText Markup Language) — язык разметки документов, на котором создают структуру страницы: заголовки, абзацы, списки и так далее.
- CSS (Cascading Style Sheets) — язык для описания и стилизации внешнего вида документа. Благодаря CSS-коду браузер понимает, как именно отображать элементы. Например, CSS задаёт цвета и параметры шрифтов, определяет, как будут располагаться разные блоки сайта. Ещё он позволяет воспроизводить документ в разных видах: для печати (обычной или шрифтом Брайля), вывода на экран или для чтения скринридером .
- JavaScript — это язык, который оживляет веб-страницы. Его задача — реагировать на действия пользователя, обрабатывать клики мышки, перемещения курсора, нажатия клавиш. Ещё он посылает запросы на сервер и загружает данные без перезагрузки страницы, позволяет вводить сообщения и многое другое.
Что такое бэкенд‑разработка
Бэкенд — это разработка бизнес-логики продукта (сайта или веб-приложения).
Бэкенд отвечает за взаимодействие пользователя с внутренними данными, которые потом отображает фронтенд. Попросту говоря, это то, что скрыто от глаз пользователя и происходит вне его браузера и компьютера.
Пример
Когда водитель садится в салон автомобиля, он видит перед собой «пользовательский интерфейс»: панель управления, руль, педали газа и тормоза. При нажатии на педаль газа машина начинает двигаться вперёд. Так вот, фронтенд — это те самые педали: водитель знает, что будет, когда он на них нажмёт. А бэкенд — это внутренние процессы, которые происходят в автомобиле после нажатия на педаль. Пользователь не видит, как заводится двигатель, и не знает, как он устроен.
Теперь посмотрим, как работает бэкенд сайта.
Когда вы вводите запрос на странице поисковика и жмёте клавишу Enter, вы переходите из области фронтенда в бэкенд. Запрос отправляется на сервер Google или «Яндекса», на котором расположены сложные алгоритмы поиска, — там и происходит всё «волшебство». Как только на мониторе появилась информация, которую вы искали, — вы возвращаетесь в область фронтенда.
По большому счёту, сервер — это тот же компьютер, только удалённый и более мощный. Он хранит данные и отвечает на запросы пользователей.
Компоненты бэкенд‑разработки
Бэкенд-разработчик применяет инструменты, которые доступны на его сервере. Он вправе выбрать любой из универсальных языков программирования — например, Ruby, PHP, Python или Java. Всё зависит от конкретного проекта и задачи заказчика.
Также для бэкенд-разработки используются системы управления базами данных:
Также используются инструменты загрузки (деплоя):
Бэкенд — это не только написание кода, но и создание архитектуры приложения. Архитектура в разработке определяет структуру и порядок использования баз данных. Важно, чтобы база данных корректно взаимодействовала с кодом приложения и непрерывно доставлялась на сервер — за это отвечает бэкенд-разработчик.
В зависимости от продукта обязанности бэкенд-разработчика могут различаться. На одних проектах он создаёт и интегрирует базы данных, на других обеспечивает безопасность или настраивает технологии резервного копирования и восстановления.
Как взаимодействуют фронтенд и бэкенд
Взаимодействие фронтенда и бэкенда происходит по кругу:
- клиентская часть приложения (фронтенд) отправляет пользовательскую информацию на сервер (бэкенд);
- программа на сервере обрабатывает информацию;
- информация возвращается клиентской стороне в понятной для пользователя форме.
Несмотря на то что бэкендом и фронтендом занимаются разные специалисты, каждому из них желательно понимать принципы, по которым работают коллеги. Даже дизайнеру интерфейсов полезно хотя бы в общих чертах знать, как устроен бэкенд проекта, которым он занимается. Это поможет адекватно оценить технические возможности сайта или приложения.
Существует несколько вариантов взаимодействия фронтенда и бэкенда:
- HTTP-запрос напрямую отправляется на сервер, сервер ищет информацию, встраивает её в шаблон и возвращает в виде HTML-страницы.
- Вариант с использованием AJAX (Asynchronous JavaScript and XML). В этом случае запрос отправляет JavaScript, загруженный в браузер, а ответ приходит в формате XML или JSON.
- Одностраничные приложения загружают данные без обновления страницы. Это тоже делается с помощью AJAX или фреймворков Angular и Ember.
- Библиотека React помогает использовать приложение и на сервере, и на клиентской части. Веб-сайт превращается в полноценное приложение, которое получает необходимую для пользователя информацию без обновления страниц.
Пример
Когда вы вводите текст в «Google Документах», то сразу же получаете обратную связь от сервера: программа подсвечивает синтаксические ошибки и предлагает исправления. При этом перезагружать страницу не нужно. Фронтенд и бэкенд взаимодействуют через AJAX и HTML-код, который обрабатывается на сервере.
Обязанности фронтенд- и бэкенд-разработчиков, как правило, разделены, но иногда программист решает проблемы как на стороне сервера, так и в клиентской части. Таких специалистов называют фулстек-разработчиками.
Программисты, которые уверенно чувствуют себя как во фронтенде, так и в бэкенде, нередко встречаются на рынке. Чаще всего это разработчики уровня Senior, прошедшие сложный путь в одной из областей — фронтенде или бэкенде — и имеющие опыт в другой.
- Python для новичков: сферы применения и возможности
- Гайд по кибербезопасности для разработчиков и начинающих специалистов
- 100+ вакансий в IT для джуниоров и начинающих разработчиков совсем без опыта работы
Технология, которая преобразует текст на экране в речь и позволяет слепым и слабовидящим людям взаимодействовать с контентом.
Источник: skillbox.ru
Frontend и backend: что это, в чем разница и что выбрать
Веб-разработка делится на два направления — фронтенд и бэкенд. Они тесно связаны. Нельзя сделать полноценный сайт, используя только одно из направлений.
Задачи, которые решают фронтенд и бэкенд разработчики, принципиально разные. Разбираемся, чем различаются эти два направления, и какое лучше выбрать для освоения.
Что такое frontend-разработка
Фронтенд (frontend) — разработка видимой пользователю части сайта. Это кнопки, блоки текста, слайдер, баннеры, и остальные составляющие страницы. Фронтенд-разработчик создает пользовательский интерфейс, реализуя задумку дизайнера.
Чтобы быстро понять, чем занимается этот специалист, нажмите правой кнопкой мыши на экране, и выберите пункт «Просмотреть код». Отобразившийся на экране код — это работа, проделанная фронтендером.
Исходный код главной страницы Loftschool
Браузер выполняет этот код, в результате чего на экране появляется страница, предлагающая разные варианты взаимодействия открывшему ее посетителю.
Особенности frontend-разработки
Освоить базовые навыки фронтенд-разработки на курсе от Loftschool можно за 3 месяца. Но чтобы стать умелым специалистом, потребуется минимум 3 года активной работы.
Frontend-разработка состоит из трех основных компонентов:
HTML
Язык используется для организации базовой структуры документа: заголовки, блоки, и так далее.
CSS
На этом языке описывается внешний вид видимых пользователю элементов. К примеру, цвет текста или фона страницы.
JavaScript
Язык позволяет сделать страницу более интерактивной и «живой». Например, на нем создаются анимации. Также JavaScript может обращаться к серверу и выводить полученные данные без перезагрузки страницы. Например, это позволяет выводить подсказки в поисковой строке прямо в процессе введения пользователем запроса.
С помощью этих инструментов фронтенд-разработчик создает каркас, на котором по своим местам расставляются тексты, изображения, баннеры. Также он заботится об адаптивности сайта, чтобы каждая страница выглядела одинаково хорошо на любом устройстве, будь то компьютер или смартфон.
Визуализация инструментов фронтенд-разработчика.
От того, насколько хорошо фронтенд-разработчик справится со своей задачей, зависит удобство пользователя, и его впечатление от взаимодействия с сайтом. С одной стороны, страницы не должны быть перегружены необязательными анимациями и эффектами. С другой — не должны выглядеть слишком обычно и стандартно.
Во фронтенд идут люди, которым интересно работать над созданием качественного пользовательского опыта.
Что такое backend-разработка
Бэкенд (backend) — это скрытое от пользователя «сердце» сайта. Написанный бэкенд-разработчиком код взаимодействует с серверной частью. Он отвечает за обработку посылающихся пользователем запросов, результаты скрытой обработки которых потом выводятся на экран.
Например, когда пользователь вводит в поисковую строку текст и нажимает кнопку «искать», он взаимодействует с фронтендом. Но нажатие кнопки отправляет запрос на сервер, и за корректность этого процесса отвечает уже бэкенд. А вот вывод результатов поиска на экран — это уже снова фронтенд.
С чем взаимодействует бэкенд.
Можно провести аналогию с автомобилем. Когда человек садится в машину, он видит руль, спидометр, кнопки, лобовое стекло, а под ногами — педали. Все это — аналог фронтенда. Но как только водитель нажимает на газ или начинает крутить руль, в дело вступают внутренние механизмы автомобиля, приводящие колеса в движение. Двигатель и остальные скрытые под капотом устройства — аналог бэкенда.
Особенности backend-разработки
На курсе бэкенд-разработки от Loftschool можно освоить базовые навыки за 3 месяца. Но также как и со фронтендом, чтобы стать умелым и готовым к абсолютно любым задачам специалистом, потребуется не менее 3 лет работы.
Бэкенд-разработку нередко недооценивают. Среди слабо разбирающихся в создании сайтов людей распространено мнение, что внимания заслуживает только фронтенд. Мол, пользователю абсолютно все равно, что и как работает «под капотом» — они ведь этого не видят. Однако это утверждение ошибочно.
Без правильно и быстро функционирующего бэкенда сайт вряд ли будет работать корректно. Да, иногда фронтендер может самостоятельно, на основе готового шаблона и популярной CMS быстро запустить стандартный веб-ресурс — в такой ситуации работа с кодом может вообще не понадобиться. Однако как только потребуется выполнить нестандартную задачу, например, организовать взаимодействие с API другого сервиса — фронтендер уже не справится.
Разница между frontend и backend.
Бэкенд-разработчик может использовать разные языки программирования, например, PHP, Java, Python. Конкретный обычно подбирается с учетом поставленных задач, и освоенных специалистом знаний. Помимо языков программирования, бэкендеру нужно уметь работать с системами управления базами данных, такими как MySQL и SQLite.
В отличие от фронтенда, бэкенд требует не только работы с кодом, но и проработки архитектуры проекта. Специалист решает, каким образом будут применяться базы данных, и ищет оптимальные способы организации взаимодействия с ними.
В бэкенд обычно идут люди, которым интересна серверная часть веб-ресурсов — скрытые от глаз обычного пользователя механизмы, которые и творят основную «магию».
Взаимодействие между frontend и backend
Между frontend и backend осуществляется постоянное круговое взаимодействие:
- пользователь совершает действие с фронтендом, и данные об этом действии отправляются для обработки в бэкенд — на удаленный компьютер;
- сервер принимает запрос, и выдает ответную информацию, которая выводится во фронтенд, в удобном для пользователя виде;
- пользователь совершает новое действие на веб-странице, и круг замыкается.
Фронтендер и бэкендер за работой.
Вне зависимости от того, какую из двух специализаций вы выберете для освоения, очень желательно понимать основные принципы работы коллег со второго направления. Это поможет общей эффективности работы вашей команды. А также позволит лучше понимать технические особенности проекта, и доступные вам возможности.
Немного о fullstack-разработке
В большинстве проектов фронтендом и бэкендом занимаются два отдельных человека. Однако в теории ничего не мешает освоить вам оба направления. Для таких специалистов придумали отдельный термин. Их называют фулстек-разработчиками, и в Loftschool даже есть отдельный курс для тех, кто хочет уметь все. Это профессионалы широкого профиля, которые могут без сторонней помощи создать крупный современный сайт с нуля.
Фулстек-разработчик во время работы.
Но освоить на совершенном уровне и фронтенд, и бэкенд — гораздо сложнее, чем стать профессионалом в одном направлении. Обычно программисты все же концентрируются на чем-то одном, и уже через несколько лет, при желании, начинают постепенную переквалификацию в фулстек-разработчика. Это решение позволяет повысить зарплату примерно в полтора раза, ведь фактически, человек начинает работать сразу за двух сотрудников.
Что выбрать — фронтенд или бэкенд
Для начинающих программистов выбор между frontend и backend часто становится по-настоящему сложной задачей. Не имея опыта в разработке, может быть непросто понять, к чему именно лежит душа.
Было бы гораздо проще, если бы в одном направлении зарплаты были значительно выше, чем в другом. Но на практике существенной разницы нет. Согласно анализу Loftschool, средний доход и фронтендеров, и бэкендеров — 80 тысяч рублей в месяц.
А вот по данным с «Хабра» медианная зарплата бэкенд-разработчиков — 165 тысяч рублей в месяц, а специалистов по фронтенду — 150 тысяч рублей в месяц.
Статистика по зарплатам от «Хабра».
Конечно, ваша реальная зарплата будет отличаться от средней. В маленькой фирме в регионе начинающий сотрудник может зарабатывать 30, а опытный специалист в столице — 200-300 тысяч рублей в месяц.
Поэтому выбирая между фронтендом и бэкендом, в качестве ориентира используйте собственные интересы, а не мнения других людей и статистику зарплат.
Хочется разрабатывать внешнюю сторону сайта, с которой посетителям приятно взаимодействовать? Нравится приводить веб-страницы в красивый и удобный для изучения вид? Выбирайте фронтенд.
Хотите работать с базами данных, заниматься внутренними механизмами сайта или приложения, и вас мало интересует, как все это выглядит в глазах пользователя? Вам в бэкенд.
А быстро освоить новое ремесло поможет программа обучения от Loftschool. Это касается и курса по фронтенду, и курса по бэкенду. У нас нескучная ламповая атмосфера и топовые преподаватели — вам понравится!
Источник: loftschool.com