Ускорение front-end разработки

Ускорение front-end разработки

В настоящее время front-end-разработчикам необходимо прикладывать немало усилий для того, чтобы их проект был совместим с абсолютным большинством браузеров клиентов, что занимает большое количество времени. В качестве примеров рутинных задач можно назвать такие, как полностью ручное написание html-разметки, добав-ление префиксов для css-свойств для браузеров разных версий, прототипирование javascript-кода и прочее.

Для автоматизации рутинных задач было создано несколько решений, рассмотренных ниже.

Emmet - плагин, созданный для большинства популярных html-редакторов. Позволяет одну строку «синтаксического сахара» превратить в полноценную разметку. Emmet существует как для html, так и для css. В html при его использовании создаются все необходимые теги с рекомендуемыми стандартами атрибутами, в css же парой- тройкой символов задаются полноценные свойства со значениями, при необходимости создаются аналогичные свойства с префиксами.

Sass (scss), less - метаязыки на основе css, предназначенные для увеличения уровня абстракции css-кода [2]. Используя данную технологию, возможно реализовывать функции, называемые миксинами, использовать переменные, наглядно организовывать для программиста вложенность свойств, а импортированные файлы в результате конкатенировать в один файл, что позволит затрачивать меньшее время на загрузку страницы при использовании. В результате компиляции создается один валидный css-файл.

Для упрощения JavaScript-разработки рассматривается язык программирования CoffeeScript, транслируемый в JavaScript. [3] Данный язык улучшает читаемость кода, уменьшает его размер, позволяет писать более компактный код по сравнению с чистым JavaScript. Также имеется возможность использования классов и объектов.

ЛИТЕРАТУРА

ru.wikipedia.org/

sass-lang.com/

coffeescript.org/

Количество показов: 541