Blog: Archive for Tutorials

Performance Optimization for Layout Runs

If an Ext JS app starts to show performance issues, it’s often network limitations (bandwidth and latency), device memory/storage limitations, or layout / rendering issues. In this article, you’ll learn how to optimize the layout and rendering process of Ext JS Classic Toolkit applications, known as a Layout Run, by using Sencha Inspector or Google Chrome Console.

7 Comments   Read more

Creating Beautiful Drawings Using Sencha Ext JS – Part 1

You may already be familiar with the Sencha Charting package in Sencha Ext JS. In this article, Vitaly shows you how to use the drawing package in Sencha Charts which enables you to create flowcharts, seat maps, schematics, or even an interactive animation in your web app.

1 Comment   Read more

Top Support Tips

Get the latest tips from the Sencha Support Team. Learn how to save association data in Ext JS and how to use model ids in Ext JS.

1 Comment   Read more

Hidden Gems in Chrome Developer Tools

Google Chrome has a great set of developer tools that offers lots of features — in fact, so many features that it’s hard to find them all. Art Kay shares a few hidden gems that he uses to make it easier to build web apps.

5 Comments   Read more

Accessibility: The Keyboard is Your Friend


The term “accessibility” is very broad and can be intimidating when first encountered. This article shows you how to build Ext JS 5 apps with keyboard management to drive up efficiency and productivity for all users including those with disabilities.

6 Comments   Read more

Best Practices for Building HTML5 Applications

HTML5 has proven itself to be a reliable and powerful platform for building robust applications across a variety of devices. However, as web technology continues to evolve at a rapid pace, it can be difficult for developers to stay on top of the latest tools and techniques. Check out this article and our upcoming webinar.

7 Comments   Read more

Top Support Tips: August 2014


Here are the latest Top Support Tips. Learn about the new doc type in Ext JS 5, using overrides in Ext JS, and new optimizations for callParent in Sencha Cmd 5.

2 Comments   Read more

Training Tip: Developing Apps in a Multi-Device World


We live in a multi-device world, and we all have lots of devices — laptops, tablets, e-readers, smartwatches, cameras, phones, and more. Ideally, you want to build a single app that runs on every device. Learn how to use Sencha Touch, Ext JS and Space to build apps for multiple devices and easily handle differences in platforms, screen sizes, user input and feature sets.

No Comments   Read more

Getting Started with GWT Super Dev Mode


If you’re a GWT user, you’ve probably noticed that various browsers have been removing support for classic Dev Mode. This change helps to ensure better performing browsers and plugins, but it puts a kink in debugging GWT applications. The future is in Super Dev Mode, so we’ve been testing it regularly, making sure that GXT applications will work correctly in it, and improving the development process. See how it works.

18 Comments   Read more

Creating Custom Layouts in Ext JS and Sencha Touch


The Layout system is one of the most powerful and unique parts of the Sencha frameworks. Layouts handle the sizing and positioning of every Component in your application, eliminating the need for developers to manage those pieces manually. Look under the hood of the Layout system and learn how to create a 3D Carousel.

6 Comments   Read more