Интерфейсная веб-разработка — это разработка графического пользовательского интерфейса веб-сайта с использованием HTML , CSS , JavaScript и различных фреймворков/библиотек, чтобы пользователи могли просматривать этот веб-сайт и взаимодействовать с ним. [1] [2] [3] [4]
Существует несколько инструментов и платформ, таких как WordPress , Joomla и Drupal , которые можно использовать для разработки внешнего интерфейса веб-сайта. [5]
Язык гипертекстовой разметки (HTML) является основой любого процесса разработки веб-сайтов, без которого веб-страница не существует. Гипертекст означает, что в тексте есть встроенные ссылки, называемые гиперссылками. Когда пользователь нажимает на слово или фразу, имеющую гиперссылку, он открывает другую веб-страницу. Язык разметки указывает, что текст можно преобразовать в изображения, таблицы, ссылки и другие представления. Это HTML-код, который обеспечивает общую структуру того, как будет выглядеть сайт. HTML был разработан Тимом Бернерсом-Ли . Последняя версия HTML называется HTML5 и была опубликована 28 октября 2014 г. по рекомендации W3C . Эта версия содержит новые и эффективные способы обработки таких элементов, как видео и аудио файлы.
Каскадные таблицы стилей (CSS) управляют аспектом представления сайта и позволяют вашему сайту иметь свой собственный уникальный внешний вид. Это достигается за счет поддержки таблиц стилей, которые располагаются поверх других правил стиля и активируются на основе других входных данных, таких как размер и разрешение экрана устройства. CSS можно добавлять снаружи, внутри или встраивать в теги HTML. [6]
JavaScript — это императивный язык программирования , основанный на событиях (в отличие от декларативной языковой модели HTML), который используется для преобразования статической HTML-страницы в динамический интерфейс. Код JavaScript может использовать объектную модель документа (DOM), предоставляемую стандартом HTML, для управления веб-страницей в ответ на события, такие как ввод пользователя.
Используя метод под названием AJAX , код JavaScript также может активно извлекать контент из Интернета (независимо от получения исходной HTML-страницы), а также реагировать на события на стороне сервера, добавляя по-настоящему динамичный характер работе с веб-страницей.
WebAssembly , поддерживаемый всеми основными браузерами (т.е. основными поставщиками Google, Apple, Mozilla и Microsoft), является единственной альтернативой JavaScript для запуска кода в веб-браузерах (без помощи плагинов, таких как Flash , Java или Silverlight ; все прекращено, поскольку браузеры прекращают поддержку плагинов). До его принятия существовал asm.js (подмножество JavaScript; поэтому он строго работает во всех браузерах), который также использовался в качестве цели компилятора с эффективной поддержкой в таких браузерах, как Internet Explorer 11 ; и для таких браузеров, которые не поддерживают WebAssembly напрямую, его можно скомпилировать в asm.js и те браузеры, которые поддерживаются таким образом. Вообще говоря, программисты не программируют непосредственно на WebAssembly (или asm.js), а используют такие языки, как Rust, C или C++ или теоретически любой язык, который компилируется в него.
Разработчик внешнего интерфейса учитывает эти моменты, используя доступные инструменты и методы для достижения этой цели. [5]
Продолжая разработку мобильных устройств, таких как смартфоны и планшеты, дизайнерам необходимо убедиться, что их сайт корректно отображается в браузерах на всех устройствах. Это можно сделать, создав адаптивный веб-дизайн с использованием таблиц стилей CSS.
Цели производительности в основном связаны со временем рендеринга, управлением HTML, CSS и JavaScript, чтобы обеспечить быстрое открытие сайта.
Эта технология позволяет ускорить разработку и экономит время.