Kendo UI - Mikita Manko at Mobile Optimized

1. Kendo UI
Mikita Manko

2. Mikita Manko / Никита Манько
sr. software engineer @ EPAM
gmail@MikitaManko.com
@MikitaManko
http://www.linkedin.com/in/mikitamanko

3. Mikita Manko / Никита Манько
sr. software engineer @ EPAM
Some words about myself:
High load project
Simple code
JavaScript & .Net

4. http://www.kendoui.com/mobile.aspx

5. Problems:
• So many devices
• So few developers for each platform

6. Your startup is a new cool game, so
You need to hire
• IOS developer
• Android developer
• WP developer (ok you don’t need him)
• Web developer
• …

7. Your startup is new indie game
You need to learn
• IOS SDK
• Android SDK
• WP SDK (ok you don’t need it)
• Web
• …

8. Did you know?
That even low-level C++ developer…
… wrote some code on JavaScript.

9. problems
• So many devices
• So few developers for each platform
fact
• So many web developers

10. First steps – it was 2005 year…
PhoneGap:
• Transforms html, css, js to native apps
• Supports IOS, Android, WP, blackberry,
bada, symbian, hp web OS
• Access to basic/native functionality
• Possible offline usage
• Developers – any web developer

11. Your startup is new cool game
You need to hire
• Web developer
• May be one more web developer

12. PhoneGap
examples http://phonegap.com/app/

13. PhoneGap - problems
• Performance (native languages are much
faster)
• Non-multi threaded (thanks, JavaScript)
• Advanced native API is unavailable
• Native graphics
• Libraries count

14. PhoneGap
• It’s still cool
• It is the future
• Do you remember java/c#? (very slowly
languages with very stupid garbage
collector)

15. PhoneGap
But it is terrible…

16. PhoneGap – it’s awesome
Html5, JavaScript, css3
Kendo UI
PhoneGap
Native App

17. What is kendo?
One more bootstrap?
• It’s boilerplate solutions (js app)
• It’s native-like styles and behavior
Everything you need:
• UI widgets
• Data Source
• Templates
• Drag n Drop

18. Kendo UI - platforms
• IOS
• Android
• Blackberry
• Windows Phone

19. Kendo UI – suddenly it’s not free
• From 200$ for just Mobile edition
• to 700-1000$ for Web, Mobile, DataViz
edition with server wrappers (ASP.NET, JSP,
PHP)
• trial 30 days
http://www.kendoui.com/purchase.aspx

20. Kendo UI – Demo: features
• Dojo http://try.kendoui.com/mobile/application/1
• http://demos.kendoui.com/mobile/actionsheet/index.html#
cool features
• http://docs.kendoui.com/api/mobile/scrollview api reference
• http://labs.kendoui.com/ labs (good point to start)
• http://docs.kendoui.com/tutorials/Mobile/Kendo%20Mobile
%20Music%20Store/kendo-mobile-music-store-albums-view
tutorials
• http://www.kendoui.com/webinars.aspx webinars
• http://www.c-sharpcorner.com/UploadFile/dhananjaycoder/
windows-phone-application-using-kendo-ui-mobile-and-
phonegap/ cordova for WP

21. Kendo – more then UI
Framework:
• DataSource (local/ or server-side operations,
sorting, paging, filtering, grouping and
aggregations)
• Templates
• Drag n Drop

22. Kendo - Performance
iOS JavaScript performance is pretty shoddy when compared with
modern desktop browsers (canvas + flying objects).

23. Kendo – CSS3 Transitions
• Kendo UI makes use of CSS 3 for transitions whenever
possible and degrades to jQuery / JavaScript transitions for
weaker browsers
• performance clearly will vary from device to device

24. Kendo – in depth
• performance clearly will vary from device to device
• Android problem (In Android 4.x Google introduced OpenGL
hardware acceleration in the native browser rendering
routines.) – could be turned off in phonegap app
• http://docs.kendoui.com/getting-started/mobile/performance

25. • High-level
• One more abstraction
• XNA failed =(
• What next? Drag n drop?

26. Mikita Manko / Никита Манько
sr. software engineer @ EPAM
gmail@MikitaManko.com
@MikitaManko
http://www.linkedin.com/in/mikitamanko

27. Slide with no useful information at all
Just the last slide, I have no idea why it was created,
and it was awkward moment when I created it and
decided to keep staying to keep saying… never mind.