Skip to content
- Introduction
- Setting up the Development Environment with Vue CLI.
- Overview of Virtual Dom Concepts
- Creating a Project
- Building custom controlled components
- Reusing Code with Vue.js Mixins
- Extending Components Using Composition
- Building a Custom Directive
- Creating a Filter
- Applying Transitions (Enter/Leave)
- Creating an Efficient Routing System
- Sharing Data across Components (State Management with Vuex)
- Designing Compound Components
- Implementing Server-side Rendering
- Wrapping External Libraries
- Testing the Application
- Handling Errors with Vue Async Components
- Deploying the Application to Production
- Securing the Application
- Troubleshooting
- Summary and Conclusion
Module 1. Introduction to Ext JS 5
- Downloading ExtJS
- Setting Up and installing ExtJS
- Using Tools and Editors
Module 2. Core Concepts
- Using Naming Conventions
- The Preprocessors and Postprocessors
- Using Static methods and properties
- Understanding simple inheritance
- Lazy loading of classes
- Interacting with the DOM
Module 3. Components and Layouts
- The component life cycle
- Types of containers
- Understanding the viewport, panel and Window component
Module 4. Managing data
- Using Ajax
- Understanding models
- Model mapping
- Writing validators
- Common field types and relationships
- Adding, selecting and removing records from the store
Module 5. Buttons, Toolbars and Forms
- Buttons types
- Adding menus
- Using toolbars
- Building the main menu for an application
- The form component
- Using available fields (textfields, number, date, etc.)
- Understanding triggers
- Submitting the data
Module 6. Understanding the Grid and Tree panel
- Building the data connection
- Designing a basic grid
- Selection models
- Setting up Grid listeners
- The Grid paging and the infinite scrolling
- Using the DataView
- A basic tree panel
- Adding and removing nodes
Module 7. The architecture
- The MVC and MVVM patterns
- Creating the views and the controller
- Creating a module
- Implementing routing
Module 8. The importance of look and feel
- The packages folder
- Advanced theming
- Different styles for the same component
- Supporting legacy browser
Module 9. The deploy phase
- Preparing for deployment
- The app.json file
- The sencha command
- Code compression
- Packaging and deploying