`
WebAppTrend
  • 浏览: 54955 次
社区版块
存档分类
最新评论

零基础学习Sencha Touch(资料和教程集合)

 
阅读更多

译者注:本篇文章为开发者提供了零基础使用Sencha Touch的一些资料。

 

Sencha Touch是专门为移动设备开发应用的Javascrt框架。通过Sencha Touch你可以创建非常像native app的web app,用户界面组件和数据管理全部基于HTML5和CSS3的web标准,全面兼容Android和Apple iOS。


从头开始创建一个Sencha Touch MVC  应用

 

Sencha Touch Bits

使用Sencha Touch 创建 Image Gallery

创建一个时事通讯类型的App

创建Sencha Touch  工具条按钮


创建一个Sencha Touch MVC  应用


创建一个Sencha Touch 应用

在本系列中我们将会创建一个Sencha Touch 应用,允许该应用的用户做笔记,并且在运行 App 的时候把笔记存储在设备上。

使用Sencha Touch 创建一个 iPad App

官方文件和示例

使用Sencha Touch2 启动


Hello World

在这篇文章中,我们将会讲到开发你的第一个应用时会用到的基础知识,显示历史悠久的“Hello World ”。

示例

Kitchen Sink

简易浏览模式下的一些非常好的例子。

 

译文来源:http://www.webapptrend.com/
 WebAppTrend是一个独立的技术博客,关注Web App前瞻和实践,以及智能浏览器发展 

请大家在关注ITeye的同时,关注我们的新浪微博@WebAppTrend  http://weibo.com/webapptrend,Q Q群见官方博客右侧。
分享到:
评论

相关推荐

    sencha touch list demo

    在“sencha touch list demo”中,我们主要关注的是Sencha Touch中的列表(List)组件,这是一个核心且常用的组件,用于展示数据集合。 1. **Sencha Touch 框架概述** Sencha Touch 是一个基于JavaScript的框架,...

    api.zip_sencha _sencha touch api_sencha touch2 api

    标题中的"api.zip_sencha _sencha touch api_sencha touch2 api"表明这是一个关于Sencha Touch API的压缩文件集合,可能包含了Sencha Touch和Sencha Touch 2两个版本的API文档。 **Sencha Touch基础知识** Sencha ...

    webapp界面UI框架Sencha Touch 是WEB APP的界面UI组件库,明显比jquery Mobile快.zip

    Sencha Touch的优势在于其强大的数据绑定和模型层,这使得数据管理变得简单而高效。同时,它采用 MVC(Model-View-Controller)架构模式,有助于保持代码组织有序,便于维护和扩展。此外,Sencha Touch还支持本地...

    sencha touch mvc Demo

    Sencha Touch 是一个专为移动设备设计的JavaScript框架,它提供了丰富的UI组件和强大的数据管理功能,使得开发高性能的移动Web应用变得简单。在Sencha Touch中,Model-View-Controller(MVC)模式是其核心架构,用于...

    sencha touch 例子 list 使用 代码

    在Sencha Touch中,`List`组件是核心组件之一,常用于展示可滚动的数据集合,例如联系人列表、任务列表等。本教程将深入探讨`List`组件的使用方法,以及如何在Sencha Touch 2中实现一个示例。 首先,`List`组件是...

    sencha-touch:Sencha Touch 2自定义组件和替代的集合

    在"Sencha Touch 2自定义组件和替代的集合"中,我们主要关注的是如何扩展和个性化框架的默认功能。自定义组件是Sencha Touch 2中的一个重要概念,它们允许开发者根据项目需求定制自己的视图元素,以满足特定的设计或...

    Material-Controls-for-Sencha-Touch:使用 Sencha Touch 的控件集合

    Sencha Touch 的 Material Design 控件该项目希望使用指南的外观和感觉创建易于使用的 Sencha Touch 控件。 请随时提出任何拉取请求。元件清单 按钮 文本域 进步 选择 滑块 切换 标签栏 列表 消息框 复选框 日期选择...

    ST2翻译资料

    这些文档集合了ST2(Sencha Touch 2)的关键概念和技术,是学习和进阶Sencha Touch开发的重要资源。 1. **Sencha Touch 2 使用数据模型**: 数据模型是Sencha Touch中的核心组件,用于处理应用程序的数据。模型...

    Material-Controls-for-Sencha-Touch:与Sencha Touch一起使用的控件集合

    Sencha Touch的材料设计控件该项目希望使用指南的外观来创建易于使用的Sencha Touch控件。 请随时提出任何请求请求。组件清单 按钮 文本域 进步 选择 滑杆 切换 标签栏 列表 留言框 选框 日期选择器 颜色选择器按钮...

    Sencha2.0实例源码

    通过深入研究这个实例源码,你可以学习到如何使用Sencha Touch 2.0构建移动应用,如何实现MVC模式来组织代码,以及如何利用其组件系统创建复杂的用户交互。此外,你还可以了解到如何处理数据的加载、存储和显示,...

    sencha相关文档

    Sencha 是一个强大的JavaScript框架,主要用于构建富...总的来说,这个“Sencha相关文档”集合是学习和提升Sencha技能的宝贵资源。通过深入阅读和实践,你将能够熟练地使用Sencha框架构建功能丰富的Web和移动应用。

    jarvus-touch-apikit:需要与 API 集成的 Sencha Touch 应用程序的工具包

    2. **数据模型(Model)和数据存储(Store)**:在Sencha Touch中,数据模型用于定义数据结构和行为,而数据存储则管理数据集合,包括加载、保存和同步。jarvus-touch-apikit 可能扩展了这些功能,使其更易于与API...

    sencha_的所有xtype类型

    `xtype`是Sencha框架(如Ext JS和Sencha Touch)中用于组件类型的扩展名,它允许开发者通过一个简短的字符串来创建各种组件。这种机制极大地简化了代码,使得开发人员能够快速地构建复杂且功能丰富的用户界面。 ###...

    Ext JS 4 Architecture

    通过组件化的设计和强大的数据管理能力,Ext JS 4简化了复杂的前端开发任务,同时通过Sencha提供的其他工具和框架,如Sencha Architect和Sencha Touch,开发者可以获得更加高效、强大的开发体验。

    Learning Ext JS

    同时也是Sencha Touch的基石,Sencha Touch是针对现代触摸屏设备的移动应用框架。 Ext JS框架包含丰富的组件库,这些组件为开发人员提供了构建具有现代桌面应用风格界面的工具。这些组件覆盖了从基础布局到高级数据...

    SenchaMVCArchitecture:Sencha MVC 架构书代码

    Sencha MVC架构是Sencha Touch和Ext JS框架中用于构建高效、可维护的单页应用程序(SPA)的核心设计模式。这个架构模式深受开发者喜爱,因为它提供了分层的组织方式,帮助管理和协调应用中的数据流、视图和业务逻辑...

    ExtJS实用开发指南.pdf

    在ExtJS 2.0及以后的版本中,它采用了Sencha框架,这是一个集合了ExtJS、Ext Touch、CMD等产品的全面框架,提供了一致的API和一套开发工具。ExtJS允许开发者使用HTML5、CSS3以及JavaScript等前端技术,通过组件的...

    10大优秀的移动Web应用程序开发框架推荐

    - 易于学习和使用。 - 提供了丰富的文档和示例代码。 #### 7. Wijmo – jQuery UI Widgets - **概述**:Wijmo是一个混合了JavaScript、CSS3、SVG和HTML5的技术集合,拥有超过30个组件,是jQuery UI的一个扩展。 ...

Global site tag (gtag.js) - Google Analytics