Жидкие и твёрдые интерфейсы

Embed Size (px)

DESCRIPTION

История о том, как развивалась поисковая выдача Aviasales.ru, о том, как устаревали некоторые решения и как они были заменены на новые. Про то, как сделать современное frontend-приложение, какие клиентские фреймворки стоит использовать, а с какими лучше не связываться. Про современную архитектуру клиентских приложений и результатах ее применения в нашей команде. Про оптимизацию и минимизацию итогового решения.

Text of Жидкие и твёрдые интерфейсы

  • 1.

2. 3. 4. 5. 6. AMD, AMD ... 7. ... . . . jquery-? , : 8. , , :JQueryjQueryUIJfomerApprise 9. , , :JQueryjQueryUIJformerHyjack SelectjQuery SparklinesApprisesafeSubmit PluginJratingInputNotesGmapJquery UI datepickerTitle Alert 10. , , :JQueryjQueryUIJformerHyjack SelectjQuery SparklinesasmSelect jQuery PluginjQuery Plugin BoilerplatejQuery Floater PluginjQuery Queue pluginAppriseFollow & Tweet WidgetjQuery Corner GalleryInputNotesGmapJquery UI datepickerTitle AlertFix Scrollbar HeightBetter Check Boxes with jQuery and CSS 11. , , :JQueryjQueryUIJformerHyjack SelectjQuery SparklinesasmSelect jQuery PluginjQuery Plugin BoilerplatejQuery Floater PluginjQuery Queue pluginAppriseJquery-toastmessage-pluginWebsanova Color PickersafeSubmit PluginJratingjQuery Opineo PluginFollow & Tweet WidgetjQuery Corner GalleryInputNotesGmapPicNet Table FilterJquery UI datepickerActivity IndicatorTitle AlertFix Scrollbar HeightBetter Check Boxes with jQuery and CSSBetterTooltip 12. , , :JQueryjQueryUIJformerHyjack SelectjQuery SparklinesasmSelect jQuery PluginjQuery Plugin BoilerplatejQuery Floater PluginjQuery Queue pluginAppriseJquery-toastmessage-pluginWebsanova Color PickersafeSubmit PluginJratingjQuery Opineo PluginFollow & Tweet WidgetjQuery Corner GalleryInputNotesGmapPicNet Table FilterJquery UI datepickerActivity IndicatorTitle AlertFix Scrollbar HeightBetter Check Boxes with jQuery and CSSBetterTooltip 13. ?Google Closure LibraryBackbone (+ require.js)EmberAngularJSEtc. 14. Backbone.js + Require.js = Marionette view Cocktail.js 15. Aviasales 16. 17. 18. 19. 20. : AviasalesWikimapia Widget AMD + backbone 2 view handlebars Jasmine, TDD Testem 21. = 190 .JQuery Zepto (120 .)Handlebars Handlebars.runtime (+ rake) (92.)Require.js Almond (70 .)Gzip (20 .) 22. UIBackbone + AMD UI