Что такое фронтенд разработка ?

Что такое фронтенд разработка
Фронтенд разработка – суть и цена работы

Оглавление:

Тема этой статьи – фронтэнд разработка – специалистам проста и понятна, а владельцам сайтов, заказчикам их разработки часто не ясна.

Нередко говорят, что информация не важна, поскольку заказывается создание ресурса в целом, а не отдельных частей. Кроме того даже некоторые работодатели в поисках разработчика клиентской части web-приложений, интернет-магазинов и так далее неправильно понимают круг обязанностей специалиста.

Почему стоит прочитать нашу статью? Лишних знаний не бывает, к тому же материал невелик по объему и принесет пользу широкой аудитории. Но в первую очередь он ориентирован на заказчиков разработки сайтов, содержит актуальную для них информацию.

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

Front-end разработка – что это?

Разногласия начинаются уже с написания самого названия профессии и сферы деятельности. В статьях в Интернете, в объявлениях о вакансиях указывают: front end, front-end или frontend разработка.

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

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

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

Итак, клиентская часть сайта, клиентская часть приложения – это то, что работает на устройстве пользователя.

Back-end разработка – что это?

Серверная часть сайта – это back-end, та часть приложения или сайта, которая работает на удаленном сервере. Пользователи тоже взаимодействуют с ней, но опосредованно, через формируемые клиентской частью запросы.

Получая запросы, серверная часть в определенном формате компонует ответы и отправляет через мировую сеть на устройство пользователя. Где front-end получает эту информацию и показывает пользователю!

То есть серверная и клиентская части неразрывно связаны и необходимы для работы сайта или веб-приложения. А front-end и back-end разработка – это их создание, причем мы рассматриваем первую часть.

При этом никак нельзя сказать, что из клиентской и серверной частей клиентская более или менее значима. Во многих случаях back-end создавать сложнее и дольше, но для работы ресурса важны и нужны обе части.

Кто разрабатывает клиентскую часть сайта?

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

Задача верстальщика проще, в основном он занимается шаблонной работой. Достаточно хороших знаний HTML и CSS, а также начальных в JavaScript, чтобы верстать макеты сайтов.

Поясним, что на языке HTML браузеру «объясняют» структуру и содержание страницы, описывают пункты меню, заголовки, текстовые блоки, размещение изображений и так далее. С помощью набора правил (стилей) CSS описывают как именно (цвет, отступы, шрифт и др.) нужно показывать перечисленные в HTML-коде элементы. В редких случаях верстальщик также решает простые задачи на JavaScript.

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

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

Разработка и настройка клиентской части невозможна без хорошего понимания состава и принципов работы серверной части. Помимо сказанного выше, хороший front-end разработчик отлично разбирается как минимум в:

  • Препроцессорах CSS
  • SVG
  • Различных API
  • DOM
  • ECMAScript 6
  • Инструментах отладки и дебаггинга
  • GIT - система контроля версий
  • графических редакторах

Подчеркнем, что это неполный список, для информационной статьи перечень сильно сокращен. А полный ответ на вопрос «Frontend разработка – с чего начать?» намного пространнее.

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

  • Удобство пользовательских интерфейсов (UI и UX)
  • Валидность
  • Оптимизация кода
  • Адаптивность
  • Кроссбраузерность
  • Принципы организации и проведения тестирования, SEO
  • Добиваться высокой скорости загрузки страницы

Адаптация клиентской части в рамках поставленной задачи обеспечивается как соблюдением стандартов World Wide Web Consortium (валидность), так и учетом того, что пользователи используют разные по типу устройства (стационарные компьютеры, ноутбуки, смартфоны), браузеры.

Независимо от используемых пользователем программных и аппаратных средств, он должен полноценно видеть все страницы, важные элементы сайта и взаимодействовать с ними.

Фронтенд разработка – сколько стоит и сколько времени занимает?

На выходе мы получаем готовую публичную часть сайта, к которой пока не подключена БД (база данных), не полностью готов функционал. Эти работы выполняются на завершающем этапе.

Для среднего по сложности ресурса разработка клиентской части требует трудозатрат примерно на уровне 50-150 часов. Если перевести это в деньги на основе типичных на сегодня расценок компаний, получим расходы для заказчика от $500 до $3000.

Видео:

Также можно почитать:

Понравилась статья?

Тогда поделитесь ею с друзьями и подпишитесь на новые интересные статьи.

Поделиться с друзьями:

Подписаться на новые статьи:

Delivered by FeedBurner

Поддержите пожалуйста мой проект!

Следующая статья >>

Если у Вас есть какие-то вопросы или предложения, то можете писать их в комментариях или мне на почту sergiu1607@gmail.com. И если Вы заметили какую-то ошибку в статье, то прошу Вас, сообщите мне об этом, и в ближайшее время я всё исправлю.

Добавляйтесь ко мне в друзья в:

Добавляйтесь в мои группы:

Подпишитесь на мои каналы:

Автор статьи: Мунтян Сергей

Копирование материалов с сайта sozdatisite.ru ЗАПРЕЩЕНО!!!

Дата добавления: 2020-10-02 19:39:27