Development on Various Platforms
12.5K views | +3 today
Follow
Development on Various Platforms
Your new post is loading...
Your new post is loading...
Rescooped by Ertunç Efeoğlu from JavaScript for Line of Business Applications
Scoop.it!

Display JSON Data using ExtJS 4 Store

Display JSON Data using ExtJS 4 Store | Development on Various Platforms | Scoop.it

I am sharing a short example of how to display JSON data using ExtJS 4 Store. In previous version of ExtJS, there is a small helper class call JsonStore which is used to simplify creation Stores from JSON data. In ExtJS 4 the class is no longer there. In this example, I am retrieving USGS data as JSON and display it in Grid as shown below.


Via Jan Hesse
more...
No comment yet.
Rescooped by Ertunç Efeoğlu from JavaScript for Line of Business Applications
Scoop.it!

GeoExt 2 — JavaScript Toolkit for Rich Web Mapping Applications

GeoExt 2 — JavaScript Toolkit for Rich Web Mapping Applications | Development on Various Platforms | Scoop.it

A JavaScript Toolkit for Rich Web Mapping Applications based on ExtJS 4. Includes links to examples, API-documentation and tests. GeoExt is Open Source and enables building desktop-like GIS applications through the web. It is a JavaScript framework that combines the GIS functionality of OpenLayers with the user interface of the ExtJS 4 library provided by Sencha. GeoExt can be used just like any other Ext 4 component, and applications making use of GeoExt 2 also profit from Ext JS enhancements like charting, a harmonized API with Sencha Touch and a sophisticated single-file build tool.


Via Jan Hesse
more...
No comment yet.
Rescooped by Ertunç Efeoğlu from JavaScript for Line of Business Applications
Scoop.it!

Step by Step Guide for Unit Testing ExtJS Application using Jasmine

Step by Step Guide for Unit Testing ExtJS Application using Jasmine | Development on Various Platforms | Scoop.it

This article is a Step by Step guide on how to do Unit testing of ExtJS application using Jasmine Framework. The MVC approach of ExtJS along with the ‘Behavior Driven Testing’ approach of Jasmine Framework enables independent testing of ExtJS model, store and controller.


Via Jan Hesse
more...
No comment yet.
Rescooped by Ertunç Efeoğlu from JavaScript for Line of Business Applications
Scoop.it!

Writing High Quality Code

Code must work, but
* fixing a bug introduces (many) new bugs
* a new developer cannot (easily) comprehend the code
* implementing changes/features is (extremely) difficult
* no, or not up-to-date documentation
* cross browser problems

 

Quality
* is degree of perfection of a product
* is the standard of something as measured against other things of a similar kind


Via Jan Hesse
more...
No comment yet.
Rescooped by Ertunç Efeoğlu from JavaScript for Line of Business Applications
Scoop.it!

Simplifying Grunt Jasmine tests for Ext.js

Simplifying Grunt Jasmine tests for Ext.js | Development on Various Platforms | Scoop.it

Are you wanting to unit test you Ext.js code but not sure where to start? Do you feel frustrated that everytime you get a bug raised you don’t know how to apply TDD techniques to your JavaScript because it’s just “not the same kind of code” as your Java, Ruby, .Net?

Since I’ve worked with Ext.js and Sencha Touch, testing has long been an issue that I’ve fought with. Initially I did no testing other than opening the browser hitting refresh and retracing my steps. However last year I went to Full Frontal and attended Rebecca Murphy’s talk (video & slides) and workshop on how to write testable JavaScript. Since then I’ve been cranking out test, after test, after test, and it’s improved the quality of code and it’s stability drastically.

However it did take me a while to understand how to setup Jasmine for an Ext.js project, so I thought something could be done about this to make life simpler. So I created a new Grunt plugin...


Via Jan Hesse
more...
No comment yet.
Rescooped by Ertunç Efeoğlu from JavaScript for Line of Business Applications
Scoop.it!

free course: ExtJS in 4 Modules on 150 slides

Module 1:
* DHTML
* Introduction to JavaScript
* Elements of JavaScript Program
* JavaScript Statements
* Functions
* Objects
* Defining Objects
* Arrays
* Events
* Time Outs
* Integrating JavaScript with Java
* Creating Windows
* Summary
* Examples and Exercises

 

Module 2:
* Introduction of ExtJs
* Getting Started
* Fundamental Classes
* Event Handling
* Component Model
* Examples

 

Module 3:
* Getting Started with Sencha Architect
* Create and Configure Components
* Create/Configure Data Stores
* Templates & DataView
* Creating & Extending Classes
* Examples

 

Module 4:
* Internationalization
* Drag & Drop
* Hands-on Experience w/ Common Components
* TabPanel
* GridPanel
* TreePanel
* FormPanel
* Building a Theme
* Application Best Practices

 

Objectives:
At the end of this module you will be able to:
1. Write JavaScript code using all the basic elements of JavaScript Programs
2. Create Windows & Dialog Boxes
3. Use the JavaScript’s in-built objects in a web page
4. Write code that does Event Handling in HTML pages
5. Manipulate HTML Forms through JavaScript dynamically
6. Integrate Java and JavaScript through Applets


Via Jan Hesse
more...
Jan Hesse's curator insight, October 19, 2013 7:09 AM

originally its a 4 day instructor led course - so much content to grasp

Rescooped by Ertunç Efeoğlu from JavaScript for Line of Business Applications
Scoop.it!

Bookmarkable ExtJS application with BackboneJS

Bookmarkable ExtJS application with BackboneJS | Development on Various Platforms | Scoop.it

Browser bookmarks are useful. Users expect to save the state of a web application by simply copying the application URL. Unfortunately, this feature is not easy to implement on Single Page Applications. In this kind of application, we don't have real page transitions. Due to the fact that the HTML is built by the JavaScript framework directly on the browser, the framework needs to access the browser address bar and figure out how to represent that URL in HTML code. It needs to match what is defined in the address bar and the actual state of the application.

ExtJS provides the Ext.History object. It gives the ability of using hash based history. It means that the address bar will have a hash value (everything after the “#” character) that is not handled by the server. BackboneJS also supports hash fragments, but it can use the Html5 history if available. It means that BackboneJS can use cleaner URL addresses. Our application will be an ExtJS MVC application that uses BackboneJS to handle the URL in the address bar.


Via Jan Hesse
more...
No comment yet.
Rescooped by Ertunç Efeoğlu from JavaScript for Line of Business Applications
Scoop.it!

Create theme for Sencha ExtJS components and charts

Create theme for Sencha ExtJS components and charts | Development on Various Platforms | Scoop.it

Creating themes using CSS is awesome, but its complex syntax makes life difficult. As project grows and demands more and more styling consumes lot of time in organizing it perfectly.

To over come all these, as part of this article we will see how Sass and Compass will help in creating the themes easily and use it in your application.

Most of the application needs an custom theme to give an unique look and feel for application, so in order to create an custom theme we will see following items as part of this article

* Tools required
* Installation of tools
* Understanding the files/folders structure for ExtJS theme
* Overriding styles for existing ExtJS components
* Defining ui and using on a component
* Theme for ExtJS charts


Via Jan Hesse
more...
No comment yet.
Rescooped by Ertunç Efeoğlu from JavaScript for Line of Business Applications
Scoop.it!

Extjs , some best practices

Extjs , some best practices | Development on Various Platforms | Scoop.it

During searching for best codding practices of extjs I found following links very good and informative.


Via Jan Hesse
more...
No comment yet.
Rescooped by Ertunç Efeoğlu from JavaScript for Line of Business Applications
Scoop.it!

ExtJS Best Practices

ExtJS Best Practices | Development on Various Platforms | Scoop.it

ExtJS is a powerful Javascript framework for developing rich Internet applications—but with great power comes great responsibility. If you are inexperienced or careless with your implementation, your development effort can quickly spin out of control. Your project structure might grow to become unruly, steepening the learning curve for developers new to the framework. Worse yet, performance issues may arise that can be tricky to deal with once they have a foothold within your application.

Equipped with some tips from Senchacon ‘13 and my past experience with ExtJS, I’d like to share some knowledge that will help you be proactive against these issues and avoid potential roadblocks.


Via Jan Hesse
more...
No comment yet.