Tag Archives: Sencha

Cross-Platform Mobile Testing with the Page Object Model

via Cross Platform Mobile Testing with the Page Object Model.

Many of our clients take a hybrid approach to app development. By hybrid we mean using technologies such as Phonegap, Cordova, Appcelerator Titanium, and Sencha as part of their technology stack. Hybrid apps can benefit from cross platform mobile testing.

Companies choose the hybrid approach for several reasons. A major factor is the ability to release on multiple platforms at the same time. The decision of whether or not to make a hybrid app comes down to the skill sets of the various team members developing the app. There are also some downsides to going non-native, such as the possibility of limited features, rendering and responsiveness issues, or crashes on certain devices.

Our customers have asked us about the best testing practices for identifying and addressing these challenges. Our response is cross platform mobile testing. Since hybrid apps are developed from a common code base, it makes perfect sense to have functional UI test cases that can be executed on multiple platforms.

GWT Widgets Tutorial

via GWT Widgets Tutorial | Examples Java Code Geeks.

In this example we will learn about GWT Widgets. User interfaces in GWT applications are constructed using widgets that are contained within panels.Widgets allow you to interact with the user. Panels control the placement of user interface elements on the page. Tools and technologies used in this example are Java 1.8, Eclipse Luna 4.4.2, Eclipse GWT Plugin 2.6

Table Of Contents

1. Introduction
2. GWT Widgets
2.1 Button
2.2 Radio button
2.3 CheckBox
2.4 DatePicker
2.5 ToggleButton
2.6 TextBox, PasswordTextBox
2.7 TextArea, RichTextArea
2.8 HyperLink
2.9 ListBox, MenuBar
2.10 Tree, CellTree
2.11 SuggestBox
2.12 FlexTable, Grid and CellTable
2.13 CellBrowser, TabBar, DialogBox
3. Creating custom widgets
3.1 Building Composites
3.2 New widget using Java
3.3 Create a widget that wraps JavaScript using JSNI methods
4. JavaScript Native Interface
4.1 Build widgets using JSNI
5. External libraries for creating GWT widgets
5.1 GWT Portlets
5.1.1 Dialog and CssButton
5.1.2 FormBuilder
5.1.3 ToolButton and ShadowPanel
5.2 GWT Mosaic
5.3 Sencha GXT
6. Download the source file

Proyecto Inicial para sencha ExtJs 6.0

La creacion de un proyecto de Sencha ExtJS 6 usando Sencha CMD es bastante simple. Hacemos la generacion de un proyecto de una forma relativamente sencilla como es usar el comando: >> sencha -sd /ruta_a_framework_6.0/ generate app  app03 app03   Una vez ejecutado el comando de generacion de proyecto nos genera nuestro proyecto que puede […]


Sencha ExtJS Comparativa entre versiones

https://www.youtube.com/watch?v=7kH2KSc20iA   Como ya sabemos el desarrollo del framework Sencha ExtJS ha ido incrementando caracteristicas que en web no eran comunes ver en un framework por ejm la programacion basada en herencia en javascript pues javascript no tiene soporte para esa caracteristica de modo nativo sin embargo se puede simular en base a programacion. Las […]


ExtJS starting point with Sencha Cmd

via ExtJS and Sencha Cmd tutorial for beginners.

When I started with ExtJS several years from now, I worked on a project that included the library in standard script src manner.

I can’t recall that in the time Sencha came up with Sencha Cmd so it seemed completely okay to do so. The project worked out, everyone was happy. I later noticed that lots of folks out there still do this, and I wont argue whether this is a good practice or not, but I started to avoid it as soon I’ve learned the better way.

For a long time (as lazy as one developer can be), I refused to use any external or ready made command line tools for front-end development, as they seemed like another step that will just slow down the process and waste my time. So I didn’t use Sencha Cmd. My colleague and co-author on this blog – Goran, started using it and came up with words – Dude this thing does all that work for us.

As soon I learned about Sencha Cmd and benefits of using it, I started hacking it’s possibilities and it delivered complete happiness to my life. It’s really robust tool that makes your work easier and development cycle looked fulfilled for the first time. Before that we used bunch of various handmade scripts for tasks like minification, deployment, etc. And those scripts were so loosely coupled that you had to look everywhere if something goes wrong. Lots of people worked on those, so you had to go after them in order to find out what exactly this thing does. It was boring, time consuming and generally blocking.

All that washed out as soon we migrated from that chaotic point to the enterprise workflow as people at Sencha described it as best practice for their products – Sencha Cmd.

Video: ExtJS 5 Tablet support and What’s New in Sencha Cmd 5

‘Ext JS in Action SE’ will discuss Ext JS 5 Tablet support, and the new features of Sencha Cmd 5.
Jay Garcia has 20 plus years of technology and consulting experience in leading RIA development for companies around the world. He is actively involved in the Sencha community, and the author of ‘Ext JS In Action SE’ and “Sencha Touch In Action.’
Grgur Grisogono has background in JavaScript, Ext JS and Sencha Touch with a wealth of experience in architecture and implementation of desktop and mobile applications. Grgur is co author of “Ext JS In Action SE.’
Modus Create is a highly motivated, interdisciplinary team that believes in lean development, design strategy, and user experience to develop stunning applications with emerging technology.

Getting started with Netzke

via Getting started with Netzke.

Netzke is a set of Ruby gems that helps you build client-server components, represented in the browser with the help of Sencha Ext JS, and on the server are powered by Ruby on Rails. It’s most useful for creating complex data-rich applications that have to provide the UI to a lot of different data – think about banking, logistics, call centers, and other ERP systems.

In this walk-through I’ll show you how little time it takes to set up a simple application with 2 interacting grids that provide the UI to 2 associated (one-to-many) Rails models. As both grids will be powered by the Netzke::Basepack::Gridcomponent, you may be surprised with all the features like sorting, pagination, search, multi-line editing, etc that this app will provide out of the box.

So, let’s get started.