• Fig Leaf Software - Training & Events

The Fig Leaf Blog

TRAINING: EXT JS 6 Bootcamp (April 30-May 4, 2017)

Posted by Steve Drucker on Mar 28, 2017 1:59:22 PM
Steve Drucker

ExtJS 6 Bootcamp is an instructor-led course designed to introduce you to the fundamental concepts of building cross-browser compatible mobile and desktop apps using Sencha Ext JS 6.2+. The 600 page coursebook was developed by Fig Leaf Software and is based on our deep-experience with Ext 6 application development and Sencha Architect.

Course Dates: April 30-May4 2017
Location: Washington, DC and Online

Course Prerequisites

To realize the maximum value from this bootcamp, students should have:

  • Intermediate-level experience with JavaScript
  • Intermediate-level experience with CSS / HTML 5
  • Familiarity with full-stack web application development concepts

Course Objectives

  • Rapidly develop applications for multiple browsers, form factors, screen resolutions, and devices.
  • Load data from remote servers
  • Output structured data into different views- including grids, trees, charts, custom markup, and tab-based forms
  • Render and manipulate PDF, image, and spreadsheet file assets
  • Efficiently handle user interactions
  • Implement drag & drop interfaces
  • Save data to a database
  • Upload files to an application server
  • Persist user settings between sessions
  • Theme your applications with custom icons, colors, and backgrounds.
  • Use responsive configurations to change the layout of your application based on form factor
  • Create optimized production builds of your apps.
  • Create and run automated test scripts to identify bugs in your app
  • Generate world-class searchable and cross-indexed documentation for your source code.
  • Extend the capabiliities of the Ext JS 6 framework

Course Outline

  1. Introducing the Course
  2. Getting Started with the Ext JS 6 Classic Toolkit
    • Introducing Sencha Ext JS 6.x
    • Reviewing Application Architecture
    • Introducing the Class System, MVC, and MVVM Architectures
    • Generating App Scaffolding with Sencha Cmd
    • Sharing Code Between the Classic and Modern Frameworks
    • Using the API Docs
    • Debugging and Troubleshooting Your App
    • Getting Help from the Sencha Network
  3. Defining Views
    • Deep-Diving Into the Sencha Class System
    • Creating Component Views
    • Working with Containers
    • Working with Panels, Toolbars, Buttons, and Menus
    • Introducing ViewControllers
    • Working with Tab Panels
    • Instantiating Views from Routes / Supporting the Browsers "Back" Button
    • Implementing Windows and Floating Components
    • Implementing a Dashboard with Draggable Portlets
  4. Interfacing with an App Server
    • Initiating Background Data Requests
    • Implementing User Authentication and Authorization
    • Binding to a ViewModel
    • Defining Data Models
    • Defining Data Connections
    • Loading Multiple Records into a Store
  5. Imlementing Grids
    • Viewing Stores in Grids
    • Exporting Data from Stores/Grids
    • Using Grid Widgets
    • Handling Large Datasets
    • Grouping Grid Data
    • Using Grids to Edit Data
  6. Generating Markup from Data
    • Working with XTemplates
    • Generating Markup from Stores with the DataView
    • Handling Multimedia
    • Animating the DataView
  7. Using Trees to Manage Hierarchies
    • Working with Tree Models and Tree Stores
    • Implementing a Tree Grid
    • Working with Heterogeneous Node Types
    • Implementing Editable Trees

     

  8. Using Trees to Manage Hierarchies
    • Getting Started with Charts
    • Generating Bar, Column, and Line Charts
    • Generating Gauges
  9. Maintaining State
    • Introducing State Management
    • Adding State Management Capabilities to Non-Stateful Components
  10. Implementing Data Entry Forms
    • Introducing Ext JS 6 Forms
    • Integrating the TinyMCE 4 WYSIWYG Editor
    • Synchronizing a Grid to a Form
    • Applying Data Validation on the Client and Server
    • Submitting Data to the App Server
    • Handing File Uploads
  11. Theming Your Application
    • Introducing Theming, Sass, and Compass
    • Working with Variables and Rules
    • Using Mixins
    • Implementing Responsive Design
  12. Going Into Production
    • Documenting Your App with JSDuck
    • Unit Testing Your App with Jasmine and Siesta
    • Creating Testing and Production Builds
  13. Special Topics in Ext JS
    • Patching and Extending the Library
    • Building Custom Components with Ext.Element
  14. Building Mobile Apps with the Modern Framework
    • Leveraging code from the Classic Framework
    • Using Modern Framework View Components 
      • Viewport
      • Tab Panel
      • Titlebar
      • Navigation View
      • List
      • Carousel
      • Grid
      • Forms and Input Fields
      • Video
    • Theming your Modern Framework App
  15. Using Sencha Architect to Improve Your Productivity
    • Creating a Project
    • Creating Views
    • Adding Custom Code
    • Theming Your App

Lab A: 4-Day Lab Building a Simple Universal App (Congressional Earmarks)

Lab B: 5-Day Lab Building a Complex Universal App (Proposal Manager)

Register for the Bootcamp

Topics: Sencha, Online Training, Washington DC, Web Developer, Ext JS, Application Development

"We've Got You Covered"

Sign up to receive updates on new events, new classes, discounted promotions, monthly schedules, and more.

Posts by Topic

see all