jQuery UI

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

Кнопка, попап, выпадающий список, выбиралка даты, табы, слайдеры — все это примеры компонентов.

Жизненный цикл компонента — создание, работа, изменение состояния, удаление. Нужно организовать его так, чтобы компоненты интерфейса не влияли друг-на-друга, но, в то же время, могли взаимодействовать. В этом поможет jQuery UI — библиотека для создания независимых компонентов на базе jQuery.

На основе jQuery UI строится большая часть компонентов Magento 2.

Материалы

  • Изучите статьи о jQuery UI в jQuery Learning Center.
  • Примеры виджетов и описание работы с ними вы найдете в документации.