Front-end разработка

0

Услуги frontend разработки приложений нужны для создания веб-приложений. Такие программные продукты способны взаимодействовать с пользователем через браузер. Когда вы оставляете заявку, оформляете покупку, заказываете билеты в интернете, то всегда взаимодействуете с системой.

Фронтенд разработка

Front end разработка — что это

Фронт — это клиентская часть приложения, через которую пользователь взаимодействует с системой.

Создание этой части веб-приложений и есть фронтенд-разработка.

Для этого используются набор технологий:

  • HTML (для базовой структуры страницы и содержимого);

  • CSS (для визуального редактирования);

  • JavaScript (для создания интерактивных веб-сайтов).

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

Frontend аудит подразумевает техническое исследование ресурса:

  • сбор метрик и анализ статических ресурсов сайта;

  • исследование HTTP-запросов;

  • анализ внешних скриптов и ресурсов;

  • профилирование страниц;

  • анализ количества и длительности запросов;

  • статический анализ исходного кода;

  • семантический анализ исходного кода.

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

Frontend

Технологии: что включает в себя frontend

Обычно интерфейсы создают с помощью следующего набора инструментов: HTML, CSS и JavaScript. Это базовый пакет, но технологии разработки front end приложения могут быть дополнены препроцессорами CSS, фреймворками и многим другим.

HTML, CSS и JavaScript

Интерфейсный разработчик проектирует и разрабатывает веб-сайты и приложения с использованием веб-технологий (например, HTML , CSS , DOM и JavaScript ), которые работают на открытой веб-платформе или действуют как входные данные компиляции для сред, не связанных с веб-платформой например, React Native.

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

Веб-браузеры (наиболее распространенные)

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

Наиболее распространенные веб-браузеры (показаны в порядке наиболее часто используемых):

  • Chrome

  • Safari

  • Internet Explorer (Примечание: не Edge , имеется в виду от IE 9 до IE 11))

  • Firefox

  • Edge

Безголовые браузеры

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

Наиболее распространенными безголовыми браузерами являются:

  • Безголовый Хром

  • Zombie

  • slimerjs

Веб-просмотры

Веб-просмотры используются собственной ОС в собственном приложении для запуска веб-страниц. Веб-представления похожи на о iframe или отдельные вкладки веб-браузера, встроенные в собственное приложение, работающее на устройстве (например, iOS , Android , Windows ).

Наиболее распространенные решения для разработки веб-просмотра :

  • Cordova (обычно для родных приложений для телефонов/планшетов)

  • NW.js (обычно используется для настольных приложений)

  • Electron (обычно используется для настольных приложений)

Что важно запомнить

Фронтенд — это часть веб-приложения, которая отвечает за интерфейс. Через нее пользователь взаимодействует с системой, за которую отвечает бэкенд. Чтобы создать фронт, нужно нанять команду или воспользоваться услугой аутстаффинг frontend разработчиков -это когда в ваш коллектив подключаются дополнительные специалисты.

А вы знали, что у нас есть Telegram?

Подписывайтесь, если вы ценитель красивых фото и интересных историй!

Популярное

Самые горячие темы

Как появилась «Краковская» колбаса, и почему она была популярна в СССР

Как появилась «Краковская» колбаса, и почему она была популярна в СССР

Как жили в Древнем Риме простые люди

Как жили в Древнем Риме простые люди

Дагмар Овербю — самая безжалостная женщина-убийца в истории Дании

Дагмар Овербю — самая безжалостная женщина-убийца в истории Дании

Новые посты

Млечный путь над…

Млечный путь над…

Русские топ-модели 30-х годов

Русские топ-модели 30-х годов

Красотка Ив Мейер — блестящая жизнь с трагическим финалом

Красотка Ив Мейер — блестящая жизнь с трагическим финалом

Что такое хейтвотчинг и хейтфолловинг, или Зачем подписываются на неприятных людей

Что такое хейтвотчинг и хейтфолловинг, или Зачем подписываются на неприятных людей

Русский художник изменил пол героев «Звездных войн» и нарисовал их в стиле пин-ап

Русский художник изменил пол героев «Звездных войн» и нарисовал их в стиле пин-ап

Коты в холодильниках

Коты в холодильниках

История одного геноцида: австралийские аборигены считались животными до 1970-х годов

История одного геноцида: австралийские аборигены считались животными до 1970-х годов

35 примеров, когда исполнение прекрасно, а вот идея подкачала

35 примеров, когда исполнение прекрасно, а вот идея подкачала

Ретро-замес: секс, наркотики и диско в ночных клубах Нью-Йорка в 1970-х годах

Ретро-замес: секс, наркотики и диско в ночных клубах Нью-Йорка в 1970-х годах

Татуировки для тех, кто в восторге от творчества Густава Климта

Татуировки для тех, кто в восторге от творчества Густава Климта

Проклятые миллионы Тэда Биньона: найдут ли когда-нибудь клад, спрятанный игорным магнатом?

Проклятые миллионы Тэда Биньона: найдут ли когда-нибудь клад, спрятанный игорным магнатом?

История якутских алмазов: как у женщин-геологов вероломно украли их открытие

История якутских алмазов: как у женщин-геологов вероломно украли их открытие