Полимер (библиотека)

Полимер
Разработчик(и)	Google и участники
Первоначальный выпуск	29 мая 2015 г .; 9 лет назад
Стабильная версия
1.х	1.12.0 / 21 мая 2019 г .; 5 лет назад
2.х	2.8.0 / 24 июня 2019 г .; 4 года назад
Репозиторий	полимер
Написано в	JavaScript , HTML
Тип	библиотека JavaScript
Лицензия	3-пункт BSD
Веб-сайт	www .polymer-проект .org

Polymer — это с открытым исходным кодом библиотека JavaScript для создания веб-приложений с использованием веб-компонентов . Библиотека разрабатывается разработчиками Google и участниками на GitHub . Принципы современного дизайна реализованы в виде отдельного проекта с использованием принципов дизайна Google Design Material .

Polymer используется рядом сервисов и веб-сайтов Google, включая YouTube , YouTube Gaming, обновленный Google Earth (с 2017 года), ^[6] Веб-сайты Google I/O 2015 и 2016, Google Play Music , редизайн Google Sites ^[7] и веб-версия Allo (до закрытия в 2019 году). ^[8]

Другие известные пользователи включают Netflix , Electronics Arts , Comcast , Nuxeo , Coca-Cola , McDonald's , BBVA , IBM и General Electric .

История [ править ]

Публичная разработка Polymer началась в ноябре 2013 года с выпуска Promises Polyfill . Она постепенно расширялась и превратилась в библиотеку веб-дизайна, охватывающую рекомендации по визуальному стилю (с помощью Material Design), привязку данных и большое количество «основных» и «бумажных» веб-компонентов. Первоначально предполагалось, что основные компоненты будут включать в себя общие функции, которые будут необходимы для большинства веб-сайтов, в то время как компоненты Paper предназначались для предоставления более специализированных компонентов с концепциями Material Design, составляющими ключевую часть их дизайна. Важная веха была достигнута с выпуском версии 0.5, которая считалась первой версией проекта, готовой к использованию ранними пользователями. ^[9]

Google продолжил пересматривать дизайн Polymer после выпуска 0.5, уделяя особое внимание проблемам с производительностью, обнаруженным рядом разработчиков. Кульминацией этого стал выпуск Polymer 1.0 в 2015 году, который стал первой «готовой к производству» версией библиотеки. ^[10] Версия 1.0 значительно улучшила производительность Polymer, сократив время загрузки почти в 7 раз. ^[11] В версии 1.0 Google разделил элементы из проекта Polymer, чтобы четко отличать каталог элементов от библиотеки Polymer Polyfill и веб-компонентов.

14–15 сентября 2015 года компания Google организовала Polymer Summit в Амстердаме .

17–18 октября 2016 года компания Google организовала Polymer Summit в Лондоне .

22–23 августа 2017 года компания Google организовала Polymer Summit в Копенгагене .

2 мая 2018 года команда Polymer объявила, что любая будущая разработка Polymer отойдет от двусторонней привязки и системы шаблонов и сосредоточится на LitElement. ^[12] (все еще часть Polymer ^[13]) и односторонние привязки. ^[14]

Особенности [ править ]

Polymer предоставляет ряд функций по сравнению с обычными веб-компонентами:

Упрощенный способ создания пользовательских элементов
Как односторонняя, так и двусторонняя привязка данных
Вычисляемые свойства
Условные и повторяющиеся шаблоны
События жестов

Использование [ править ]

Полимер начал завоевывать все большее признание на рынке, его использование резко возросло в 2015 и 2016 годах, как документально подтверждено веб-сайтомBuildWith. ^[15] Особое внимание было уделено структурированному процессу проектирования, позволяющему создать совместимую структуру «Lego Block». ^[16] LitElement был разработан командой Google Chrome в рамках проекта Polymer в 2018 году. LitElement был разработан как легкая и простая в использовании платформа для создания веб-компонентов, которые можно использовать с любой интерфейсной платформой или библиотекой.

Пользовательские элементы [ править ]

Пользовательские элементы можно создавать с помощью модулей ES (ECMAScript, чаще всего JavaScript ) с классами. Определение пользовательского элемента включает стиль CSS элемента , HTML-шаблон локального DOM , свойства элемента, обратные вызовы жизненного цикла и методы JavaScript:

import {PolymerElement, html} from '@polymer/polymer'

class HelloElement extends PolymerElement {
    // Define the element's template
    static get template() { 
        return html`
        <style>
        /* Local DOM CSS style */
        </style>
        <!-- Local DOM -->
        Hello {{name}}!
        `; 
    }
    static get is() { return 'hello-element'; }
    // Define public API properties
    static get properties() {
        return {
            name: {
                type: String
            }
        };
    }
}
window.customElements.define(HelloElement.is, HelloElement);

Определенный выше элемент можно использовать в HTML-коде:

    <hello-element name="World"></hello-element>

См. также [ править ]

Ссылки [ править ]

^ "АВТОРЫ.txt" . Проверено 18 августа 2017 г.
^ "CONTRIBUTORS.txt" . Проверено 18 августа 2017 г.
^ «1,0» . Полимерный проект . Проверено 18 августа 2017 г.
^ Jump up to: Перейти обратно: ^а ^б «Выпуски · Полимер/полимер» . Гитхаб . Проверено 4 сентября 2019 г.
^ «polymer/LICENSE.txt в мастере» . Гитхаб . Проверено 24 апреля 2017 г.
^ Бидельман, Эрик (18 апреля 2017 г.). «Миссия выполнена: компонентизован. Новый @googleearth построен с помощью #WebComponents с использованием @polymer.pic.twitter.com/h76ztfynYy» . @эбидель . Проверено 08 июля 2017 г.
^ «Знакомьтесь, Google Диск – одно место для всех ваших файлов» . account.google.com . Проверено 21 июня 2021 г.
^ «Кто использует Полимер?» . Гитхаб . Проверено 4 июня 2016 г.
^ «Polymer дает нам возможность поближе взглянуть на пользовательский интерфейс Material Design от Google» . Администрация Андроида .
^ Стивен Макс Паттерсон (29 мая 2015 г.). «Google Polymer 1.0 обеспечивает повторное использование и лучший брендинг в веб-разработке» . ИТ-директор .
^ «Добро пожаловать — Полимер 1.0» . Архивировано из оригинала 14 августа 2015 г.
^ «Обновление дорожной карты, часть 1: 3.0 и последующие версии» .
^ «Джастин Фаньяни в Твиттере» . Твиттер . Проверено 14 мая 2018 г.
^ «Обновление дорожной карты, часть 2: Часто задаваемые вопросы — Полимерный проект» . www.polymer-project.org . Проверено 14 мая 2018 г.
^ «Статистика использования полимеров» . Построен с . Март 2019 года . Проверено 30 мая 2019 г.
^ Элли Койн (13 августа 2015 г.). «Внутри новой архитектуры приложения LEGO Block от ING Direct» . АйТньюс .

Внешние ссылки [ править ]

[1] "АВТОРЫ.txt" . Проверено 18 августа 2017 г.

[2] "CONTRIBUTORS.txt" . Проверено 18 августа 2017 г.

[3] «1,0» . Полимерный проект . Проверено 18 августа 2017 г.

[versions-4] Jump up to: Перейти обратно: ^а ^б «Выпуски · Полимер/полимер» . Гитхаб . Проверено 4 сентября 2019 г.

[5] «polymer/LICENSE.txt в мастере» . Гитхаб . Проверено 24 апреля 2017 г.

[6] Бидельман, Эрик (18 апреля 2017 г.). «Миссия выполнена: компонентизован. Новый @googleearth построен с помощью #WebComponents с использованием @polymer.pic.twitter.com/h76ztfynYy» . @эбидель . Проверено 08 июля 2017 г.

[7] «Знакомьтесь, Google Диск – одно место для всех ваших файлов» . account.google.com . Проверено 21 июня 2021 г.

[8] «Кто использует Полимер?» . Гитхаб . Проверено 4 июня 2016 г.

[9] «Polymer дает нам возможность поближе взглянуть на пользовательский интерфейс Material Design от Google» . Администрация Андроида .

[10] Стивен Макс Паттерсон (29 мая 2015 г.). «Google Polymer 1.0 обеспечивает повторное использование и лучший брендинг в веб-разработке» . ИТ-директор .

[11] «Добро пожаловать — Полимер 1.0» . Архивировано из оригинала 14 августа 2015 г.

[12] «Обновление дорожной карты, часть 1: 3.0 и последующие версии» .

[13] «Джастин Фаньяни в Твиттере» . Твиттер . Проверено 14 мая 2018 г.

[14] «Обновление дорожной карты, часть 2: Часто задаваемые вопросы — Полимерный проект» . www.polymer-project.org . Проверено 14 мая 2018 г.

[15] «Статистика использования полимеров» . Построен с . Март 2019 года . Проверено 30 мая 2019 г.

[16] Элли Койн (13 августа 2015 г.). «Внутри новой архитектуры приложения LEGO Block от ING Direct» . АйТньюс .

[1]

[2]

[3]

[4]

[5]

[6]

[7]

[8]

[9]

[10]

[11]

[12]

[13]

[14]

[15]

[16]