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

•

2 recomendaciones•1,358 vistas

David Kaneda

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

Tecnología

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

Más contenido relacionado

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

This session from Vladimir Katardjiev will explore how the internet has changed users' expectations on applications, how html5 impacts application development, and how applications will need to communicate with each-other in the future. In addition, prototypes on hand will show how both web and native applications can evolve to meet the needs of tomorrow's users. Vladimir is a member of Ericsson Research's web technology group, where he works with emerging web technologies and how they influence applications and network activity. He co-developed Ericsson Labs' EventSource and Web Connectivity APIs, aimed at providing mainstream browsers with the communication tools of the future. Ericsson Labs is also supporting our hackathon and will give out details of their category during this session as well. They’ll have team members on hand all weekend at Over The Air to discuss the details of that in more detail. Filed under: Announcements, Programme Leave a comment Comments (0) Trackbacks (3) ( subscribe to comments on this post ) Leave a comment Name (required) Mail (will not be published) (required) Website ( Cancel ) overtheair (Over the Air 2010) overtheair (Over the Air 2010) JamesNorris (James Norris) Speaker Announcement: Yiibu’s Stephanie Rieger and Bryan Rieger » « Speaker Announcement: Ericsson Labs’ Vladimir Katardjiev Gold Lounge Sponsor Gold Sponsors Silver Sponsors Event Sponsors Chill-Out Lounge Sponsor Media Partners The Team Jo Rabin @jorabin Matthew Cashmore @matthewcashmore Helen Keegan @technokitten Dan Appelquist @torgo Margaret Gold @mobilemaggie Supporters James Norris Social Media StrategistRibot Terence Eden Franco Papeschi FJ van Wingerde Minutebox Orange Mobile Volunteering Bemoko The World Wide Web Consortium Blogroll Android Developers Apple iphone developers BBC Backstage BBC Mobile Event registration IGDA Mobile Game Development Internet Centre Imperial J2ME developers J2ME Forums J2me Guru Mobile game developer Mobile game developer magazine Mobile Monday London modaco .net developers Moonlight project My Symbian forum Nokia Forum Open Moko developers OpenGardens Pocket PC D

OvertheAir 2010 html5 impact on application programming

Tor Björn Minde

HTML5 impact on application programming

Ericsson Labs

HTML5 Apps - Cross platform

wolframkriesing

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

Nikolai Onken

Vagrant at LA Ruby

Mitchell Hashimoto

In depth with html5 java2days 2010

Mystic Coders, LLC

Human APIs

Nikolai Onken

Modern web application model

Michal Taberski

We're not designing posters, here!

André Luís

Responsive Design for the Web

jonbuda

Doing Your HW - A UX approach to your web design

Fabian Alcantara

Information Ergonomics By Web Speaking

Michael de Louwere

Html5/CSS3 in shanghai 2010

Zi Bin Cheah

BDD and Cucumber at barcampGZ

leondu

DjangoCon 2009 Keynote

Ted Leung

Mobile Strategy & Product Dev. - iRush

Andrew Donoho

Our New Super Powers

frog

Html5 apps nikolaionken-08-06

Skills Matter

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

Vijay Rayapati

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

Yuriy Artyukh

Similar 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

Scaling API-first – The story of a global engineering organization Ian Reasor, Senior Computer Scientist - Adobe Radu Cotescu, Senior Computer Scientist - Adobe Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe

apidays

Discord is a free app offering voice, video, and text chat functionalities, primarily catering to the gaming community. It serves as a hub for users to create and join servers tailored to their interests. Discord’s ecosystem comprises servers, each functioning as a distinct online community with its own channels dedicated to specific topics or activities. Users can engage in text-based discussions, voice calls, or video chats within these channels. Understanding Discord Servers Discord servers are virtual spaces where users congregate to interact, share content, and build communities. Servers may revolve around gaming, hobbies, interests, or fandoms, providing a platform for like-minded individuals to connect. Communication Features Discord offers a range of communication tools, including text channels for messaging, voice channels for real-time audio conversations, and video channels for face-to-face interactions. These features facilitate seamless communication and collaboration. What Does NSFW Mean? The acronym NSFW stands for “Not Safe For Work,” indicating content that may be inappropriate for professional or public settings. NSFW Content NSFW content encompasses material that is sexually explicit, violent, or otherwise graphic in nature. It often includes nudity, profanity, or depictions of sensitive topics.

Understanding Discord NSFW Servers A Guide for Responsible Users.pdf

UK Journal

This presentation explores the impact of HTML injection attacks on web applications, detailing how attackers exploit vulnerabilities to inject malicious code into web pages. Learn about the potential consequences of such attacks and discover effective mitigation strategies to protect your web applications from HTML injection vulnerabilities. for more information visit https://bostoninstituteofanalytics.org/category/cyber-security-ethical-hacking/

HTML Injection Attacks: Impact and Mitigation Strategies

Boston Institute of Analytics

Partners Life - Insurer Innovation Award 2024

The Digital Insurer

[2024]Digital Global Overview Report 2024 Meltwater.pdf

hans926745

The 7 Things I Know About Cyber Security After 25 Years | April 2024

Rafal Los

Axa Assurance Maroc - Insurer Innovation Award 2024

The Digital Insurer

Automating Google Workspace (GWS) & more with Apps Script

wesley chun

Enterprise Knowledge’s Urmi Majumder, Principal Data Architecture Consultant, and Fernando Aguilar Islas, Senior Data Science Consultant, presented "Driving Behavioral Change for Information Management through Data-Driven Green Strategy" on March 27, 2024 at Enterprise Data World (EDW) in Orlando, Florida. In this presentation, Urmi and Fernando discussed a case study describing how the information management division in a large supply chain organization drove user behavior change through awareness of the carbon footprint of their duplicated and near-duplicated content, identified via advanced data analytics. Check out their presentation to gain valuable perspectives on utilizing data-driven strategies to influence positive behavioral shifts and support sustainability initiatives within your organization. In this session, participants gained answers to the following questions: - What is a Green Information Management (IM) Strategy, and why should you have one? - How can Artificial Intelligence (AI) and Machine Learning (ML) support your Green IM Strategy through content deduplication? - How can an organization use insights into their data to influence employee behavior for IM? - How can you reap additional benefits from content reduction that go beyond Green IM?

Driving Behavioral Change for Information Management through Data-Driven Gree...

Enterprise Knowledge

GenCyber Cyber Security Day Presentation

Michael W. Hawkins

Histor y of HAM Radio presentation slide

vu2urc

Finology Group – Insurtech Innovation Award 2024

The Digital Insurer

The presentation explores the development and application of artificial intelligence (AI) from its inception to its current status in the modern world. The term "artificial intelligence" was first coined by John McCarthy in 1956 to describe efforts to develop computer programs capable of performing tasks that typically require human intelligence. This concept was first introduced at a conference held at Dartmouth College, where programs demonstrated capabilities such as playing chess, proving theorems, and interpreting texts. In the early stages, Alan Turing contributed to the field by defining intelligence as the ability of a being to respond to certain questions intelligently, proposing what is now known as the Turing Test to evaluate the presence of intelligent behavior in machines. As the decades progressed, AI evolved significantly. The 1980s focused on machine learning, teaching computers to learn from data, leading to the development of models that could improve their performance based on their experiences. The 1990s and 2000s saw further advances in algorithms and computational power, which allowed for more sophisticated data analysis techniques, including data mining. By the 2010s, the proliferation of big data and the refinement of deep learning techniques enabled AI to become mainstream. Notable milestones included the success of Google's AlphaGo and advancements in autonomous vehicles by companies like Tesla and Waymo. A major theme of the presentation is the application of generative AI, which has been used for tasks such as natural language text generation, translation, and question answering. Generative AI uses large datasets to train models that can then produce new, coherent pieces of text or other media. The presentation also discusses the ethical implications and the need for regulation in AI, highlighting issues such as privacy, bias, and the potential for misuse. These concerns have prompted calls for comprehensive regulations to ensure the safe and equitable use of AI technologies. Artificial intelligence has also played a significant role in healthcare, particularly highlighted during the COVID-19 pandemic, where it was used in drug discovery, vaccine development, and analyzing the spread of the virus. The capabilities of AI in healthcare are vast, ranging from medical diagnostics to personalized medicine, demonstrating the technology's potential to revolutionize fields beyond just technical or consumer applications. In conclusion, AI continues to be a rapidly evolving field with significant implications for various aspects of society. The development from theoretical concepts to real-world applications illustrates both the potential benefits and the challenges that come with integrating advanced technologies into everyday life. The ongoing discussion about AI ethics and regulation underscores the importance of managing these technologies responsibly to maximize their their benefits while minimizing potential harms.

Artificial Intelligence: Facts and Myths

Joaquim Jorge

Abhishek Deb(1), Mr Abdul Kalam(2) M. Des (UX) , School of Design, DIT University , Dehradun. This paper explores the future potential of AI-enabled smartphone processors, aiming to investigate the advancements, capabilities, and implications of integrating artificial intelligence (AI) into smartphone technology. The research study goals consist of evaluating the development of AI in mobile phone processors, analyzing the existing state as well as abilities of AI-enabled cpus determining future patterns as well as chances together with reviewing obstacles as well as factors to consider for more growth.

Exploring the Future Potential of AI-Enabled Smartphone Processors

debabhi2

A Domino Admins Adventures (Engage 2024)

Gabriella Davis

With more memory available, system performance of three Dell devices increased, which can translate to a better user experience Conclusion When your system has plenty of RAM to meet your needs, you can efficiently access the applications and data you need to finish projects and to-do lists without sacrificing time and focus. Our test results show that with more memory available, three Dell PCs delivered better performance and took less time to complete the Procyon Office Productivity benchmark. These advantages translate to users being able to complete workflows more quickly and multitask more easily. Whether you need the mobility of the Latitude 5440, the creative capabilities of the Precision 3470, or the high performance of the OptiPlex Tower Plus 7010, configuring your system with more RAM can help keep processes running smoothly, enabling you to do more without compromising performance.

Boost PC performance: How more available memory can improve productivity

Principled Technologies

💉💊+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHABI}}+971581248768 +971581248768 Mtp-Kit (500MG) Prices » Dubai [(+971581248768**)] Abortion Pills For Sale In Dubai, UAE, Mifepristone and Misoprostol Tablets Available In Dubai, UAE CONTACT DR.Maya Whatsapp +971581248768 We Have Abortion Pills / Cytotec Tablets /Mifegest Kit Available in Dubai, Sharjah, Abudhabi, Ajman, Alain, Fujairah, Ras Al Khaimah, Umm Al Quwain, UAE, Buy cytotec in Dubai +971581248768''''Abortion Pills near me DUBAI | ABU DHABI|UAE. Price of Misoprostol, Cytotec” +971581248768' Dr.DEEM ''BUY ABORTION PILLS MIFEGEST KIT, MISOPROTONE, CYTOTEC PILLS IN DUBAI, ABU DHABI,UAE'' Contact me now via What's App…… abortion Pills Cytotec also available Oman Qatar Doha Saudi Arabia Bahrain Above all, Cytotec Abortion Pills are Available In Dubai / UAE, you will be very happy to do abortion in Dubai we are providing cytotec 200mg abortion pill in Dubai, UAE. Medication abortion offers an alternative to Surgical Abortion for women in the early weeks of pregnancy. We only offer abortion pills from 1 week-6 Months. We then advise you to use surgery if its beyond 6 months. Our Abu Dhabi, Ajman, Al Ain, Dubai, Fujairah, Ras Al Khaimah (RAK), Sharjah, Umm Al Quwain (UAQ) United Arab Emirates Abortion Clinic provides the safest and most advanced techniques for providing non-surgical, medical and surgical abortion methods for early through late second trimester, including the Abortion By Pill Procedure (RU 486, Mifeprex, Mifepristone, early options French Abortion Pill), Tamoxifen, Methotrexate and Cytotec (Misoprostol). The Abu Dhabi, United Arab Emirates Abortion Clinic performs Same Day Abortion Procedure using medications that are taken on the first day of the office visit and will cause the abortion to occur generally within 4 to 6 hours (as early as 30 minutes) for patients who are 3 to 12 weeks pregnant. When Mifepristone and Misoprostol are used, 50% of patients complete in 4 to 6 hours; 75% to 80% in 12 hours; and 90% in 24 hours. We use a regimen that allows for completion without the need for surgery 99% of the time. All advanced second trimester and late term pregnancies at our Tampa clinic (17 to 24 weeks or greater) can be completed within 24 hours or less 99% of the time without the need surgery. The procedure is completed with minimal to no complications. Our Women's Health Center located in Abu Dhabi, United Arab Emirates, uses the latest medications for medical abortions (RU-486, Mifeprex, Mifegyne, Mifepristone, early options French abortion pill), Methotrexate and Cytotec (Misoprostol). The safety standards of our Abu Dhabi, United Arab Emirates Abortion Doctors remain unparalleled. They consistently maintain the lowest complication rates throughout the nation. Our Physicians and staff are always available to answer questions and care for women in one of the most difficult times in their lives. The decision to have an abortion at the Abortion Cl

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...

?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@

Three things you will take away from the session: • How to run an effective tenant-to-tenant migration • Best practices for before, during, and after migration • Tips for using migration as a springboard to prepare for Copilot in Microsoft 365 Main ideas: Migration Overview: The presentation covers the current reality of cross-tenant migrations, the triggers, phases, best practices, and benefits of a successful tenant migration Considerations: When considering a migration, it is important to consider the migration scope, performance, customization, flexibility, user-friendly interface, automation, monitoring, support, training, scalability, data integrity, data security, cost, and licensing structure Next Wave: The next wave of change includes the launch of Copilot, which requires businesses to be prepared for upcoming changes related to Copilot and the cloud, and to consolidate data and tighten governance ShareGate: ShareGate can help with pre-migration analysis, configurable migration tool, and automated, end-user driven collaborative governance

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

sammart93

As privacy and data protection regulations evolve rapidly, organizations operating in multiple jurisdictions face mounting challenges to ensure compliance and safeguard customer data. With state-specific privacy laws coming up in multiple states this year, it is essential to understand what their unique data protection regulations will require clearly. How will data privacy evolve in the US in 2024? How to stay compliant? Our panellists will guide you through the intricacies of these states' specific data privacy laws, clarifying complex legal frameworks and compliance requirements. This webinar will review: - The essential aspects of each state's privacy landscape and the latest updates - Common compliance challenges faced by organizations operating in multiple states and best practices to achieve regulatory adherence - Valuable insights into potential changes to existing regulations and prepare your organization for the evolving landscape

TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments

TrustArc

What is a good lead in your organisation? Which leads are priority? What happens to leads? When sales and marketing give different answers to these questions, or perhaps aren't sure of the answers at all, frustrations build and opportunities are left on the table. Join us for an illuminating session with Cian McLoughlin, HubSpot Principal Customer Success Manager, as we look at that crucial piece of the customer journey in which leads are transferred from marketing to sales.

04-2024-HHUG-Sales-and-Marketing-Alignment.pptx

HampshireHUG

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

Más contenido relacionado

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

Similar 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