Sencha Touch Interview Questions and Answers

Sencha Touch is a user interface (UI) JavaScript library, or web framework, specifically built for the Mobile Web. It can be used by Web developers to develop user interfaces for mobile web applications that look and feel like native applications on supported mobile devices. It is based on web standards such as HTML5, CSS3 and JavaScript. The goal of Sencha Touch is to facilitate quick and easy development of HTML5 based mobile apps which run on Android, iOS, Windows, Tizen and BlackBerry devices, simultaneously allowing a native look and feel to the apps.

Sencha Touch is a product of Sencha, which was formed after popular JavaScript library projects Ext JS, jQTouch and Raphaël were combined. The first release of Sencha Touch, version 0.90 beta, was made available on July 17, 2010. This beta release supported devices running Android, and iOS (on iPhone, iPod touch, iPad).

Sencha Touch, a high-performance HTML5 mobile application framework, is the cornerstone of the Sencha HTML5 platform. Built for enabling world-class user experiences, Sencha Touch 2 is the only framework that enables developers to build fast and impressive apps that work on iOS, Android, BlackBerry, and more. Sencha Ext JS provides everything a developer needs to build data-intensive, cross-platform web applications. Ext JS leverages HTML5 features on modern browsers. Sencha Touch 2 comes with the backward compatibility build, which makes the migration process easier from version 1.x to 2.x.

Sencha GXT is the most comprehensive Java framework for building feature-rich web applications. It uses the GWT compiler, allowing developers to write applications in Java and compile into highly optimized cross-platform HTML5 code.

Sencha Touch includes a set of graphical user interface GUI-based controls (or components) for use within mobile web applications. These components are optimized for touch input. The components are: buttons with device specific themes and effects; form elements such as text fields for email, date picker, and address; sliders, selectors, and combo-boxes; a list component with momentum-scrolling and an index bar; a minimal icon set; toolbars and menus; movable tabs; bottom toolbars; and a map component with support for multi-touch gestures such as pinch and zoom.

All the components can be themed according to the target device. This is done using Sass, a stylesheet language built over CSS.

Sencha Touch has eight in-built transition effects including slide over or under the current element, pop, flip, and cube. It supports common touch gestures built from touch events, which are Web standards but supported only by Android, iOS, and some touch enabled devices. These are tap, double tap, swipe, scroll, and pinch.

Adaptive layouts, animations, and smooth scrolling for a better mobile web application experience for the use.

Out-of-the-box, native-looking themes for every major platform enables to make web and hybrid applications match the look and feel of the target platforms.

ExtReact brings the power of Ext JS components to the React framework, along with the JSX style of coding. ExtReact is ideal for developing data-intensive enterprise applications with Ext JS Components and React. ExtReact includes Grids, Trees, Charts, Menus, Layouts, and many other components that can drastically reduce the time it takes you to develop your next app.

Sencha Cmd is the cornerstone for building your Ext JS applications. Cmd provides a full set of lifecycle management features including scaffolding, code minification, transpilation from ES6, dynamic package loading, build generation for progressive web apps, and more, to complement your Sencha projects.

Sencha Themer empowers you to style Ext JS 6 apps and make them look great. You can create custom themes using graphical tools – without writing code. Sencha Themer gives you access to all Ext JS components and inspection tools to set fine-grained styles and generate theme packages with dynamic stylesheets.

Sencha Inspector is a debugging tool that provides direct access to components, classes, and more for apps built using Sencha frameworks. It lets you analyze your code for issues, such as over-nesting, and helps improve performance.

Stencils is a complete UI asset kit for Adobe Illustrator, Sketch, Balsamiq and is also available as SVG/PNG for use with other programs. Stencils contains all of the components and styles used in the Ext JS Classic and Modern toolkits as well as ExtReact components.

Naming convention is a set of rules to be followed for identifiers. It makes the code easily readable and understandable for other programmers as well. Naming convention in Sencha Touch follows the standard JavaScript convention, which is not mandatory but a good practice to follow. It should follow camel case syntax for naming the class, method, variable, and properties.

X-Credits are a currency used to meter Support Tickets or request other types of assistance available under a Sencha support plan as described in Table 1 above. For example, a Support Ticket uses 10 x-Credits per incident. Telephone Support uses 50 x-Credits per hour with a 25 x-Credit minimum. The available number of x-Credits depends on the Support Plan you purchase, as described in Table 1. Premium Support forums are available 24*7*365 and do not use any x-Credits.