ExtJS Desktop Fundamentals
In this course you will learn the basics of building an ExtJS web application.
What you'll learn
From these course modules, you will learn the basics of building an ExtJS web application. You will learn the principles behind building that app, how to build an app from scratch, as well as how to navigate through the process of what controls and modules to use. You will learn a couple basic ExtJS controls, including the grid and form panels. You will learn how to use the ExtJS layout managers, as well as all the different types of layouts. Finally, a complete example application using the ExtJS build system (CMD) and MVC is put together.
Table of contents
- Overview 1m
- The Paradigm Shift 6m
- What is a Component? 2m
- Setting Up a Base ExtJS Application 2m
- Adding a Simple Component With Ext.create 1m
- Introducing the Alias Type 2m
- Templates for HTML 1m
- Listening for Component Events Like Component Resize 3m
- Enabling and Disabling Components 4m
- Showing and Hiding Components 1m
- Component Life Cycle 0m
- ExtJS Documentation Walkthrough 8m
- Summary 1m
- Introduction 1m
- Ten Thousand Foot View of the App We Will Build 4m
- Visual Layout Specifics 1m
- Minimal App, Getting Started With Viewport 2m
- Ext.Application Launch and Our First Border Layout 8m
- Combining Layout Managers to Get What We Want 3m
- Introducing xtype to Reduce Code Complexity 3m
- Using Type to Simplify Our Previous Combined Layout Example 6m
- More About Type and How to Find It 2m
- Layout Resizing, Splitters, and More Border Layout Tips 5m
- Summary 1m
- Introduction 1m
- Adding a Grid Panel With Sample Data to Sessions 7m
- Enhancing That Sessions Grid Panel With Clean Columns 3m
- Make Our Sessions Grid an xtype, The Mechanics 3m
- Pulling Real Session Data With Proxy 4m
- Sorting Our Sessions Grid 3m
- Grouping Our Session Grid by Time With Custom Group Headers 9m
- Adding a Row Double Click Listener to the Session Grid 8m
- Enhancing Our Session Grid Form to Look Good 2m
- Form Loading of Real Model Session Data 5m
- Adding Save and Cancel Buttons to Our Session Form 6m
- Implementing Form Save Handlers and Form Binding Verifications 10m
- Summary 1m
- Introduction 1m
- Structuring Ext.Application to Handle the Main View, the MVC Way 10m
- Converting the Sessions Grid Panel to MVC With Types 3m
- Integrating the Session Edit Form Into MVC 4m
- Bring Over the Session Data Store Into MVC 4m
- In MVC, Separating Out the Data Model From the Data Store 3m
- Summary 1m
- Introduction 1m
- Controller Basics 3m
- Adding Listeners and Implementing Form Open 6m
- Building Our Sessions Grid Panel With Data 2m
- Defining Our Session and Presenter Models and Stores the MVC Way 4m
- Building the Presenter Cross Reference to Sessions Grid Panel 5m
- Wire Up JavaScript to Filter Presenters by Sessions Using Refs 10m
- Bring in the Session Details Panel 3m
- Bringing in HTML Templates to Session Details 8m
- Binding Model Data to Templates 5m
- Integrating Nested Presenter Data Into Templates 2m
- Bring Templates to Life With Style 3m
- Summary 1m