cminhho/present

## gistfile1.txt
sencha app build
sencha -sdk /path/to/ExtSDK generate app TutorialApp ./TutorialApp
http://docs.sencha.com/extjs/5.1/tutorials/login_app.html
http://docs.sencha.com/extjs/5.1/getting_started/getting_started.html

http://dev.sencha.com/ext/5.0.1/examples/kitchensink/?theme=classic#all
http://www.slideshare.net/ThorstenSuckow/introduction-to-extjs-5
http://www.techferry.com/articles/ExtJS-vs-AngularJS.html
http://www.slideshare.net/attuneuniversity/getting-started-with-ext-js?related=1
http://www.slideshare.net/ArunPrasadVidhyaarthi/introduction-to-extjs-lesson-01-part-two
http://www.slideshare.net/ikhwanhayat/basics-of-ext-js?related=2
http://www.slideshare.net/VincenzoFerrari/extjs-a-powerful-javascript-framework?related=1

http://www.extjs-tutorial.com/extjs/define-new-class-in-extjs

http://olex.openlogic.com/packages/extjs/5.1.0

http://www.extjs-tutorial.com/extjs/Introduction

http://blog.jetbrains.com/webstorm/2014/03/angularjs-workflow-in-webstorm/
Using Ext JS Framework
https://www.jetbrains.com/webstorm/help/using-ext-js-framework.html

http://co.williams.com/

Constructors (được gọi là hàm tạo) là những hàm đặc biệt cho phép thực thi, điều khiển chương trình ngay khi khởi tạo đối tượng

Biến Static
Chỉ phụ thuộc và lớp mà không phụ thuộc vào đối tượng
Biến static chỉ khởi tạo một lần khi chương trình bắt đầu thực thi
Biến static có thể truy cập trực tiếp bằng tên class mà không cần bất kỳ đối tượng nào.
Cú pháp : Tên_class.Tên_biến _static

## present
ExtJS

# Introduction

ExtJS is a  product of Sencha. Ext JS is the industry's most powerful desktop application development platform with unparalledled cross-browser compatibility,

advanced MVC architecture, plugin-free charting, and modern UI widgets.
providing:
	more than 150 user interface components
	powerful application development platform leveraging HTML5 feature
## Sencha Products:
###Ext JS is a framework for web application based on JavaScript and HTMl5
###Sencha Touch is a hight-performance HTMl5 mobile application framework
###Sencha GXT is the fastest,most powerful way to create rich web
Please visit Sencha.com from more infomation on Sencha products and tools
###Ext JS is a client-side, JavaScript framework for building web applications. In early 2006, Jack Slocum (jackslocum.com) started working on a set of extension

utilities for the Yahoo User Interface (YUI) library under the name "yui-ext." Eventually, Jack created an adapter layer through which any foundation library could be

plugged in to provide utilities such as event handling, DOM manipulation and animated effects. This unanchored the library from YUI, and allowed the use of YUI,

jQuery, prototype, or a new ext-base foundation written by Jack. This was version 1 of Ext JS. Current version of Ext JS is 4.2.x.
Visit Wikipedia for more information on ExtJS history.
----------------------------------------------------------------------
# Setup Dev Environment
##Sencha SDK: Download GPL version of Sencha ExtJS library from sencha.com to learn ExtJS5. ExtJS SDK includes following folders ...
You can also download Sencha SDK tools from sencha.com. The Sencha SDK tools is a suite of powerful tools that automate a large part of the application creation.

development and building process.

##Web Server
You also need to install web server on your local machine. You may use any web serer of your choice.

## IDE
You cna use any IDE for Sencha development as per your convenient eg. Webstorm, Aptana, Eclipse, VisualStudio etc.
IDE should satisfy following requiremnets for the development
1. It should be able to validate Javascript code for errors and warnings
2. It should have autoComplete functionality for ExtJS5 library classes and functions
3. It should be able to format JavaScript code easily to make ExtJS code readble

# ExtJS5 Help Document
Sencha provides extensive online and offile documentation to learn any of its products.
### Online Help: Go to http://docs.sencha.com/ and select the version of ExtJS you are using in your application.
### Offile Help: Navigate to the folder where you have copi

# Support major browser
Ext JS supports all major web browsers including:

IE 6+
Firefox 3.6+
safari 3+
chrome 6+
opera 10.5
----------------------------------------------------------------
# ExtJS Provided
Familiar and simple to learn (cool documentation)
Fast to develop
Easy to debug
Painless to deploy
Well-organized (powerful mvc architecture)
extensible(plugin support)
Maintainable

# ExtJS 5 Features
class based architecture
declarative component configurations
rich data package
MVC, VC, MVVM support
over 1000 documents APIs
large collection of themes
tablet compatible


----------------------------------------------------------------
#MVC Application Architecture
### Model
Model is a collection of fields and their data. Models know how to persist themselves through the data packge
### View
View

### Controllers

http://www.slideshare.net/VincenzoFerrari/extjs-a-powerful-javascript-framework?related=1
----------------------------------------------------------------
# Inheritance: Example Class Diagram
----------------------------------------------------------------
# Some of the Other Stuff

----------------------------------------------------------------
# Other Sencha Products
### Sencha Touch: framework for building mobile application
### Sencha.io: cloud services for mobile
### Ext Designer: wysiwig tool for ExtJS
### Sencha Animation: tool for designing CSS3 animations
### Ext GWT: Ext controls available for Goolge Web Toolkit


----------------------------------------------------------------
# Widgets

## Widgets - Grids
## Widgets - charts
# Widgets - tabs

----------------------------------------------------------------
# Base
### Class System
### Application Architecture
### DOM & Browser
### Support
----------------------------------------------------------------
# View
### Container & Panels
### Layouts
### Draw
----------------------------------------------------------------
# Components
### Form
### Chart
### Tree
### Toolbar
### Grid
### Menu
----------------------------------------------------------------
# Data
### Models
### Proxies
### Stores
### Readers & Writes

----------------------------------------------------------------
# Data Package
### Models
### Proxies
### Stores
### Readers & Writes


Files and Directories in the Architect Project Tree
https://docs.sencha.com/architect/3/reference/files_directories.html


Mobile

http://www.sencha.com/blog/getting-started-with-sencha-touch-2-build-a-weather-utility-app-part-1/
	sencha app build
	sencha -sdk /path/to/ExtSDK generate app TutorialApp ./TutorialApp
	http://docs.sencha.com/extjs/5.1/tutorials/login_app.html
	http://docs.sencha.com/extjs/5.1/getting_started/getting_started.html

	http://dev.sencha.com/ext/5.0.1/examples/kitchensink/?theme=classic#all
	http://www.slideshare.net/ThorstenSuckow/introduction-to-extjs-5
	http://www.techferry.com/articles/ExtJS-vs-AngularJS.html
	http://www.slideshare.net/attuneuniversity/getting-started-with-ext-js?related=1
	http://www.slideshare.net/ArunPrasadVidhyaarthi/introduction-to-extjs-lesson-01-part-two
	http://www.slideshare.net/ikhwanhayat/basics-of-ext-js?related=2
	http://www.slideshare.net/VincenzoFerrari/extjs-a-powerful-javascript-framework?related=1

	http://www.extjs-tutorial.com/extjs/define-new-class-in-extjs

	http://olex.openlogic.com/packages/extjs/5.1.0

	http://www.extjs-tutorial.com/extjs/Introduction

	http://blog.jetbrains.com/webstorm/2014/03/angularjs-workflow-in-webstorm/
	Using Ext JS Framework
	https://www.jetbrains.com/webstorm/help/using-ext-js-framework.html

	http://co.williams.com/

	Constructors (được gọi là hàm tạo) là những hàm đặc biệt cho phép thực thi, điều khiển chương trình ngay khi khởi tạo đối tượng

	Biến Static
	Chỉ phụ thuộc và lớp mà không phụ thuộc vào đối tượng
	Biến static chỉ khởi tạo một lần khi chương trình bắt đầu thực thi
	Biến static có thể truy cập trực tiếp bằng tên class mà không cần bất kỳ đối tượng nào.
	Cú pháp : Tên_class.Tên_biến _static
	ExtJS

	# Introduction

	ExtJS is a product of Sencha. Ext JS is the industry's most powerful desktop application development platform with unparalledled cross-browser compatibility,

	advanced MVC architecture, plugin-free charting, and modern UI widgets.
	providing:
	more than 150 user interface components
	powerful application development platform leveraging HTML5 feature
	## Sencha Products:
	###Ext JS is a framework for web application based on JavaScript and HTMl5
	###Sencha Touch is a hight-performance HTMl5 mobile application framework
	###Sencha GXT is the fastest,most powerful way to create rich web
	Please visit Sencha.com from more infomation on Sencha products and tools
	###Ext JS is a client-side, JavaScript framework for building web applications. In early 2006, Jack Slocum (jackslocum.com) started working on a set of extension

	utilities for the Yahoo User Interface (YUI) library under the name "yui-ext." Eventually, Jack created an adapter layer through which any foundation library could be

	plugged in to provide utilities such as event handling, DOM manipulation and animated effects. This unanchored the library from YUI, and allowed the use of YUI,

	jQuery, prototype, or a new ext-base foundation written by Jack. This was version 1 of Ext JS. Current version of Ext JS is 4.2.x.
	Visit Wikipedia for more information on ExtJS history.
	----------------------------------------------------------------------
	# Setup Dev Environment
	##Sencha SDK: Download GPL version of Sencha ExtJS library from sencha.com to learn ExtJS5. ExtJS SDK includes following folders ...
	You can also download Sencha SDK tools from sencha.com. The Sencha SDK tools is a suite of powerful tools that automate a large part of the application creation.

	development and building process.

	##Web Server
	You also need to install web server on your local machine. You may use any web serer of your choice.

	## IDE
	You cna use any IDE for Sencha development as per your convenient eg. Webstorm, Aptana, Eclipse, VisualStudio etc.
	IDE should satisfy following requiremnets for the development
	1. It should be able to validate Javascript code for errors and warnings
	2. It should have autoComplete functionality for ExtJS5 library classes and functions
	3. It should be able to format JavaScript code easily to make ExtJS code readble

	# ExtJS5 Help Document
	Sencha provides extensive online and offile documentation to learn any of its products.
	### Online Help: Go to http://docs.sencha.com/ and select the version of ExtJS you are using in your application.
	### Offile Help: Navigate to the folder where you have copi

	# Support major browser
	Ext JS supports all major web browsers including:

	IE 6+
	Firefox 3.6+
	safari 3+
	chrome 6+
	opera 10.5
	----------------------------------------------------------------
	# ExtJS Provided
	Familiar and simple to learn (cool documentation)
	Fast to develop
	Easy to debug
	Painless to deploy
	Well-organized (powerful mvc architecture)
	extensible(plugin support)
	Maintainable

	# ExtJS 5 Features
	class based architecture
	declarative component configurations
	rich data package
	MVC, VC, MVVM support
	over 1000 documents APIs
	large collection of themes
	tablet compatible


	----------------------------------------------------------------
	#MVC Application Architecture
	### Model
	Model is a collection of fields and their data. Models know how to persist themselves through the data packge
	### View
	View

	### Controllers

	http://www.slideshare.net/VincenzoFerrari/extjs-a-powerful-javascript-framework?related=1
	----------------------------------------------------------------
	# Inheritance: Example Class Diagram
	----------------------------------------------------------------
	# Some of the Other Stuff

	----------------------------------------------------------------
	# Other Sencha Products
	### Sencha Touch: framework for building mobile application
	### Sencha.io: cloud services for mobile
	### Ext Designer: wysiwig tool for ExtJS
	### Sencha Animation: tool for designing CSS3 animations
	### Ext GWT: Ext controls available for Goolge Web Toolkit


	----------------------------------------------------------------
	# Widgets

	## Widgets - Grids
	## Widgets - charts
	# Widgets - tabs

	----------------------------------------------------------------
	# Base
	### Class System
	### Application Architecture
	### DOM & Browser
	### Support
	----------------------------------------------------------------
	# View
	### Container & Panels
	### Layouts
	### Draw
	----------------------------------------------------------------
	# Components
	### Form
	### Chart
	### Tree
	### Toolbar
	### Grid
	### Menu
	----------------------------------------------------------------
	# Data
	### Models
	### Proxies
	### Stores
	### Readers & Writes

	----------------------------------------------------------------
	# Data Package
	### Models
	### Proxies
	### Stores
	### Readers & Writes





	Files and Directories in the Architect Project Tree
	https://docs.sencha.com/architect/3/reference/files_directories.html


	Mobile

	http://www.sencha.com/blog/getting-started-with-sencha-touch-2-build-a-weather-utility-app-part-1/