-
Module 1: Basics (DAY - 1)
-
Module 2: Core Concepts
- Lesson 1: The class system
- Lesson 2: Creating Custom classes
- Lesson 3: Best Practices while declaring custom Classes
- Lesson 4: Simple inheritance
- Lesson 5: Pre-processors,processors and post-processors
- Lesson 6: Mixing many classes
- Lesson 7: Configurations – Auto getters & setters
- Lesson 8; Best Practices while declaring custom Config’s
- Lesson 9: Statics methods and properties
- Lesson 10: Singleton
- Lesson 11: Alias
- Lesson 12: Loading classes on demand
- Lesson 13: Enabling the loader
- Lesson 14: Dependencies
- Lesson 15: Dynamic class loading
- Lesson 16: Synchronous Loading
- Lesson 17: Working with the DOM: Element Query
- Lesson 18: Selecting DOM elements
- Leeson 19: Traversing the DOM
- Leeson 20: Manipulating DOM elements
- Lesson 21: Creating new DOM elements
- Lesson 22:Handling events on elements and components
- Lesson 23:Delegating event handling of child elements
- Lesson 24: Simple animation of elements
- Lesson 25: Custom animations
- Lesson 26: Parsing, formatting, and manipulating dates
- Lesson 27: Getting elements
- Lesson 28: Element Query V/S Component queries
- Lesson 29:Component Query – How to find them?
- Lesson 30: Accessing components with component query
- Lesson 31: Overriding Ext JS’ functionality
- Lesson 32: DOM Manipulation
-
Module 3: Components and Layouts
-
Module 4: Containers (DAY - 2)
-
Module 5: Absolute layout
-
Module 6: Border layout
-
Module 7: Working with the Data Model
- Lesson 1: Ajax
- Lesson 2: Models
- Lesson 3: Validations -> Model & Store & Custom Validations
- Lesson 4: Relationships
- Lesson 5: Dealing with the store
- Lesson 6: Adding new elements
- Lesson 7: Looping through the elements
- Lesson 8: Retrieving the records
- Lesson 9: Removing records
- Lesson 10: Retrieving remote data
-
Module 8: Working with Proxies
-
Module 9: Buttons and Toolbars
-
Module 10: Forms
- Lesson 1:The form component
- Lesson 2: Anatomy of the fields
- Lesson 3: Available fields
- Lesson 4:The Textfield class
- Lesson 5: The number field
- Lesson 6: The combobox field
- Lesson 7: The date field
- Lesson 8: The checkbox
- Lesson 9: The radio button
- Lesson 10:The field container
- Lesson 11:Displaying radio buttons in columns
- Lesson 12:Populating CheckboxGroups
- Lesson 13:Dynamically generate a CheckboxGroup from JSON
- Lesson 14: Setting up available date ranges in Date fields
- Lesson 15: Loading and parsing Dates into a Date field
- Lesson 16:Entering numbers with a Spinner field
- Lesson 17: Sliding values using a Slider field
- Lesson 18: Loading server side data into a combobox
- Lesson 19: Autocompleting a combobox’s value
- Lesson 20: Rendering the results in a combobox
- Lesson 21: Rich editing with an HTML field
- Lesson 22: Creating repeatable form fields and fieldsets
- Lesson 23:Combining form fields
- Lesson 24:Validating Forms & Custom Validations including RegExp
- Lesson 25: Submitting the data
-
Module 11: Working with Data Grid (DAY - 3)
-
Module 12: Overriding Grid functionalities
- Lesson 1: Columns renderers
- Lesson 2: Selection models
- Lesson 3: Grid listeners
- Lesson 4: Features
- Lesson 5: Ext.grid.feature.Grouping
- Lesson 6: Ext.grid.feature.RowBody
- Lesson 7: Ext.grid.feature.
- Lesson 8: Plugins
- Lesson 9: Ext.grid.plugin.Editing
- Lesson 10: Ext.grid.plugin.CellEditing
- Lesson 11: Ext.grid.plugin.RowEditing
- Lesson 12: Grid paging
- Lesson 13: Infinite scrolling
- Lesson 14:Smart Rendering Large set of Grid rows loaded dynamically
-
Module 13: Architecture
-
Module 14: DataViews and Templates
- Lesson 1: The data connection (models and stores)
- Lesson 2: Defining our User Model
- Lesson 3: Defining the store
- Lesson 4: A basic dataview
- Lesson 5: Getting all our code together
- Lesson 6: Handling events on the dataview
- Lesson 7: Adding the listeners to the dataview
- Lesson 8: Templates
- Lesson 9: A more complex dataview
-
Module 15: Tree Panel
-
Module 16: MVVM (Model-View-View-Model) (DAY - 4)
- Lesson 1: Introduction
- Lesson 2: Scaffolding MVVM Applications With Sencha CMD
- Lesson 3:Refactor Scaffolded Application for Our Own Use
- Lesson 4: Scaffolding Additional Views and Models With Sencha CMD
- Lesson 5: Create New View Models
- Lesson 6: Implement Base Models and Model Schemas
- Lesson 7: Bind Model View Stores to the View Models
- Lesson 8: Two Way Bind a Model Record to a Grid Row With Formula
- Lesson 9: Two Way Bind Model Record to Details View
- Lesson 10: Using Data Binding to Secure Fields
- Lesson 11: Adding a Controller to Model View and References
- Lesson 12:Adding a SegmentedButton as a Grid Column Widget
- Lesson 13: Update Grid Row Data Binding With New Two Way Selection Binding
-
Module 17: Theming your Application
-
Module 18: Drawing to Charting
-
Module 19: Building an application
-
Module 20: Advanced Ext JS for the Perfect App (DAY - 5)
- Lesson 1: Inheritance patterns with EXT JS
- Lesson 2: Extending with EXT JS
- Lesson 3: Extending EXT JS Components
- Lesson 4: Extending GridPanel
- Lesson 5: Our extension in action
- Lesson 6: Identifying the limitations of extensions
- Lesson 7: Plug-Ins to the rescue
- Lesson 8: A robust plug-in design pattern
- Lesson 9: Developing a plug-in
- Lesson 10: Our Plug-in action
- Lesson 11:Advanced functionality with plugins
- Lesson 12: Architecting your applications with the MVVM pattern
- Lesson 13: Attaching user interactions to controller actions
- Lesson 14: Creating real life application with the MVVM pattern
- Lesson 15: Building your application with Sencha’s SDK tools
- Lesson 16: Handling errors throughout your application
- Lesson 17: Memory footprint (Browser) & Managing Memory Leaks in our application
-
Module 21:Best Practices on extending classes & components
- Lesson 1: Classic Javascript Inheritance V/s EXT JS Inheritance
- Lesson 2: creating classes & subclasses
- Lesson 3: Extending EXT JS components
- Lesson 4: Extending the Gridpanel
- Lesson 5: Deploying your extension
- Lesson 6: Anatomy of a plug-in
- Lesson 7: Developing a plug-in
- Lesson 8: Dynamically load our extension through the loader
- Lesson 9: Using a Hybrid approach
-
Module 22: Testing
Copyright © 2020 LOCUS IT SERVICES All rights reserved.
Locus IT Project Management Office
What’s it?
