SenchaCon 2016 – Save the Date!

November 7-9, 2016
Aria Resort & Casino, Las Vegas
Don’t Miss SenchaCon 2015 Roadshow

Check out SenchaCon 2015 Presentations

Recordings are available to everyone. If you weren’t a SenchaCon attendee, click here to get access.

KEYNOTE – Sencha Platform & The Future of HTML5

Art Landro, Sencha

Watch it on Vimeo

Large Enterprise Systems Need Truly Scalable Frameworks with Robust Architecture

Mitchell Johnson, eVestment

Watch it on Vimeo

Fast response time is the key to maintaining a superior user experience on modern web and app platforms. Providing consistently amazing usability is increasingly challenging for a number of reasons – aggressive product roadmaps to support rapid business growth, substantially larger code-base, client demand for tightly integrated solutions, and perhaps most importantly for eVestment, the exponential growth of our data cloud. Our engineering team was challenged to raise the bar for design, scalability, ease-of-use, and unprecedented performance with the latest version of the eVestment platform.

During this session, we will explore how we have met the challenge with the latest version of the eVestment Platform with the help of Sencha Ext JS 5, the creative use of NoSQL and caching technologies, a fast prototyping mindset, and a modern service architecture. Session format will be an interactive and in-depth demonstration of the platform and the specific Ext frameworks and techniques that power our big data analytics for the world’s largest institutional investors and asset managers.

Sencha Ext JS: From desktops to smartphones – For the legacy and the modern web

Don Griffin & Gautam Agrawal, Sencha

Watch it on Vimeo

Learn the how to use the latest version of Sencha Ext JS to create applications for all screens from desktop to smartphones. We will create a single application targeting all screens and talk about how to maximize code sharing while ensuring the best possible user experience across all devices.

Deploying and managing applications with Sencha Space

Nick Harlow, Sencha

Watch it on Vimeo

In this session, the presenter will focus on the basic deployment features of Sencha Space: Managing users, apps, and devices. The presentation will begin with a discussion of real-world customer pain points before going into a series of demos on Space functionality. Advanced Topics may include: Composing complex apps in Space with the Invoke API.

One app to rule them all: building apps for multi-device world

Miroslav Bojic, Sencha

Watch it on Vimeo

Computing space is much more complicated today than it was 10 years ago, and it is now only natural to expect having same functionality and experience with apps and services whether you access them on your phone, tablet, desktop or (soon) even wearables. Responsiveness is a keyword that’s thrown around a lot, and while there are many ways existing technologies can help you achieve this, there is no one simple method that can be used to magically adapt an interface to different devices, and in the end nothing goes above good (interaction) design. This session will explore approaching responsiveness from the design perspective.

Sencha GXT on tablets

David Chandler, Sencha

Watch it on Vimeo

The upcoming version of GXT will add support for tablets, including touch events, gestures, and momentum scrolling. Learn how to utilize the new Sencha GXT features to improve your customers’ experience on Tablets and/or large screen touch devices. In this presentation, we’ll review each of the widgets which have added gestures and touch events. We’ll also look at touch features in Charts such as pinch / zoom and pan and how they interact with the related browser and OS features. We will demonstrate how to use the new features in your applications to improve the user experience on tablets. We will also showcase our newest app built with GXT and optimized for desktop and tablets.

Unleash the full fury of web innovation in your Android app today

Bob Spencer, Intel

Watch it on Vimeo

Web technologies are improving at a rapid pace. New features such as responsive design, cloud services, WebRTC, WebGL, and Canvas provide developers with a great deal of potential. However, leveraging these features in a fragmented Android market is difficult, and oft-times impossible given the diversity of the various platform versions and capabilities.

This session introduces the Crosswalk Project, an open-source, Chromium-based, HTML5 framework that opens up the full set of leading-edge web innovations to Android developers and greatly reduces the fragmentation limitations. The Crosswalk Project is already available in Sencha’s developer tools so build and deploy steps are right at your fingertips.

Frustration free packaging for Ext JS apps and deploying Ext JS apps on mobile

Grgur Grisogono, Modus Create

Watch it on Vimeo

So your awesome Ext JS 5 application is now mobile ready, with shiny new features and touch support. But how do you deploy it? Through a web browser, wrapped in Cordova/PhoneGap, or Sencha Space? This hands-on presentation will demonstrate deployment options with pros and cons of each. Ext JS 5 introduced ground breaking support for mobile devices. In addition to updates in the class system, components, and event management, the framework makes deployment simpler than ever. However, the process to getting it right starts even before the very first line.

In this presentation we will build a simple mobile-friendly application from scratch. We will then discuss three ways of deploying it: – HTTP(S) to a web browser – Cordova/PhoneGap – Sencha Space Each of these options comes with benefits and drawbacks, which we will outline during the demonstration. Attendees will leave the room with all the tools required to make the right decision on how to deploy their Ext JS 5 application to mobile devices.

Advanced theming techniques for Sencha Ext JS using Sencha Cmd

Lee Boonstra, Sencha

Watch it on Vimeo

In this session Lee Boonstra, course creator of the Sencha advanced theming course, will show you how to create professional themes for cross platform apps. A talk about Sass, variables and skins! You will learn how to make your components look different and unique. How to better organize your themes and how to make your applications look good across all devices.

Simplifying the experience for users and developers with Ext JS

Sri Hari Gumpu Madan, Nielsen

Watch it on Vimeo

Nielsen’s Answers On-Demand® (AOD) is an ad hoc reporting platform that provides flexible on-the-fly processing to generate insights from consumer data. The legacy AOD system was a single web application making it hard to manage functional changes. Our new solution now consists of a suite of applications including; a reporting framework, data selector, design tool and rendering engine. With this architecture, the applications can function as a suite or individual applications used to improve other legacy tools or functional components of other new solutions. The flexibility of Ext JS framework made it easy to integrate our custom built components while providing easily extendable set of core components. Some of our custom features include; application recovery (accomplished by saving sessions), the multi tab reporting capability built on tab panel, lightweight canvas layout with multiple visualization options as well as a custom page container. Following the beta release of our new platform, Nielsen’s development team partnered with Sencha engineers to look at the innovative ways we had leveraged the framework and how Sencha’s product roadmap and new feature development could continue to grow with us. Since then, we have integrated Sencha Cmd with Gradle to package, build and deploy applications. Features such as image spriting, JavaScript compiler, package management and command line syntax have proven effective during application development. Coupled with Nielsen user experience standards, Sencha Cmd has allowed Nielsen to easily build custom Ext JS themes. These themes are now widely leveraged by other Ext JS-based applications within the company. Added benefit of using the Ext JS 4.x framework was allowing AOD to become mobile friendly. Clients may use most of the application’s features on their tablets. Moving forward, we are pursuing an Ext JS 5.x migration and investigating the potential for a comprehensive mobile strategy.

Simplifying app analytics across platforms

Watch it on Vimeo

This session explores the Space Event API and how it can be used to instrument applications for rich data capture on any desktop, tablet, or smart phone. Integrated reporting included in the platform makes the data instantly useful.

UX design for modern enterprise apps

Peter Tierney, Williams

Watch it on Vimeo

Traditionally, User Experience (UX) has only been considered in the creation of consumer applications or websites where a company is selling a product or service. In the Enterprise, UX has either been ignored or relegated to an afterthought resulting in applications that are slow, clumsy and difficult to use. One of the reasons used by Enterprise application developers for the lack of focus on UX are these apps are usually very data intensive and data doesn’t have to be “pretty”. Unfortunately users have become accustomed to software that isn’t designed for normal human consumption. Using waterfall methodologies makes improvements so cumbersome and time intensive, Enterprise applications are usually UX deficient. Sencha frameworks are geared for data intensive applications and with the use of Architect, a designer has the ability to participate much earlier in the process. Using Architect means in organizations not accustomed to spending time on UX, they can start to make apps giving users not just functionality but true usability.

This talk defines what is UX and why UX it’s important in the Enterprise. It then covers how our team uses Architect to quickly prototype a User Interface (UI) component or application feature so our stakeholders can have concrete examples of how the feature might work. It also allows us to quickly iterate changes so the feature can be refined very early in the process. UX in the Enterprise is important as users spend more time in the applications at work than nearly any other environment. Effective UX not only makes the users life more efficient but these shouldn’t just supply data, they should help users understand and interpret data.

Introducing Fashion: Blazing fast theming for Ext JS

Phil Guerrant

Watch it on Vimeo

ViewModels for spreadsheet formulas, interactive D3 visualizations and other cool stuff

Rob Boerman, 2Gears S.a.r.l.

Watch it on Vimeo

Did you know that you can emulate Excel formulas in ExtJS grids? Or that you can create interactive D3 visualizations from large amounts of ExtJS store data in realtime? All this and more is possible by using the power of ExtJS 5 ViewModels. The new kid on the block, ExtJS 5, has offered a host of new possibilities. The new MVVM architecture is extremely powerful but can be intimidating at first, especially when coming from MVC. Once you have flipped the switch however you will wonder how you ever managed to live without it. We will show you some examples of what can be accomplished when you really start thinking out of the box, and you can do it too. ViewModels are even more powerful than most people realize, especially when combined with things like HTML5 Canvas, WebGL, Bower components and more.

Using Sencha Space in a Highly-Regulated Healthcare Environment

Josh Keely, Delta Health Technologies

Watch it on Vimeo

In this session, we will discuss how the Sencha Space platform can be used in the highly-regulated healthcare world. Understanding the concerns that hospital systems and healthcare entities have about securing protected health information, Sencha Space provides the answer. Learn how Sencha Space can help bridge the gap between the overly zealous HIT staff who want to provide security, and the engineering team who are wanting to provide liberty by innovating the patient, physician, and clinician experience. Sencha Space is a platform upon which innovative healthcare operations will reap great benefits, all while maintaining security, privacy, and a common framework.

“Materializing” ExtJS 5

Steffen Hiller, Sencha

Watch it on Vimeo

Sencha Ext JS has always been a pioneer in widget libraries creating visual attractive interfaces out of the box allowing the creation of highly interactive single page applications. Not only did Sencha enhance the framework’s look throughout the years, but it also introduced powerful features to allow developers to customize the look and feel in an efficient way. One big step forward was the migration to Sass with Compass for styling which improved the code organization of CSS code immensely. Later the introduction of packages added support for easily adding custom themes that enhance an application’s style and components.

In 2014, Google announced Material design, a comprehensive guide for visual, motion, and interaction design across platforms and devices. Ever since, it has received praise by developers and designers. In this session, we’ll explore how to build a Material design interface on top of the most powerful enterprise JavaScript framework of today by leveraging its powerful customization features. We’ll look into what makes a Material design interface, how to create a custom theme package, how to create custom components, how to create custom animations, how to make the same application mouse and touch friendly and how to make the interface responsive to desktop and tablet screens.

Analyze Your Ext JS Grid Data with Pivot Grid

Adrian Teodorescu

Watch it on Vimeo

Breakthroughs in JavaScript code analysis

Peter Dillinger, Coverity

Watch it on Vimeo

Gone are the days of noisy “linters” and glorified spell checkers. Today’s static source code analysis is accurate and trustworthy, and can find complex inter-procedural coding defects a human would never see. Come learn about a leap forward in JavaScript code analysis. We’ll get our hands dirty with real live source code and bugs in popular open source packages.

Seamless Mobile and Desktop debugging

Watch it on Vimeo

This session will focus on Sencha’s integrated approach to debugging HTML5 applications across both desktop and mobile platforms.

The Big Grid for your Big Data

Nige White, Sencha

Watch it on Vimeo

Almost all enterprise applications are built around a grid, and Sencha Ext JS has the best grid for web. Learn how to make large amounts of enterprise data available in web applications for your users, with out-of-the-box interactive features that you would only expect in a spreadsheet. This session will cover best methods for making large Ext JS data grids including the data package behind it, the session management capabilities, and the hundreds of grid features that the you can turn on and off with simple configurations.

Rapidly theme GXT apps with the new theme builder

Brandon Donnelson, Sencha

Watch it on Vimeo

Siesta deep dive: How to improve the quality of your Ext JS app releases with unit & UI tests

Mats Bryntse, Bryntum

Watch it on Vimeo

Testing a large Ext JS codebase can be tricky sometimes. Running your tests across multiple platforms and browsers can also be a bit of a pain. The good news is there are many great tools out there that will make your life as a developer easier. In this presentation, I will demonstrate how we at Bryntum use Siesta to test our products and applications.

Migrating from a Struts MVC based architecture to an EXTJS restful client design

Douglas Bieber, Yamaha Motor US

Watch it on Vimeo

This session describes experiences migrating a page based Struts application to a more interactive and dynamic Rich Interface Architecture. The motivation for this migration was enhanced User Interface Experience, and cross browser compatibility. ExtJS was selected as the premiere javascript based User Interface Technology, and this paper describes first hand experiences completing this migration. Topics include selected technologies, design approaches, ‘gotchas’, migration strategies and recommended best practices.

Ins and outs of the Ext JS data package

Don Griffin, Sencha

Watch it on Vimeo

The data package in Sencha Ext JS puts the “M” in MVC and MVVM. Learn how to organize your models and take full advantage of the data package to manage fields, records, associations, stores, sessions, and more.

Application Development at Warp Speed: Exploring Sencha Space

Revin Guillen, Daniel Gallo, and Marc Gusmano, Sencha

Watch it on Vimeo

This session will provide a side-by-side comparison of developing a multi-channel, multi-platform application in HTML5 relative to a siloed or native development approach. The presenter will explore not only development issues, but application deployment, testing, and on-going maintenance issues as well.

Empowering business users to build complex solutions with rich interfaces

Paul Delano, FICO

Watch it on Vimeo

FICO is a leading analytics software company offering a broad range of tools and applications. The Customer Communications Services (CCS) division in FICO has a mandate to empower its clients and streamline how new solutions are delivered. The project team had the ambitious idea of building a CCS Designer, a new tool with which business analysts could design and deploy new solutions without having to engage technical teams or understand the complex platform infrastructure. The team chose ExtJS to implement a user-friendly web interface on top of a secure, multi-tier Java and No-SQL application. ExtJS was selected because it provided object orientation, re-usable themes and a rich set of visual components – allowing the team to build out a solution rapidly and in line with company UX strategy. The team faced some daunting challenges. One of the first was to make the application compliant with the company’s stringent branding standards. By creating a FICO theme that was dropped into the application while it was under construction, the team addressed the challenge and led the way for future company projects. Another challenge was to encode complex business logic and requirements, such as country-specific customer contact patterns. The solution was to create a data-driven wizard that captures answers and adapts to prompt users for information based on previous responses. Visually the tool must support the presentation and editing of complex processing rules and interactive voice (IVR) flows. Learn about custom components created for status grids, wizards, resettable form-fields and REST-based stores, alongside real-world stories of lessons learned and helpful tips and tricks. How can your team realize the full power of ExtJS to maximize user experiences? Hear from FICO’s hands-on experts to get the latest insights.

Visualizing Class Dependencies

Stan Bershadskiy, Modus Create

Watch it on Vimeo

Debug tools are vital for building high quality software. We as developers are given tools to help us understand what is going on in our applications. Ext JS and Sencha Touch have a very powerful dependency management and Class System that sits at the core of both the frameworks and every application built with them. What if we wanted to dive a bit deeper under the hood and visualize our application? In this session we will take a look at the Sencha Cmd Dependency Viewer and how we can leverage it for our applications. The Dependency Viewer visualizes an application’s class dependency hierarchy. We can trace any dependency down to where it is defined at the source level. This allows us to perform introspection on complex applications and optimize the architecture. We will also speak on how the Dependency Viewer was built by highlighting Sencha Cmd internals and technologies such as D3.js and SVG.

Interactive visual analytics using Sencha Charts

Vitaly Kravchenko, Sencha

Watch it on Vimeo

Charts and graphs are core to any enterprise grade analytics application. With Ext JS 5, Sencha Charts (formerly a part of Sencha Touch) provide advanced charting capabilities with interactive features for both desktop and mobile devices. The session walks through all the Do’s and Don’ts of using Sencha Charts, how to add interactions, and how to migrate from old Ext JS Charts package to Sencha Charts. You will also learn about the fundamentals of sprites to customize the rendering of various charts elements.

Debug your apps with Google Chrome and Sencha

Arthur Kay, Sencha

Watch it on Vimeo

Debugging enterprise JavaScript applications historically been a huge pain in the neck. Thankfully the developer tools in most modern browsers have matured and make inspecting application logic easier than ever. Google Chrome in particular has a rich set of debugging tools, which can be further complimented with Chrome Extensions.

Join Arthur Kay, Developer Relations Manager at Sencha, as he discusses the Sencha platform, explains how Sencha built App Inspector for Sencha, and dives into techniques for building your own debugging extensions for Google Chrome.

Web 2.0/Java development industrialization for a bank – simplicity, efficiency and security

Vitaliy Shevchuk, BNP Paribas Securities Services

Watch it on Vimeo

What if you had to elaborate a unique Web 2.0 development standard for an enterprise of over 3000 IT staff worldwide? There are multiple projects, multiple development teams, multiple locations, but also many talented developers with different visions and preferences, who will challenge your solution. We were in this situation in BNP Paribas Securities Services 3 years ago. Having a unique standard has a lot of advantages, including cross-project code reuse, and uniform end user experience. However it must be really universal, productive and responding to all possible requirements. Sencha ExtJS was a good choice for presentation framework, but that was just a beginning. More elements are needed for successful software development industrialization: adapted architecture, server-side stack(s), security, development guidelines, ergonomic standards, custom components, etc… Today the solution brings entire satisfaction inside the enterprise and we are proud to share some of its aspects with the community.

We’ll talk how to make applications development with Sencha Frameworks and Java server stack secure but really simple, with minimal learning curve, much simpler that Java development used to be in Web 1.0 era.

Case Study: Using Siesta Test Suite to Avoid Regressions

Gabor Puhalla, profiq

Watch it on Vimeo

Avoiding quality regressions in existing functionality is one of the fundamental challenges implied by frequent releases in agile software development. Every new development cycle brings new functionality, as well as risk to existing functionality. Test automation sounds like a straightforward answer to the issue. How do you implement frequent test execution though, if the existing functionality has to work on multiple platforms and/or browsers? Is automation worth the cost?

The session will explain and demo Siesta test automation as a way to address the issue and talk about lessons learned from real-world ExtJS projects.

Sencha powered applications with compelling user interfaces

Mitul Bid, Coditas

Watch it on Vimeo

Visual presentations are often key criteria for customers making app development framework choices. For a data driven and UI rich application, it is easy to head into the wrong direction by selecting Bootstrap (formerly Twitter Bootstrap) themes and templates along with an unstructured backend framework. Such a stack does not provide all the necessary ingredients of a true framework such as data package, event and gesture handlers, layout manager, etc., which are critical to building high performance data rich enterprise applications.

This session will demonstrate by real examples how developers can create similar look and feel and compelling user experiences, while utilizing a better, scalable, and more robust application architecture using Sencha Ext JS. You will also learn how you can add total responsiveness to your applications using simple Sencha Ext JS configurations and their combinations.

Deep dive into application configuration and the microloader

Ross Gerbasi, Sencha

Watch it on Vimeo

Learn how app.json and the microloader work together to give you development time convenience as well as run-time flexibility and efficiency. Use build profiles to target multiple themes, locales and devices for a single application.

App security and app stores for an evolving enterprise cross platform world

Shikhir Singh, BlackBerry

Watch it on Vimeo

This session is a 10,000 foot survey of the different approaches by MDM vendors as it relates to securing enterprise apps and their data. The presentation will cover different types of secure MDM containers a developer may encounter and their implications for development. Understanding the various approaches to Enterprise App Security will enable developers to seek new markets for their Cordova/PhoneGap or native Apps by making their apps available to Enterprise App Stores.

Automating unit testing for Sencha Ext JS apps with Jasmine

Kollivakkam Raghavan, Cisco

Watch it on Vimeo

Writing unit tests for JavaScript based applications has been difficult at best and ignored at worst, and ExtJS is no exception. Developers tend to focus exclusively on visual testing of components which tend to get cumbersome, and expensive as projects grow in size. Most automation testing efforts tend to focus on browser specific testing based on the visual aspects of the UI using frameworks like Selenium. While this is definitely important, the product quality can also be enhanced by writing good quality unit tests. This paper describes a method to perform unit testing using Jasmine 2.0, ExtJS 5.0.x, leveraging the Sencha Command generated application workspace structure, making it easy to write and automate unit tests. It also presents some techniques to generate TestNG style automated tests with fixtures.

Leveraging ViewModels and Data Binding

Don Griffin, Sencha

Watch it on Vimeo

Sencha introduced MVVM in Ext JS 5.0, including the support for two-way data binding. In this session, we will show what really goes on behind the scenes when it comes to view models, data binding, formulas and more. You will learn how view models manage data, update bound properties, mange stores, and individual records. You will also learn how your existing applications can be modified to leverage MVVM.

Advanced techniques for compressing your applications

Arthur Kay, Sencha

Watch it on Vimeo

For years developers have been told that they must optimize their production code in order to deliver prompt user experiences. The proliferation of mobile devices makes this advice even more critical, where sub-second delays in rendering can lead to user frustration and lost revenue. However, most developers don’t realize that they can squeeze even more performance out of their applications by tweaking how compression tools optimize your code. Join Arthur Kay for a technical deep dive into how Sencha Cmd utilizes YUI Compressor, Google Closure and UglifyJS — and learn some advanced techniques for delivering the smallest possible applications.

The Advanced Operation Portal built on Sencha Ext JS 5

Naoki Mashiko, NTT Communications Corporation & Kazuhiro Kotsutsumi, Xenophy Co., Ltd.

Watch it on Vimeo

NTT developed an AOP (Advanced Operation Portal) for online services to their customers. The AOP helps with day-to-day operational assignments of field engineers to customers having network issues. When NTT embarked upon building the enterprise AOP, HTML5 was the obvious choice, given the diversity of devices and platforms being used in the field. After an extensive evaluation, Sencha was chosen as the development platform because: a) the rich set of components the Sencha Ext JS offers, and b) the cross-platform cross-browser (including legacy) compatibility of Sencha Ext JS widgets.

In this presentation, we will discuss the approach we took in designing, building and integrating the AOP with several existing systems within the NTT, and how we leveraged the Sencha Ext JS 5 for AOP to work across Desktops and Tablets. We will also touch upon our development process, and how we leveraged a Sencha partner in Japan, Xenophy, to help accelerate the development. The AOP received and internal NTT award for the best App built in 2014 – voted by NTT customers.

25 years of programming in a Couple of Days: Automatically Converting Legacy Applications to Mobile Apps

Owen Pagan, 4Morphis

Watch it on Vimeo

4Morphis automates the process by which legacy technology is converted to mobile and web applications. During our presentation we will show how 4Morphis automatically generates code from legacy applications and converts them to web based mobile applications. We will work through a case study showing how we converted an 1800 form, Oracle Forms application developed over 25 years to a mobile application on the web in a couple of days.

Mastering Ext JS 5 ViewControllers

Phil Guerrant, Sencha

Watch it on Vimeo

Ext JS 5 delivered exciting improvements for your application architecture. ViewControllers can simplify and enhance your MVC applications, and they are not mutually exclusive with ViewModels. You can introduce these features incrementally or even blend them. Learn how to keep your views declarative using ViewControllers, and organize listeners and other handlers for maintainability. You will also learn how to use ViewControllers to handle events from ViewModels.

Designing a library of Sencha components as packages

Mark Lincoln, Sencha

Watch it on Vimeo

Many organizations creating applications using the Sencha Frameworks will find that they will accumulate a set of classes, components, and functions that they can reuse to construct subsequent applications. While it may be easy to copy the source files for these reusable building blocks, in the long run, it is far better to organize them into one or more packages that can be included in a target application as required. This session will demonstrate the process for designing a library of reusable code, organizing the code for the best use, and creating packages so that the code in the library can be included in the construction of one or more applications.

Re‐Inventing Desktop Publishing: Web based templating and layouting for documents

Tim Riedel, eyeworkers interactive GmbH

Watch it on Vimeo

Creating documents has always been a big challenge when it comes to the point of bringing together templates, dynamic content and document generation, especially when you are looking for a web based solution. Imagine what is needed for creating a document: first of all, we need a template which basically defines the layout, some dynamic content (e.g. images and text from a database) and finally some logic which places and fits the content on the document. And wouldn’t it be nice to enable the user to review or edit the generated layout online in a “What You See Is What You Get” (WYSIWYG) editor, without switching between the browser and some third‐party offline solution? In this session the audience will learn how powerful custom Ext JS Drag & Drop components can be to generate a web based templating and layout solution.

Memory Leak Health Check

Andrew Duncan, SwarmOnline

Watch it on Vimeo

Our Quest to Diagnose & Cure Browser memory leaks are a little understood problem that affect almost all web developers at some point in their careers. JavaScript has taken center stage in recent years by enabling us to create ever more complex front-ends and integrate numerous frameworks to maximize results. Better management of memory will lead to performance improvements, enhanced capacity for running on limited resources and increased working lifecycle without crashes.

The session will give an overview to memory management in the browser and introduce common tools and techniques for identifying and investigating web application memory leaks. With practical examples, we will look at browser-based tools, such as, Memory Timeline and Heap Snapshots to equip you with the knowledge to find the problems in your own applications. Following this, we will take a deeper dive into specific areas we recommend you look at when developing Ext JS and Sencha Touch applications. You will be shown how to isolate, fix and test the main components of your Sencha apps. This will include looking at data parsing in Stores & Models, writing efficient controller code and common pitfalls in views. You’ll leave this session better equipped to find and resolve leaks in your own Sencha apps!

Improved accessibility support with Sencha Ext JS 5

Alex Tokarev, Sencha

Watch it on Vimeo

Is accessibility support and ADA / Section 508 compliance critical to your business? This session will cover the WCAG 2.0 guidelines for achieving ADA / Section 508 compliance with your application. We will show you how you can meet the guidelines by utilizing improved capabilities in Sencha Ext JS 5.x such as keyboard navigation, focus management, and ARIA roles for screen readers and other assistive technologies.

Speed Up the Development of Enterprise Portals with Ext JS

Jean-Philippe Ehret, Jnesis & Benjamin Mestrallet, eXo

Watch it on Vimeo

Think of a step forward in the future. Do you really need to develop all the “REST” services by yourself? Can’t Java EE portal help you to easily plug all your enterprise services into an Ext JS front-end? Ext JS makes the web development easier than ever by providing a comprehensive framework. But what about the “frequently expected” business services such as social networking or document management or even technical services such as user/access control management or long-running/global transactions? Do you really need to develop them yourself?

Some of you may have used Google services for document management, and other similar service platforms. They are fit for specific web and mobile development needs. But most organizations today are reluctant to entrust their critical data with such service providers. Why not simply use out-of-the-box solutions? Java EE is a good framework that answers most professional needs. It only lacks the glue that would make all its solutions work easily together. In this session, we will demonstrate how a Java EE portal such as eXo Platform can be that glue, by replacing or working alongside the service platforms you may be used to. eXo is an Enterprise Social Platform with many services and fantastic APIs. We will first show you how easy the front-end integration is and then use an out-of-the-box feature to demonstrate the eXo Platform capabilities.

Node.js from Scratch: REST API – Write a Sencha-compatible REST API from scratch

Patrick Chu

Watch it on Vimeo

Leveraging the numerous node.js modules available is great for getting your node.js server application up and running, but when you really need to know what’s happening behind the scenes, there’s no substitute for building the entire web server from scratch. Our server will also support server-side sorting and filtering. (We will be using SQLite as the database back end, for simplicity).

How to shorten app development timescales by designing a unique and highly innovative framework based on ExtJS and Node.js

Christian Taltas, KPMG

Watch it on Vimeo

With the emergence of the Cloud, many firms see the importance and the necessity of re-developing their legacy internal applications on the Web in order to gain process agility and deployment efficiency. Time is precious to benefit from the competitivity Web applications offer and I had to find a way to accelerate development cycle to meet the needs of KPMG, one of the world big 4 auditors. The solution found was to generate the entire application (from its database model to its user interface) based on a graph of business classes. In order to build the stack, I chose ExtJS for the user interface layer as it offers a great flexibility and a large number of high quality components. For the business object layer, I used JavaScript language which is compatible with most devices. As for the server layer, I picked Node.js, due to its amazing speed and its integration with JavaScript. The framework implementation required the extension of many ExtJS components, the design of an asynchronous JavaScript class mechanism, the creation of an object query language and the development of a proprietary Web server powered by Node.js. With the help of a talented team it was then possible to cut development times by 5 and to reduce operating costs by 1300% in comparison to the previous application. The highly innovative character of the final application generated by the framework, combined with the full integration into ExtJS of “Sharepoint 2013” and “Office Web App”, led to a unique, much faster and 30% more productive solution than competing ones.