Разработка веб-интерфейса — это разработка графического пользовательского интерфейса веб -сайта с использованием HTML , CSS и JavaScript , чтобы пользователи могли просматривать этот веб-сайт и взаимодействовать с ним. [1] [2] [3] [4]
Существует несколько инструментов и платформ, таких как WordPress , Joomla и Drupal , которые можно использовать для разработки интерфейса веб-сайта. [5]
Язык разметки гипертекста (HTML) — это современный стандарт для отображения и структурирования веб-контента в Интернете . [ 6] HTML определяет, какие элементы будут отображаться на веб-сайте и как они будут организованы. Все основные веб-браузеры разработаны для интерпретации HTML, и большинство современных веб-сайтов предоставляют HTML пользователю. [7] Гипертекст — это текст, отображаемый на компьютере со ссылками на другой текст, эти ссылки (или ссылки) называются « гиперссылками ». Когда пользователь Интернета взаимодействует с элементом, связанным гиперссылкой, веб-сайт предоставляет пользователю связанные данные. Эти данные могут быть другой веб-страницей HTML, JavaScript или чем-либо еще. Последним основным выпуском HTML является HTML5 , первоначально опубликованный 28 октября 2014 года в качестве рекомендации W3C . [8] [9]
Каскадные таблицы стилей (CSS) управляют представлением и стилем веб-сайта. CSS использует каскадную систему для разрешения конфликтов стилей, применяя правила стилей на основе специфичности, наследования и важности. Медиа-запросы позволяют корректировать макет и внешний вид сайта в зависимости от таких факторов, как размер и разрешение экрана. CSS можно применять тремя способами: внешние таблицы стилей, связанные в файле HTML, внутренние блоки <style> или встроенные в отдельные элементы. [10]
JavaScript — это императивный язык программирования на основе событий (в отличие от декларативной языковой модели HTML), который используется для преобразования статической HTML-страницы в динамический интерфейс. Код JavaScript может использовать Document Object Model (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 для обеспечения быстрого открытия сайта.
Эта технология обеспечивает быструю разработку и экономит время.