ExtJS Basic Getting Started video tutorial

Extjs5.0 from entry to combat development of information management Systems (ExtJS Foundation, EXTJS5 new features, spring, Spring MVC, Mybatis)
Suitable for people: Beginner
Number of lessons: 40 hours
Using technology: ExtJS Basics, Extjs5 new features, Sencha cmd,spring,spring MVC, MyBatis
Project: Core framework of Information Management system (MVVM+MVC architecture)
Consulting qq:1840215592
Course Content Introduction:
1. Curriculum Development Environment
development tool: Eclipse,sencha cmd;
Database Tools: Mysql5,mysql Workbench,navicat Premium;
Other tools: Jsonview;
2. Introduction to the Content
This tutorial starts with the development environment of EXTJS5, explains the EXTJS5 project structure (including the role of the core file), some basic concepts of ExtJS class, layout, events, MVVM and MVC architecture, routers, data binding concepts and practical use, The ExtJS UI components commonly used in development are also explained: Panel, Tabpanel,tree, grid, form form (and its validation method), data components: Store,model, etc., explaining the dynamic menu, The development method of single table and sub-parent table module, as well as the integration of backend spring,spring mvc,mybatis and data opening etc. To give people to fish than to give people to fishing, the curriculum is to train students to quickly learn to quickly develop and analyze and solve problems of the ability!
Extjs5.0 from the introduction to the actual development of information management system details: http://www.ibeifeng.com/goods-514.html
Course Outline:
1. EXTJS5 Overview and expected learning effect
2. EXTJS5 Project catalogue structure and core file analysis
3, Information management System general function induction-e-commerce enterprise Support system demonstration
4, Information management System general function induction-general function refinement
5. Front-end development-environment construction
6, front-end development-Change the default style, preliminary data binding
7. Front-end development-Understanding ExtJS Class 1 (class definition, instantiation, Singleton)
8. Front-end development-Understanding ExtJS Class 2 (Class Inheritance: Single inheritance, multiple inheritance, and overrides)
9. Front-end development-Understanding ExtJS Class 3 (Static properties and methods: inheritable, non-inheritable)
10. Front-end development-Understanding ExtJS Class 4 (class reference, Auto getter and setter)
11. Front-end development-Understanding ExtJS Class 5 (Xtype,alias,alternateclassname)
12. Front-end development-Understanding ExtJS Class 6 (Template methods, events, custom events)
13. Front-end development-Understanding ExtJS Class 7 (naming specification)
14. Front-end development-Main Page-general layout (Common layout mode ...) ) 1 (absolute, accordion)
15. Front-end development-Main Page-general layout (Common layout mode ...) ) 2 (border)
16. Front-end development-Main Page-general layout (Common layout mode ...) ) 3 (Card)
17. Front-end development-Main Page-general layout (Common layout mode ...) ) 4 (column)
18. Front-end development-Main Page-general layout (Common layout mode ...) ) 5 (Hbox,vbox)
19. Front-end development-Main Page-general layout (Common layout mode ...) ) 6 (Other layout mode)
20. Front-end development-Main page-Build top bar (realize one: utilize Container,component,menu) 1
21. Front-end development-Main page-Build top bar (realize one: utilize Container,component,menu) 2
22. Front-end development-Main page-Build top bar (realize one: utilize Container,component,menu) 3
23. Front-end development-Main page-Build top bar (realize one: utilize Container,component,menu) 4
24. Front-end development-Main page-Build top bar (realize two: Use toolbar)
25. Front-end development-Main Page-Build navigation menu (panel + treepanel configuration-manageable menu) 1
26. Front-end development-Main Page-Build navigation menu (panel + treepanel configuration-manageable menu) 2
27. Front-end development-Main Page-Build navigation menu (panel + treepanel configuration-manageable menu) 3
28. Front-end development-Main Page-Module development Architecture 1 (using Treepanel events and Panel dynamic loading) 1
29. Front-end development-Main Page-Module development Architecture 1 (using Treepanel events and panel dynamic loading) 2
30. Front-end development-Main Page-Module development Architecture 1 (using Treepanel events and panel dynamic loading) 3
31. Front-end development-Main Page-Module development Architecture 2 (using EXTJS reflection mechanism to simplify)
32. Front-end development-Main Page-Module Development Architecture 3 (leveraging Global Controller)
33. Front-end development-Main Page-Module development Architecture 4 (using routers) 1
34. Front-end development-Main Page-Module development Architecture 4 (using routers) 2
35. Front-end development-Main Page-Module development Architecture 4 (using routers) 3
36. Front-end development-Main Page-Module development Architecture 5 (using TabPanel) 1
37. Front-end development-Main Page-Module development Architecture 5 (using TabPanel) 2
38. Front-end development-Main Page-Module development Architecture 5 (using TabPanel) 3
39. Front-end development-ExtJS component Find 1 (using Componentquery-base lookup) 1
40. Front-end development-ExtJS component Find 1 (using Componentquery-base lookup) 2
41. Front-end development-ExtJS Component Lookup 2 (Componentquery-attribute lookup and pseudo Class) 1
42. Front-end development-ExtJS Component Lookup 2 (Componentquery-attribute lookup and pseudo Class) 2
43. Front-end development-ExtJS component Find 3 (other ways to find)
44. Backend development-back-end technology selection and tool installation (Springmvc+mybatis + mysql+mysql workbench+ Navicat Premium)
45. Backend Development-Backend project configuration (SPRINGMVC and MyBatis integration, project package structure arrangement) 1
46. Backend Development-Backend project configuration (SPRINGMVC and MyBatis integration, project package structure arrangement) 2
47. Backend Development-Backend project configuration (SPRINGMVC and MyBatis integration, project package structure arrangement) 3
48. Backend Development-Backend project configuration (SPRINGMVC and MyBatis integration, project package structure arrangement) 4
49. Backend Development-Backend project configuration (SPRINGMVC and MyBatis integration, project package structure arrangement) 5
50, back-end development-Single table module-Data Modeling (Database model design, build a table, front-end model) 1
51, back-end development-Single table module-Data Modeling (Database model design, build a table, front-end model) 2
52. Integrated Development-Single table module-Create List page (use Gridpanel, store, pagination, data binding, delay loading) 1
53. Integrated Development-Single table module-Create List page (use Gridpanel, store, pagination, data binding, delay loading) 2
54. Integrated Development-Single table module-Create List page (use Gridpanel, store, pagination, data binding, delay loading) 3
55. Integrated Development-Single table module-Create List page (use Gridpanel, store, pagination, data binding, delay loading) 4
56. Integrated Development-Single table module-Create new (Modify) page (using Ext.data.session,ext.data.batch, form, data binding) 1
57. Integrated Development-Single table module-Create new (Modify) page (using Ext.data.session,ext.data.batch, form, data binding) 2
58. Integrated Development-Single table module-Create new (Modify) page (using Ext.data.session,ext.data.batch, form, data binding) 3
59. Integrated Development-Single table module-writing back-end body (Controller, Service, DAO) 1
60. Integrated Development-Single table module-writing back-end body (Controller, Service, DAO) 2
61. Integrated Development-Single table module-writing back-end body (Controller, Service, DAO) 3
62. Integrated Development-Single table module-writing back-end body (Controller, Service, DAO) 4
63. Integrated Development-Single table module-Remote filtering and sequencing 1
64. Integrated Development-Single table module-Remote filtering and sequencing 2
65. Integrated Development-Single table module-Remote filtering and sequencing 3
66. Integrated Development-Single table module-input validation (regular, vtype,validators, custom field) 1
67. Integrated Development-Single table module-input validation (regular, vtype,validators, custom field) 2
68. Integrated Development-Single table module-input validation (regular, vtype,validators, custom field) 3
69, integrated development-sub-parent table module-(Data Building model database building table, back-end layers of writing)
70. Integrated development-sub-parent Table module-(front page writing, using Model Association, using override override Official module method, table edit plugin) 1
71. Integrated development-sub-parent Table module-(front page writing, using Model Association, using override override Official module method, table edit plugin) 2
72. Integrated development-sub-parent Table module-(front page writing, using Model Association, using override override Official module method, table edit plugin) 3
73, integrated development-dynamic menu-(using ext. Ajax gets menu data dynamically assembled from the server)
74. Study Summary and review

ExtJS Basic Getting Started video tutorial