Компонентный веб сегодня: обзор готовых библиотек
1 like443 views
Документ представляет обзор компонентного веба, включая преимущества использования готовых библиотек компонентов, таких как разделение сложности и легкость в поддержке и тестировании. Рассматриваются существующие предложения на рынке и альтернативы, подходящие для различных типов устройств. Также обсуждаются классификации движков и рекомендации по выбору библиотек для разработчиков.
Компонентный веб сегодня: обзор готовых библиотек
- 2. Компонентный веб сегодня: обзор готовых библиотек Владимир Гриненко, Яндекс
- 3. О себе 3
- 4. О себе 〉4 года в Яндексе 3
- 5. О себе 〉4 года в Яндексе 〉разрабатываю библиотеки готовых компонент 3
- 6. Обсудим 4
- 7. Обсудим 〉Преимущества компонентного подхода 4
- 8. Обсудим 〉Преимущества компонентного подхода 〉Существующие предложения на рынке 4
- 9. Обсудим 〉Преимущества компонентного подхода 〉Существующие предложения на рынке 〉Как сделать выбор 4
- 12. Преимущества компонентного подхода 〉Разделение сложности 6
- 13. Преимущества компонентного подхода 〉Разделение сложности 〉Легко поддерживать 6
- 14. Преимущества компонентного подхода 〉Разделение сложности 〉Легко поддерживать 〉Легко писать юнит-тесты 6
- 15. Преимущества компонентного подхода 〉Разделение сложности 〉Легко поддерживать 〉Легко писать юнит-тесты 〉Легко использовать повторно 6
- 16. Существующие предложения на рынке
- 17. Over 9000
- 18. 9
- 20. Альтернативы 11
- 23. Альтернативы 〉foundation.zurb.com 〉getskeleton.com 〉semantic-ui.com 11
- 24. Альтернативы 〉foundation.zurb.com 〉getskeleton.com 〉semantic-ui.com 〉purecss.io 11
- 25. Аналоги для тач-устройств 12
- 26. Аналоги для тач-устройств 〉goratchet.com 12
- 27. Аналоги для тач-устройств 〉goratchet.com 〉appgyver.com 12
- 28. jqueryui.com 13
- 30. MOAR! 15
- 31. MOAR! 〉sencha ext-js 15
- 32. MOAR! 〉sencha ext-js 〉dojo 15
- 33. MOAR! 〉sencha ext-js 〉dojo 〉bem-components 15
- 34. WebComponents 16
- 35. WebComponents 17
- 37. WebComponents 〉Custom Elements 〉Shadow DOM 17
- 38. WebComponents 〉Custom Elements 〉Shadow DOM 〉HTML Templates 17
- 39. WebComponents 〉Custom Elements 〉Shadow DOM 〉HTML Templates 〉HTML Imports 17
- 40. WebComponents 〉Custom Elements 〉Shadow DOM 〉HTML Templates 〉HTML Imports 〉Scoped CSS 17
- 41. WebComponents 〉Custom Elements 〉Shadow DOM 〉HTML Templates 〉HTML Imports 〉Scoped CSS 〉Template Binding 17
- 42. Поддержка в браузерах 18
- 43. polymer 19
- 44. x-tags + brick 20
- 46. Веб-компоненты без WebComponents 〉Custom Elements — компонентные движки 21
- 47. Веб-компоненты без WebComponents 〉Custom Elements — компонентные движки 〉Shadow DOM — BEM 21
- 48. Веб-компоненты без WebComponents 〉Custom Elements — компонентные движки 〉Shadow DOM — BEM 〉HTML Templates — шаблонизаторы 21
- 49. Веб-компоненты без WebComponents 〉Custom Elements — компонентные движки 〉Shadow DOM — BEM 〉HTML Templates — шаблонизаторы 〉HTML Imports — сборка 21
- 50. Веб-компоненты без WebComponents 〉Custom Elements — компонентные движки 〉Shadow DOM — BEM 〉HTML Templates — шаблонизаторы 〉HTML Imports — сборка 〉Scoped CSS — BEM или OOCSS 21
- 51. Веб-компоненты без WebComponents 〉Custom Elements — компонентные движки 〉Shadow DOM — BEM 〉HTML Templates — шаблонизаторы 〉HTML Imports — сборка 〉Scoped CSS — BEM или OOCSS 〉Template Binding — Data binding 21
- 53. Классификация 23
- 55. Классификация 〉движки 〉количество готовых компонент 23
- 56. Классификация 〉движки 〉количество готовых компонент 〉простота кастомизации 23
- 57. Классификация 〉движки 〉количество готовых компонент 〉простота кастомизации 〉поддержка адаптивности 23
- 58. Классификация 〉движки 〉количество готовых компонент 〉простота кастомизации 〉поддержка адаптивности 〉смена тем 23
- 59. Классификация 〉движки 〉количество готовых компонент 〉простота кастомизации 〉поддержка адаптивности 〉смена тем 〉сложность интеграции 23
- 61. 25 Контакты Владимир Гриненко Руководитель службы разработки БЭМ @tadatuta i.tadatuta +7 (978) 096 88 87 tadatuta@yandex-team.ru