0
Rule them all: Sencha Complete           Illya Klymov                          Globalcode – Open4education
Кто я?         {             name : "Illya Klymov",             company: "WookieeLabs",             iam: "http://cv.xanf.m...
О чем мы будем говорить? Как Sencha делает жизнь JS-разработчика легче? Sencha на каждой платформе: существующие проблемы,...
Как все начиналось?             Хочу платформу для LiveChat             Чтобы была админка, биллинг,             виджеты и...
Прошло две недели…            Отлично, а еще нам нужно            будет мобильное приложение            для iOS и Android....
Проект развивается…            А для операторов моего колл-            центра важно, чтобы это было            десктоп-при...
Конечный итог                Globalcode – Open4education
Общий итог             Globalcode – Open4education
Просто добавьте немного Sencha              =                          Globalcode – Open4education
Продукты Sencha  ExtJS – платформа для desktop browsers  Touch 2 – mobile browsers  Charts – кросс-платформенные графики  ...
Вспомогательные утилиты S(T)Build – тулчейн для сборки Целевые платформы:   ExtJS:     Windows     Linux     Mac   Sencha ...
Вспомогательные утилиты Sencha CMD  Написана на Java (2 версия – на node.js)  YUI compressor  Генератор моделей, вьюшек, к...
Ext.Core: Я построю свое ООП! Ext.create(Computer, {           extend: Calculator,           overrides: ZXSpectrum,       ...
И менеджер зависимостейтоже свой                          Globalcode – Open4education
Строгое MVC и отличный Data Package                               Globalcode – Open4education
Sencha Architect 2                     Globalcode – Open4education
Инструментарий отладки: Illuminations                                 Globalcode – Open4education
Мобильная платформа: + профилиExt.define(MyApp.profile.Tablet, {       extend: Ext.app.Profile,       config: {           ...
Процент повторного использования кода    82%*                               Globalcode – Open4education
Синдром NIH внутри команды              ExtJS 4                              Sencha Touch 2Ext.define(MyApp.Panel, {      ...
Синдром NIH внутри команды              ExtJS 4                             Sencha Touch 2Ext.define(MyApp.Controller, {  ...
SCL – Sencha Compatibility LayerОбеспечивает на 73% совместимостьModel/Store/Controller между ExtJS4 иSencha Touch 2Будет ...
Темы оформления                  Globalcode – Open4education
Темы оформления                  Globalcode – Open4education
Проблемы на мобильных       платформахAndroid – доставайте бубен для 2.хAndroid – пока не поддерживаютсяPUSH уведомленияТр...
Поддержка удивляет Здравствуйте, мы нашли баг в FocusManager  (…пропущена страница описания бага…) Bot: Great news, seems ...
Очень личное# sencha app package –targetandroid> STBuild is not implemented onlinux                         Globalcode – O...
За кадром Node.js, MongoDB + ExtJS / Sencha Touch 2 – автогенерация Mongoose моделей на основании клиентов Чистим DOM – уб...
Вопросы?           Globalcode – Open4education
Upcoming SlideShare
Loading in...5
×

Sencha Complete: Kharkiv JS #1

1,049

Published on

An overview of Sencha products and their problems for development (Russian)

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,049
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Sencha Complete: Kharkiv JS #1"

  1. 1. Rule them all: Sencha Complete Illya Klymov Globalcode – Open4education
  2. 2. Кто я? { name : "Illya Klymov", company: "WookieeLabs", iam: "http://cv.xanf.me", social : { twitter: {}.undefined, mail : "xanf@xanf.me", juick : “http://juick.com/xanf" } } Globalcode – Open4education
  3. 3. О чем мы будем говорить? Как Sencha делает жизнь JS-разработчика легче? Sencha на каждой платформе: существующие проблемы, решения, риски Пишем на Sencha правильно: как не допустить те ошибки, что делал я  Счастливая жизнь с Sencha Globalcode – Open4education
  4. 4. Как все начиналось? Хочу платформу для LiveChat Чтобы была админка, биллинг, виджеты и т.д.  Ок. Воспользуемся: -$ - Backbone - CommonJS / RequireJS - Twitter Bootstrap - Templating engine? Globalcode – Open4education
  5. 5. Прошло две недели… Отлично, а еще нам нужно будет мобильное приложение для iOS и Android.  Хорошо. Ведь у нас есть: - JQuery Mobile (или нет?) - Responsive Design? - Phonegap / Appcelerator ? Globalcode – Open4education
  6. 6. Проект развивается… А для операторов моего колл- центра важно, чтобы это было десктоп-приложение, а не веб  А раньше нельзя было сказать? Ок, прийдется использовать app.js Globalcode – Open4education
  7. 7. Конечный итог Globalcode – Open4education
  8. 8. Общий итог Globalcode – Open4education
  9. 9. Просто добавьте немного Sencha = Globalcode – Open4education
  10. 10. Продукты Sencha ExtJS – платформа для desktop browsers Touch 2 – mobile browsers Charts – кросс-платформенные графики Architect – визуальное создание приложений IO – Cloud-based платформа для мобильных приложений (messages / resources / images / etc.)И то, что есть, но никогда не использовалось:Sencha GXT (</3 Java), Sencha Animator Globalcode – Open4education
  11. 11. Вспомогательные утилиты S(T)Build – тулчейн для сборки Целевые платформы: ExtJS: Windows Linux Mac Sencha Touch 2: Android iOS Blackberry Globalcode – Open4education
  12. 12. Вспомогательные утилиты Sencha CMD Написана на Java (2 версия – на node.js) YUI compressor Генератор моделей, вьюшек, контроллеров и т.д. PhantomJS (управление зависимостями) Разные билды Development (без сжатия, без постобработки) Production (сжатие, инкрементальные апдейты с использованием Local Cache) Package (для упаковки с помощю STBuild либо Phonegap) Globalcode – Open4education
  13. 13. Ext.Core: Я построю свое ООП! Ext.create(Computer, { extend: Calculator, overrides: ZXSpectrum, statics: { instanceCount: 0, factory: function(brand) { // this in static methods refer to the class itself return new this({brand: brand}); } }, config: { brand: null }, constructor: function(config) { this.initConfig(config); this.self.instanceCount++; this.callParent(arguments); } } ); var dellComputer = Computer.factory(Dell); var appleComputer = Computer.factory(Mac); Globalcode – Open4education
  14. 14. И менеджер зависимостейтоже свой Globalcode – Open4education
  15. 15. Строгое MVC и отличный Data Package Globalcode – Open4education
  16. 16. Sencha Architect 2 Globalcode – Open4education
  17. 17. Инструментарий отладки: Illuminations Globalcode – Open4education
  18. 18. Мобильная платформа: + профилиExt.define(MyApp.profile.Tablet, { extend: Ext.app.Profile, config: { views: [SpecialView], controllers: [Main], models: [MyApp.model.SuperUser] }, isActive: function() { return Ext.os.is.Tablet; }}); Globalcode – Open4education
  19. 19. Процент повторного использования кода 82%* Globalcode – Open4education
  20. 20. Синдром NIH внутри команды ExtJS 4 Sencha Touch 2Ext.define(MyApp.Panel, { Ext.define(MyApp.Panel, { extend: Ext.Panel.Panel, extend: Ext.Panel.Panel, config: { items: […], items: […], title: ‘Some panel’, title: ‘Some panel’, … … }); },}); Globalcode – Open4education
  21. 21. Синдром NIH внутри команды ExtJS 4 Sencha Touch 2Ext.define(MyApp.Controller, { Ext.define(MyApp.Controller, { extend: Ext.app.Controller, extend: Ext.app.Controller, onLaunch: function (…) { launch: function (…) { //some code //some code}); }); Globalcode – Open4education
  22. 22. SCL – Sencha Compatibility LayerОбеспечивает на 73% совместимостьModel/Store/Controller между ExtJS4 иSencha Touch 2Будет открыт в opensource, кактолько код будет избавлен отбольшинства FIXMEБудет не нужен в ExtJS5 / SenchaTouch 3 (если не наступит конецсвета) Globalcode – Open4education
  23. 23. Темы оформления Globalcode – Open4education
  24. 24. Темы оформления Globalcode – Open4education
  25. 25. Проблемы на мобильных платформахAndroid – доставайте бубен для 2.хAndroid – пока не поддерживаютсяPUSH уведомленияТребует трюков для сборки SenchaTouch 2 проекта, использующегоPhonegap функции Globalcode – Open4education
  26. 26. Поддержка удивляет Здравствуйте, мы нашли баг в FocusManager (…пропущена страница описания бага…) Bot: Great news, seems this bug was fixed as SENCHA-7654 for ExtJS 4.2.0 Классно, где сказать 4.2.0. Мне в клиент портале доступна только 4.1.3? 4.2.0. будет доступна клиентам в течении ближайших двух месяцев. Даты релиза у нас пока нет. Globalcode – Open4education
  27. 27. Очень личное# sencha app package –targetandroid> STBuild is not implemented onlinux Globalcode – Open4education
  28. 28. За кадром Node.js, MongoDB + ExtJS / Sencha Touch 2 – автогенерация Mongoose моделей на основании клиентов Чистим DOM – убрать все лишнее Stay tuned for Kharkiv JS #2 Globalcode – Open4education
  29. 29. Вопросы? Globalcode – Open4education
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×