Learning Ext JS

Course Description
This 2-day course is Ext JS 2.0, please look for the Ext JS 3.0 course in August - September of 2010.  This class is a good introduction to Ext JS.  It will teach you the basics and familiarize you with writing code in EXT JS and learning the basic syntax. The examples are helpful and most are easy to follow. This course is recommended to anyone that has some experience in programming that is looking to start coding in EXT JS.

Course Outline

  1. Getting Started
    1. About Ext
    2. Getting Ext
    3. Including Ext in your pages
    4. Using the Ext library
    5. The example
    6. Not working?
    7. Adapters
    8. I’m asynchronous!
    9. Localization
    10. Ext JS online community
    11. Summary
  2. The Staples of Ext
    1. Ready, set, go!
    2. What just happened?
    3. Using onReady
    4. More widget wonders
    5. Meet JSON and the config objects
    6. Time for action
    7. Lighting the fire
    8. Summary
  3. Forms
    1. The core components of a form
    2. Our first form
    3. Nice form-how does it work?
    4. Form fields
    5. Validation
    6. Built-in validation-vtypes
    7. Styles for displaying errors
    8. Custom validation-create your own vtype
    9. Masking0don’t press that key!
    10. Radio buttons and check boxes
    11. The ComboBox
    12. TextArea and HTMLEditor
    13. Listening for form field events
    14. Buttons and form action
    15. Loading a form with data
    16. Object reference or component config
    17. Summary
  4. Buttons, Menus and Toolbars
    1. A toolbar for every occasion
    2. Toolbars
    3. Load content on menu item click
    4. Form fields in a toolbar
    5. Toolbars in windows, grids and panels
    6. Summary
  5. Displaying Data with Grids
    1. What is a grid anyway?
    2. Displaying structured data with a GridPanel
    3. Displaying the GridPanel
    4. Defining a Grids column model
    5. Using cell renderers
    6. Built-in features
    7. Displaying server-side data in the grid
    8. Programming the grid
    9. Advanced grid formatting
    10. Summary
  6. Editor Grids
    1. What can I do with an editable grid?
    2. Working with editable grids
    3. Saving edited data to the server
    4. Summary
  7. Layouts
    1. What are layouts, regions and viewports
    2. Tab panels
    3. Widgets everywhere
    4. Accordions
    5. Tricks and advanced layouts
    6. Summary
  8. Ext JS Does Grow on Trees
    1. Planting for the future
    2. From tiny seeds…
    3. Our first sapling
    4. A tree can’t grow without data
    5. Tending your trees
    6. Trimming and pruning
    7. The roots
    8. Summary
  9. Windows and Dialogs
    1. Opening a dialog
    2. Dialogs
    3. Windows
    4. Window management
    5. Summary
  10. Effects
    1. Fxcellent functions
    2. The Fx is in
    3. Multiple effects
    4. Elemental
    5. Bring out the flash
    6. Summary
  11. Drag and Drop
    1. Drop what you’re doing
    2. Life’s a drag
    3. Interacting the fool
    4. Registering an interest
    5. Extreme drag-and drop
    6. Drag-drop groups
    7. It’s all in the details
    8. Managing our movement
    9. Scroll management
    10. Dragging within components
    11. Summary
  12. It’s All About the Data
    1. Understanding data formats
    2. The data store object
    3. Using a DataReader to map data
    4. Getting what you want: Finding data
    5. Getting what you want: Filtering data
    6. Dealing with Recordset changes
    7. Many objects take a Store
    8. Summary
  13. Code for Reuse: Extending Ext JS
    1. Object-oriented JavaScript
    2. Object-oriented programming with Ext JS
    3. Understanding packages, classes and namespaces
    4. Ok, what do we extend
    5. Creating a custom namespace
    6. Our first custom class
    7. Overriding methods
    8. Understanding the order of events
    9. Creating our own custom events
    10. Our first custom component: Complete
    11. What’s next? Breaking it down
    12. Using xtype: The benefits of lazy instantiation
    13. Using our custom components within other objects
    14. Summary
  14. The Power of Ext JS: What Else Can You Do?
    1. So much to work with
    2. Form widgets
    3. Data formatting
    4. Managing application state
    5. Accessing the DOM
    6. Ext JS for the desktop: Adobe AIR
    7. Ext JS community extensions
    8. Additional resources
    9. Summary
    10. Where do we go from here?