Marketo delivers marketing automation and sales effectiveness software that helps fast-growing small companies and global enterprises alike. Known for providing breakthrough innovation and fueling explosive growth, Marketo was named one of “America’s Most Promising Companies” by Forbes. The company has used Sencha Ext JS since 2007 to build the UI for their award winning software.

Why We Chose Sencha Ext JS

We chose Sencha Ext JS because it provides a modern framework with a plug-in free charting package, customizable UI widgets, an extensible component model and an easy-to-use API that enables us to build a polished and professional user experience. We use Ext JS as the core client-side framework for our applications because we get cross-browser compatibility, and it enables us to have a standardized development process. With large development teams, it’s important to have clearly defined specs, so you don’t end up with variations in the UI. Ext JS allows us to work with classes and a large library of predefined components. Many other frameworks lack the breadth of built-in components and the structured development process that Ext JS delivers.

Business Value of Using Sencha Ext JS

We’ve used Sencha Ext JS for our entire client-side framework, beginning with Ext JS 2. By using Ext JS, we build prototypes faster and enhance our designs for modals, trees, drop-down boxes, and components. Ext JS enables us to build rich, fast animations that are completely integrated.

With Ext JS 4, the built-in library of components is more advanced and easier to customize. We use the grid and tree components, and we build a lot of custom components. The MVC structure provides a lot more flexibility for building the components. MVC is one of the main benefits of Ext JS 4. It provides structure as we build our app, and yet allows flexibility if we want to make changes along the way. It’s very helpful in organizing a large team and keeping all of the developers on the same page.

We get significant benefits from the clean component model in Ext JS. We use the SASS tool for customized styles. It’s very helpful to be able to separate styles and have more organization for styling, and now we can overwrite those styles more easily. With image-less CSS, separation of image files and additional utilities like CSS3 background gradients and rounded corners, our code is much cleaner by using Ext JS.

We take advantage of the Ext JS cross-platform compatibility to save time and resources. With Ext JS 4, browser rendering issues are taken care of at the framework level which is very helpful for speeding up development. When doing cross-browser testing, 95% of JavaScript code and styles work automatically. Developers can focus on building new features rather than testing code against multiple browsers, which greatly reduces their testing burden.

We use Ext JS 4 Charts to present analytics and help users visualize data more easily. Charts were the first component we used in Ext JS 4, and now we use it extensively. We present analytics using many styles of charts including line and data. With the advancements in Ext JS 4, we’re planning to use Charts for several more analytics features in Marketo.

Our Advice to New Developers

The documentation is helpful for new developers at Marketo. We use the docs all the time, they’re very useful. The examples are a great starting point, especially if you’re using new components. You can copy and paste an example, so you can get started more quickly. There are good descriptions of properties and assets, so you can see how you might want to use them. The docs are very helpful for new developers who are learning the framework.

Final Thoughts

We’re looking forward to building new features with Ext JS. It gives us exactly what we need to deliver a beautiful user interface and a great user experience. Ext JS frees us to focus on building feature-rich, differentiated applications that help us grow our business. We’re looking forward to using the advancements in Ext JS and continuing to push the envelop with support for new browser capabilities and interactivity.

.right, .alignright float: right; margin: 0 0 10px 10px;
.left, .alignleft float: left; margin: 0 10px 10px 0;

See the article here:  

Sencha Ext JS Spotlight – Marketo