Sencha Touch beta — Amazing Mobile Web Apps with HTML5, CSS3 & JavaScript

•

2 gostaram•1,358 visualizações

David Kaneda

A presentation reviewing the features, coding style, and demos, given at Silicon Valley Code Camp 2010.

Tecnologia

Sencha Touch beta
Amazing Mobile Web Apps
with HTML5, CSS3 & JavaScript

DAVID KANEDA, SENCHA

Saturday, October 9, 2010

@davidkaneda
@senchainc
@jqtouch
@webkitbits
@9bits

Saturday, October 9, 2010

What’s Sencha Touch?

Saturday, October 9, 2010

What’s Sencha Touch?
JavaScript API for mobile apps
Built on Web Standards
Targets WebKit
Abstracted for performance/ease

Saturday, October 9, 2010

Why Sencha Touch?

Saturday, October 9, 2010

Why Sencha Touch?
Cross-platform
Faster, cheaper, easier
Styling with CSS3
Flexible Deployment

Saturday, October 9, 2010

Coming Soon: BlackBerry 6 & WebOS 2
and maybe Meego & Opera

Saturday, October 9, 2010

WebKit Rocks!
HTML5 + CSS3
Transforms, Transitions, and Animations
Canvas
SQLite
Cache Manifest
Geo-Location

Saturday, October 9, 2010

230,000
iOS activations a day.

Saturday, October 9, 2010

60,000
Android shipments a day.

Saturday, October 9, 2010

COMING SOON…

SAMSUNG GALAXY TAB

Saturday, October 9, 2010

BLACKBERRY TORCH

Saturday, October 9, 2010

Features
WebKit-optimized
Touch abstraction
Scroller
Orientation events
Data
Layouts
Animations
Theming & icons
Components

Saturday, October 9, 2010

Touch Events
Built on native events
Abstracted for performance
Additional events
Tap
Double tap
Tap and hold
Swipe
Rotate
Drag & drop

Saturday, October 9, 2010

Scrolling
Momentum/bounce physics
Hardware accelerated
Throughout components
Lists
Carousel
Pickers

Saturday, October 9, 2010

Components
Lists
Nested, Grouped, Sortable
Carousel
Picker
Overlay
Toolbars & buttons
HTML5
Audio
Video
GeoLocation

Saturday, October 9, 2010

Style
SASS & Compass
Flexible themes
CSS3
Pre-included icons
Robust Animations
Resolution Independent

Saturday, October 9, 2010

<75k
miniﬁed & gzipped

Saturday, October 9, 2010

“Real artists ship.”
Steve Jobs

Saturday, October 9, 2010

Coming Up
App Architecture
JSBuilder Release
Compass framework
Docs and guides
Better error reporting
Developer Contest

Saturday, October 9, 2010

Thanks!
@davidkaneda
http://9-b.it/svcc10

Saturday, October 9, 2010

Mais conteúdo relacionado

Semelhante a Sencha Touch beta — Amazing Mobile Web Apps with HTML5, CSS3 & JavaScript

OvertheAir 2010 html5 impact on application programmingTor Björn Minde

HTML5 impact on application programmingEricsson Labs

HTML5 Apps - Cross platformwolframkriesing

Human APIs - expanding the mobile web or are robots coming to JavaScript? Nikolai Onken

Vagrant at LA RubyMitchell Hashimoto

In depth with html5 java2days 2010Mystic Coders, LLC

Human APIsNikolai Onken

Modern web application modelMichal Taberski

We're not designing posters, here!André Luís

Responsive Design for the Webjonbuda

Doing Your HW - A UX approach to your web designFabian Alcantara

Information Ergonomics By Web SpeakingMichael de Louwere

Html5/CSS3 in shanghai 2010Zi Bin Cheah

BDD and Cucumber at barcampGZleondu

DjangoCon 2009 KeynoteTed Leung

Mobile Strategy & Product Dev. - iRushAndrew Donoho

Our New Super Powersfrog

Html5 apps nikolaionken-08-06Skills Matter

"Introduction Open Graph and Facebook Platform" - Facebook Developer Garage ...Vijay Rayapati

IE9 для разработчиковYuriy Artyukh

Semelhante a Sencha Touch beta — Amazing Mobile Web Apps with HTML5, CSS3 & JavaScript (20)

OvertheAir 2010 html5 impact on application programming

HTML5 impact on application programming

HTML5 Apps - Cross platform

Human APIs - expanding the mobile web or are robots coming to JavaScript?

Vagrant at LA Ruby

In depth with html5 java2days 2010

Human APIs

Modern web application model

We're not designing posters, here!

Responsive Design for the Web

Doing Your HW - A UX approach to your web design

Information Ergonomics By Web Speaking

Html5/CSS3 in shanghai 2010

BDD and Cucumber at barcampGZ

DjangoCon 2009 Keynote

Mobile Strategy & Product Dev. - iRush

Our New Super Powers

Html5 apps nikolaionken-08-06

"Introduction Open Graph and Facebook Platform" - Facebook Developer Garage ...

IE9 для разработчиков

Último

The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfEnterprise Knowledge

Scaling API-first – The story of a global engineering organizationRadu Cotescu

Automating Google Workspace (GWS) & more with Apps Scriptwesley chun

How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes

08448380779 Call Girls In Civil Lines Women Seeking MenDelhi Call girls

[2024]Digital Global Overview Report 2024 Meltwater.pdfhans926745

08448380779 Call Girls In Diplomatic Enclave Women Seeking MenDelhi Call girls

08448380779 Call Girls In Friends Colony Women Seeking MenDelhi Call girls

EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEarley Information Science

Boost Fertility New Invention Ups Success Rates.pdfsudhanshuwaghmare1

Tata AIG General Insurance Company - Insurer Innovation Award 2024The Digital Insurer

Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Igalia

IAC 2024 - IA Fast Track to Search Focused AI SolutionsEnterprise Knowledge

Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Drew Madelung

Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUK Journal

08448380779 Call Girls In Greater Kailash - I Women Seeking MenDelhi Call girls

Boost PC performance: How more available memory can improve productivityPrincipled Technologies

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024The Digital Insurer

Slack Application Development 101 Slidespraypatel2

Handwritten Text Recognition for manuscripts and early printed textsMaria Levchenko

Sencha Touch beta — Amazing Mobile Web Apps with HTML5, CSS3 & JavaScript

1. Saturday, October 9, 2010

2. Sencha Touch beta Amazing Mobile Web Apps with HTML5, CSS3 & JavaScript DAVID KANEDA, SENCHA Saturday, October 9, 2010

3. @davidkaneda @senchainc @jqtouch @webkitbits @9bits Saturday, October 9, 2010

4. What’s Sencha Touch? Saturday, October 9, 2010

5. What’s Sencha Touch? JavaScript API for mobile apps Built on Web Standards Targets WebKit Abstracted for performance/ease Saturday, October 9, 2010

6. Why Sencha Touch? Saturday, October 9, 2010

7. Why Sencha Touch? Cross-platform Faster, cheaper, easier Styling with CSS3 Flexible Deployment Saturday, October 9, 2010

8. Coming Soon: BlackBerry 6 & WebOS 2 and maybe Meego & Opera Saturday, October 9, 2010

9. Saturday, October 9, 2010

10. WebKit Rocks! HTML5 + CSS3 Transforms, Transitions, and Animations Canvas SQLite Cache Manifest Geo-Location Saturday, October 9, 2010

11. WebKit Rocks! HTML5 + CSS3 Transforms, Transitions, and Animations Canvas SQLite Cache Manifest Geo-Location Saturday, October 9, 2010

12. Hardware Saturday, October 9, 2010

13. Saturday, October 9, 2010

14. Saturday, October 9, 2010

15. 230,000 iOS activations a day. Saturday, October 9, 2010

16. Saturday, October 9, 2010

17. Saturday, October 9, 2010

18. Saturday, October 9, 2010

19. 60,000 Android shipments a day. Saturday, October 9, 2010

20. COMING SOON… SAMSUNG GALAXY TAB Saturday, October 9, 2010

21. BLACKBERRY TORCH Saturday, October 9, 2010

22. WEBOS 2.0 Saturday, October 9, 2010

23. Features Saturday, October 9, 2010

24. Features WebKit-optimized Touch abstraction Scroller Orientation events Data Layouts Animations Theming & icons Components Saturday, October 9, 2010

25. Touch Events Built on native events Abstracted for performance Additional events Tap Double tap Tap and hold Swipe Rotate Drag & drop Saturday, October 9, 2010

26. Scrolling Momentum/bounce physics Hardware accelerated Throughout components Lists Carousel Pickers Saturday, October 9, 2010

27. Scrolling Momentum/bounce physics Hardware accelerated Throughout components Lists Carousel Pickers Saturday, October 9, 2010

28. Scrolling Momentum/bounce physics Hardware accelerated Throughout components Lists Carousel Pickers Saturday, October 9, 2010

29. Components Lists Nested, Grouped, Sortable Carousel Picker Overlay Toolbars & buttons HTML5 Audio Video GeoLocation Saturday, October 9, 2010

30. Style SASS & Compass Flexible themes CSS3 Pre-included icons Robust Animations Resolution Independent Saturday, October 9, 2010

31. <75k miniﬁed & gzipped Saturday, October 9, 2010

32. Preview Saturday, October 9, 2010

33. Code Saturday, October 9, 2010

34. Saturday, October 9, 2010

35. Building UI Saturday, October 9, 2010

36. Saturday, October 9, 2010

37. Binding Data Saturday, October 9, 2010

38. Saturday, October 9, 2010

39. Saturday, October 9, 2010

40. Styling Saturday, October 9, 2010

41. Saturday, October 9, 2010

42. Saturday, October 9, 2010

43. Saturday, October 9, 2010

44. Saturday, October 9, 2010

45. “Real artists ship.” Steve Jobs Saturday, October 9, 2010

46. WEB APPS Saturday, October 9, 2010

47. Saturday, October 9, 2010

48. Saturday, October 9, 2010

49. Saturday, October 9, 2010

50. Saturday, October 9, 2010

51. NATIVE SHELL Saturday, October 9, 2010

52. Saturday, October 9, 2010

53. Coming Up Saturday, October 9, 2010

54. Coming Up App Architecture JSBuilder Release Compass framework Docs and guides Better error reporting Developer Contest Saturday, October 9, 2010

55. Saturday, October 9, 2010

56. Thanks! @davidkaneda http://9-b.it/svcc10 Saturday, October 9, 2010

Sencha Touch beta — Amazing Mobile Web Apps with HTML5, CSS3 & JavaScript

Recomendados

Recomendados

Mais conteúdo relacionado

Semelhante a Sencha Touch beta — Amazing Mobile Web Apps with HTML5, CSS3 & JavaScript

Semelhante a Sencha Touch beta — Amazing Mobile Web Apps with HTML5, CSS3 & JavaScript (20)

Último

Último (20)

Sencha Touch beta — Amazing Mobile Web Apps with HTML5, CSS3 & JavaScript