ExtJS课程内容 for v4.0

ExtJS4Up—ExtJS 4 升级课程Upgrading to Ext JS 4

ExtJS4Up—ExtJS 4 升级课程Upgrading to Ext JS 4本课程针对 ExtJS 3 的程序员而设。通过本课程可以快速掌握 ExtJS 4 的新技术，包括Ext Core的类机制、数据模型、表单、布局、图标和绘图、Grid 强大的功能、SASS 主题以及 Sencha MVC 等等。

Learn from the experts and upgrade to Ext JS 4 Fast! We’ve been working with Ext JS 4 all year and can show you how to use the great new features of Ext JS 4 quickly and efficiently. This hands-on course is designed for experienced Ext JS 3 developers and covers the new features in Ext JS 4, including the Ext Core Class System, the new Data Model, Forms, Layouts, Charting and Drawing, new Grid features, Theming with SASS, and Sencha MVC.

ExtJS4GettingStarted with Ext JS 4

• 更新在线文档。Reviewingthe online docs

• 加载库。Loading theLibrary

• 核心内容。The Core

• 无须适配器。No moreadapters

• Ext3的兼容性。Ext3 Compatibility

• 沙箱模型。SandboxMode

• 理解 ExtCore。Understanding theExt Core

• 类系统。Class System

• 类定义。ClassDefinition

• 类加载。Class Loading

• 多态。Mixins

• 静态化。Statics

• 为配置项属性自动生成getter、setter。Automaticallygenerating getters and setters with the config property

• 语言包的使用。Usingthe Lang Package

• 读取浏览器信息的Env。ParsingInformation about the Browser with Env

• 提供 ARIA的支持。Makingyour applications accessible with ARIA support

客户端数据Workingwith Data

• 定义模型。DefiningModels

• 数据验证。Validatingyour Data

• 定义关系。DefiningAssociations

• 定义 Proxy对象。DefiningProxies

• 定义数据容器。DefiningStores

• 表单。Working withForms

• 理解表单布局。UnderstandingForm Layout

• FormPanel vs. BasicForm

• 固定式定位。Anchor

• 字段容器。FieldContainer

• “多态”方式下使用字段对象。UsingField as Mixin

• 应用验证器。ApplyingValidations

• 与应用服务器同步数据。SynchronizingData to/from an Application Server

• 利用 DataView输出数据。OutputtingData with DataView

GUI的布局Laying out your GUI

• 定义面板。DefiningPanels

• Docking

• 头部。Headers

• 工具。Tools

• 调整面板大小。ResizingPanels

• 定义工具栏。DefiningToolbars

• 定义布局。DefiningLayouts

• 水平箱子。HBOX

• 垂直箱子。VBOX

• 分割器。Splitter

• 多标签页。Tabs

Grid用法Getting on the Grid

• 介绍Grid各种功能。Introducinggrid features

• 定义一个只读的Grid。Defininga read-only grid

• 可编辑的Grid。Editingwithin a grid

可视化数据VisualizingData

• 用canvas标签动态描绘Programaticallydrawing on a canvas

• 图标数据 Chartingdata

主题Theming

• 学习SASS。Gettingstarted with SASS

• 结合使用Compass和SASS。UsingCompass and SASS

应用程序的架构ApplicationArchitecture

• 重构企业级的应用程序和ExtJS4的最佳实践。RefactorEnterprise Applications to use Ext JS 4 Best Practices

• 引入 SenchaMVC模式。IntroducingSencha MVC

• SenchaCommand 工具介绍。IntroducingSencha Command

ExtJS241—Fast Track to Ext JS 4 Development

This hands-on course provides in-depth coverage of the Ext JS 4 framework and UI components, including Charting, Grids, the new Data Model, Forms, Layouts, and Theming. It is targeted for those who have a solid understanding of JavaScript and CSS and who want to get a jumpstart to being immediately productive with Ext JS. This course also provides extended coverage of the Ext JS framework. It includes custom component creation, creating Ext themes using CSS, and UI prototyping. The course includes intensive hands-on labs and by the end of the course, you will have built a functioning user interface with Ext JS 4 which connects to live data feeds using JSON. Learn Application Architecture best practices to design and refactor applications.

开始进入 ExtJS4 Getting Started with Ext JS 4

• 浏览在线文档。 Reviewingthe online docs

• 加载库。Loading theLibrary

• Ext 3 的兼容性。Ext3 Compatibility

• 沙箱模式。SandboxMode

基础类 FundamentalClasses

• Ext.Element

• Ext.CompositeElement

• Ext.DomHelper

• Ext.DomQuery

事件处理 EventHandling

• Ext 的事件与DOM 事件。Eventsin Ext & DOM Events

• 观察者类。Observableclasses

• 自定义事件。CustomEvents

• 事件处理器与事件委托的处理。EventHandlers & Delegated Event Handling

组件模型 ComponentModel

• 概述。Overview

• 组件管理器。ComponentManager

• 延时渲染。DeferredRendering

• 组件 vs 元素。Componentvs. Element

• 组件配置项。Componentconfiguration

GUI的布局Laying out your GUI

• 定义面板。DefiningPanels

• Docking

• 头部。Headers

• 工具。Tools

• 调整面板大小。ResizingPanels

• 定义工具栏。DefiningToolbars

• 定义布局。DefiningLayouts

• 水平箱子。HBOX

• 垂直箱子。VBOX

• 分割器。Splitter

• 多标签页。Tabs

手把手介绍组件的用法Hands-onExperience w/ Common Components

• 视口。Viewport

• 多标签页。TabPanel

• 数据表格。GridPanel

• 表单。FormPanel

客户端数据Workingwith Data

• 定义模型。DefiningModels

• 数据验证。Validatingyour Data

• 定义关系。DefiningAssociations

• 定义 Proxy对象。DefiningProxies

• 定义数据容器。DefiningStores

• 表单。Working withForms

• 理解表单布局。UnderstandingForm Layout

• FormPanel vs. BasicForm

• 固定式定位。Anchor

• 字段容器。FieldContainer

• “多态”方式下使用字段对象。UsingField as Mixin

• 应用验证器。ApplyingValidations

• 与应用服务器同步数据。SynchronizingData to/from an Application Server

• 利用 DataView输出数据。OutputtingData with DataView

Grid用法Getting on the Grid

• 介绍Grid各种功能。Introducinggrid features

• 定义一个只读的Grid。Defininga read-only grid

• 可编辑的Grid。Editingwithin a grid

可视化数据VisualizingData

• 用canvas标签动态描绘Programaticallydrawing on a canvas

• 图标数据 Chartingdata

UI的状态Persisting UI State

• 有态化组件。StatefulComponents

• 供应器与管理器之间的比较。Providervs. Manager

• 设置一个供应器。Settinga Provider

• 围绕应用程序的有态化管理。ApplicationSpecific State Management

工具函数 UtilityFunctions

• Ext.apply

• Ext.util.Format

创建于扩展类Creating& Extending Classes

• 创建一个类并扩展一个类。Creatinga Class & Extending a Class

• 扩展一个组件。Extendinga Component

• 理解 ExtCore。Understanding theExt Core

• 类系统。Class System

• 类定义。ClassDefinition

• 类加载。Class Loading

• 多态。Mixins

• 静态化。Statics

• 为配置项属性自动生成getter、setter。Automaticallygenerating getters and setters with the config property

• 语言包的使用。Usingthe Lang Package

• 读取浏览器信息的Env。ParsingInformation about the Browser with Env

• 提供 ARIA的支持。Makingyour applications accessible with ARIA support

国际化和可访问性。Internationalizationand Accessibility

• 激活本地化的支持。EnablingLocale Support

• 已支持的本地化。SupportedLocales

• 全球化你的组件。Globalizingyour Components

• 让你的程序带有 ARIA的支持。Making yourapplications accessible with ARIA support

拖放 Drag &Drop

• 实现自定义拖放。ImplementCustom Drag and Drop

主题Theming

• 学习SASS。Gettingstarted with SASS

• 结合使用Compass和SASS。UsingCompass and SASS

应用程序的架构ApplicationArchitecture

• 设计与重构应用程序 Designand Refactor Applications

• ExtJS 4的最佳实践。ApplicationBest Practices

• 引入 SenchaMVC模式。IntroducingSencha MVC

• SenchaCommand 工具介绍。IntroducingSencha Command

构建 Ext 与你的项目Building Ext And Your Project

• 设置、维护和部署 JS和CSS。Setup,Maintain and Deploy the JavaScript & CSS

• 生成压缩的 JS和 CSS。GenerateCompressed JavaScript & CSS