Доклад на SECON’2014

• публикация на сайте конференции
• тезисы
• презентация
• видео
• статья

Кратко

Доклад посвящен новым трендам развития браузерных технологий - внедрению в браузеры поддержки комплекса спецификаций Web Components - Shadow DOM, HTML Imports, Custom Elements, HTML Templates.
Будут кратко рассморены предпосылки и история создания комплекса спецификаций, их назначение, приведены примеры использования, рассмотрены плюсы и минусы внедрения, будет дан краткий обзор существующих библиотек, использующих эти технологии.

Развернуто

В начале 2013 года произошло знаковое событие в истории развития браузеров - были имплементированы пилотные варианты спецификаций W3C Web Components, работа над которыми ведется с 2008 года.
Web Components является одним из направлений деятельности ¹ группы W3C Web Applications (WEBAPPS) Working Group ².
Основные спецификации этого направления:

• Shadow DOM
• HTML Imports
• Custom Elements
• HTML Templates

Комплекс спецификаций Web Components:

• позволяет разработчикам web-приложений нативными средствами браузера создавать сложные компоненты пользовательского интерфейса с возможностью наследования и повторного использования;
• предоставляет средства описания шаблона компонента, его поведения, стилей отображения, а также методы их инкапсуляции в единую независимую сущность.

Web Components является логичным развитием возможностей браузеров, которое произошло под влиянием массы UI-фреймворков - Prototype JavaScript Framework, The Yahoo! User Interface Library, Ext JS, JQuery, jQuery UI.
Реализация в браузерах поддержки спецификаций Web Components не уменьшает значимости существующих UI-фреймворков, наоборот - даст импульс в их развитии.
Уже сейчас можно использовать на практике возможности Web Components с помощью полифилов X-Tag - Web Components Custom Element Polylib by Mozilla, Polymer by Google. Существуют каталоги компонент и UI-элементов на базе X-Tag и Polymer - Polymer elements, Custom Elements - a web components gallery for modern web apps.