Front-end веб-разработка - Front-end web development

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

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

Есть несколько инструментов и платформ, например WordPress, Joomla, и Drupal, которые можно использовать для разработки внешнего интерфейса веб-сайта, и понимание того, какие инструменты лучше всего подходят для конкретных задач, определяет разницу между разработкой взломанного сайта и хорошо спроектированного, масштабируемого сайта.^[1]

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

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

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

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

JavaScript

JavaScript основанный на событиях императивное программирование язык (в отличие от HTML декларативный язык model), который используется для преобразования статической HTML-страницы в динамический интерфейс. Код JavaScript может использовать Объектная модель документа (DOM), предоставляемый стандартом HTML, для управления веб-страницей в ответ на события, такие как ввод данных пользователем.

Используя технику под названием AJAX, Код JavaScript также может активно извлекать контент из Интернета (независимо от извлечения исходной HTML-страницы), а также реагировать на события на стороне сервера, добавляя по-настоящему динамичный характер работе с веб-страницей.

WebAssembly

WebAssembly, поддерживаемый всеми основными браузерами (например, от основных поставщиков Google, Apple, Mozilla и Microsoft), является единственной альтернативой JavaScript для запуска кода в веб-браузерах (без помощи подключаемых модулей, таких как Вспышка, Ява или же Silverlight; все прекращены, поскольку браузеры отказываются от поддержки плагинов). До его принятия было asm.js (подмножество JavaScript; поэтому строго работает во всех браузерах), который также используется в качестве целевого объекта компилятора с эффективной поддержкой в таких браузерах, как Internet Explorer 11; и для таких браузеров, которые не поддерживают WebAssembly напрямую, он может быть скомпилирован в asm.js, и те браузеры, которые поддерживают этот способ. Вообще говоря, программисты не программируют на WebAssembly (или asm.js) напрямую, а используют такие языки, как Rust, C или C ++, или теоретически любой язык, который компилируется с ним.

GitHub

GitHub, Github - правая рука веб-разработчика. Особенно когда новый проект поручают разработчику, они начинают лажать из-за отсутствия знаний и опыта. В этой ситуации их выручает только гитхаб. Чтобы понять github, сначала узнайте, что такое git? Github - это система контроля версий с открытым исходным кодом. Говоря простым языком, Git Revolve - это центр, GitHub.com, где разработчики хранят свои проекты и сети.

Цели развития

Разработчик интерфейса учитывает эти моменты, используя доступные инструменты и методы для достижения этой цели.^[1]

Доступность

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

Спектакль

Цели производительности в основном связаны со временем рендеринга, манипулированием HTML, CSS и JavaScript для обеспечения быстрого открытия сайта.

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

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