Фронтальная веб-разработка

Интерфейсная веб-разработка — это разработка графического пользовательского интерфейса веб-сайта с использованием HTML , CSS и JavaScript , чтобы пользователи могли просматривать этот веб-сайт и взаимодействовать с ним. ^{[ 1 ]}^{[ 2 ]}^{[ 3 ]}^{[ 4 ]}

Инструменты, используемые для фронтенд-разработки

Существует несколько инструментов и платформ, таких как WordPress , Joomla и Drupal , которые можно использовать для разработки внешнего интерфейса веб-сайта. ^{[ 5 ]}

Язык разметки гипертекста

Язык гипертекстовой разметки (HTML) является основой любого процесса разработки веб-сайтов, без которого веб-страница не существует. Гипертекст означает, что в тексте есть встроенные ссылки, называемые гиперссылками. Когда пользователь нажимает на слово или фразу, имеющую гиперссылку, он открывает другую веб-страницу. Язык разметки указывает, что текст можно преобразовать в изображения, таблицы, ссылки и другие представления. Это HTML-код, который обеспечивает общую структуру того, как будет выглядеть сайт. HTML был разработан Тимом Бернерсом-Ли . Последняя версия HTML называется HTML5 и была опубликована 28 октября 2014 г. по рекомендации W3C . Эта версия содержит новые и эффективные способы обработки таких элементов, как видео и аудио файлы.

Каскадные таблицы стилей (CSS)

Каскадные таблицы стилей (CSS) управляют аспектом представления сайта и позволяют вашему сайту иметь свой собственный уникальный внешний вид. Это достигается за счет поддержки таблиц стилей, которые располагаются поверх других правил стиля и активируются на основе других входных данных, таких как размер и разрешение экрана устройства. CSS можно добавлять снаружи, внутри или встраивать в теги HTML. ^{[ 6 ]}

JavaScript

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, чтобы обеспечить быстрое открытие сайта.

Быстрое развитие

Эта технология позволяет ускорить разработку и экономит время.

Ссылки

^ МДН (02.05.2020). «Внешний веб-разработчик» . Разработчик Мозиллы . Проверено 4 июля 2022 г.
^ Данные Рефснеса (4 июля 1999 г.). «Дорожные карты веб-разработки» . w3schools . Проверено 4 июля 2022 г.
^ Данные Рефснеса (4 июля 1999 г.). «Как стать фронтенд-разработчиком» . w3schools . Проверено 4 июля 2022 г.
^ Данные Рефснеса (4 июля 1999 г.). «Фронтенд-разработка» . w3schools . Проверено 4 июля 2022 г.
^ Jump up to: ^а ^б Кодесидо, Иван (28 сентября 2009 г.). «Что такое фронтенд-разработка?» . Theguardian.com . Проверено 17 января 2019 г.
^ Абед, Судад (2019). «Вставка CSS» (PDF) .

[mozilla-1] МДН (02.05.2020). «Внешний веб-разработчик» . Разработчик Мозиллы . Проверено 4 июля 2022 г.

[2] Данные Рефснеса (4 июля 1999 г.). «Дорожные карты веб-разработки» . w3schools . Проверено 4 июля 2022 г.

[w3schools-3] Данные Рефснеса (4 июля 1999 г.). «Как стать фронтенд-разработчиком» . w3schools . Проверено 4 июля 2022 г.

[4] Данные Рефснеса (4 июля 1999 г.). «Фронтенд-разработка» . w3schools . Проверено 4 июля 2022 г.

[theguardian1-5] Jump up to: ^а ^б Кодесидо, Иван (28 сентября 2009 г.). «Что такое фронтенд-разработка?» . Theguardian.com . Проверено 17 января 2019 г.

[6] Абед, Судад (2019). «Вставка CSS» (PDF) .

[ 1 ]

[ 2 ]

[ 3 ]

[ 4 ]

[ 5 ]

[ 6 ]