lesson5.md

#Go over

1. Javascript

2. Class system

3. Component, Container, Layout

4. ComponentQuery

5. Event #New

6. SenchaMVC

   1. application

       Ext.application({
       	name: 'Homework',
       	appFolder: 'app',
       	requires: [
       		...
       	],
      
       	launch: function() {
       		Ext.create('Ext.container.Viewport', {
       			layout: 'fit',
       			items: [{
       				...
       			}]
       		});
       	}
       });
      

      vs

       Ext.Loader.setPath('Homework', 'app');
      
       Ext.require([
       	...
       ]);
      
       Ext.onReady(function() {
       	Ext.create('Ext.container.Viewport', {
       		layout: 'fit',
       		items: [{
       			...
       		}]
       	});
       });
      

   2. controller

      1. refs
      2. models, views, stores
      3. init(), control()

7. Advanced ExtJS

   1. Form validation
   2. Tree
   3. View
   4. Custom control
   5. DOM