Advanced Theming for Ext JS

This class will help you develop your Sencha Theming expertise for Ext JS apps. You’ll develop custom themes, work with Sencha Cmd, Sass and Compass, develop custom mixins and UIs, theme your applications, and optimize both performance and asset management. You’ll also create custom Ext JS components (plugin packages).

This class is ideal for UX developers and designers with web development and CSS experience. Prior experience with Ext JS JavaScript development is not required. This class is also useful for Ext JS developers who need advanced theming expertise.

Classroom - 3 days
Online - 5 half-day sessions over 1 week

Classroom at your location or Online

You must bring your own laptop, Mac or PC.

$2,100/developer (6 person minimum)
$1,500/additional developer
Plus instructor travel for Private Classroom training

Course Outline
Switch Themes

How to switch themes, theming inheritance

Ext JS

Generate themes in Ext JS, understand the Ext JS package folder structure, how to create global themes, how to create app-specific themes, how to organize themes and migrate from older Ext JS versions

Sencha Architect

How to theme with Sencha Architect 3 for Ext JS and Sencha Touch

Extending Themes

Extending from Sencha themes in Ext JS, how to extend from the base theme, how to organize themes, working with Sass & Compass

Customizing Themes

Understanding Sencha variables, creating custom UIs & unique components, incorporating fonts, icons & images, build & optimize themes, create theme-specific overrides, create custom components for Ext JS


  • Programming experience
  • Familiarity with JavaScript, JSON, HTML and CSS
  • Experience with Ext JS