Book Review : Ext JS 4 First Look

The folks at Packt asked me to review one of their book on EXTJS 4 If you are interested in buying it (a judgment you may reserve until after you have read the review)

“http://www.packtpub.com/ext-js-4-first-look/book” this is link you can go

Loiane Groner iS a EXT-JS consultant, she is expert in EXT JS. As far as I can recall, I have never met them but I follow her blog http://loianegroner.com regularly

The Packt model is an interesting one. They are an online publishing house who approach subject matter experts and offer them an advance and a good commission for writing a book for them. They have approached me a couple of times but I have turned them down on both occasions simply due to a lack of time. Given the movement towards e-readers and related devices I believe it is a business model most publishers will eventually adopt.

Overview and Structure of the Book

The first thing you will probably notice is the size of the document. This is no brief summary of the new features. This is over 340 pages covering what has changed since EXT JS 3 in EXT JS 4 with a full index in the back. The structure of the book is:

• The usual preliminary bits (About the Authors, Acknowledgement, Table of Contents etc.)
• Chapter 1: What new in EXT JS 4.
• Chapter 2: The new Data package
• Chapter 3: Upgraded Layout
• Chapter 4: Upgraded Charts
• Chapter 5: Upgraded Grid, Tree and Form
• Chapter 6: Ext JS 4 Themes
• Chapter 7: MVC Application Architecture
• Appendix
• Index

I like this structure as it parallels the steps one would take in setting up a EXT JS4. The titles are also plain English e.g. ‘Ext JS 4 First Look’ making it easier to know where to go. To add a bit of a flow to the book, they also put it in the examples,real life scenarios
What is missing is – This book is not for the beginners who are learning EXT JS from scratch. Major feature release.
Ext JS 4 introduces major changes compared to Ext JS 3..You will find lot of changes There is a new data package, new charts, and new, updated layouts. The framework was completely changed from EXT JS 3 for increasing the performance.
This book covering all changes in EXT JS 4 , all new features using coding example with detailed explanation and screenshot of code as well the result too. Book will make you understand the changes in EXT JS 4 with presented examples and using this book you can easily migrate the application from EXT JS 3 to EXT JS 4 application

Chapter 1: What’s New in Ext JS 4

This chapter provides an introduction to all major changes between Ext JS 3 and Ext JS 4. Ext JS 4 presents a vast improvement in all packages; the framework was completely rewritten to boost performance and make learning and configuring easy. This chapter covers all these changes, from class system, to an overview, to the new Sencha platform
Good high-level review to introduce the reader to these completely new features

Chapter 2: The New Data Package

This chapters covers all the changes in the data packageI am amazed to see the Sencha Touch framework for mobile application This chapter introduces the new Model class, associations, proxies, operations, batches, and the new features of the Store class.
What this means is the book lends itself to system architects with a good understanding of the configuration options of the system but not so much to people who are new to either system.

Chapter 3: Upgraded Layouts

This is a great chapter on the awesome work Sencha Team has done on improving the layout. It covers all changes made to the existing layouts, and the new component layout engines, such as dock, toolbar, field, and trigger field layouts. It also covers the changes made to the container layouts, such as fit, border, table, anchor, card, accordion, and so on..
If you are stuck in designing the layout of application then reading this chapter is worth of. 

Chapter 4: Upgraded Charts

I like this chapter after reading this a lot. Chapters presents the new JavaScript-powered Ext JS 4 charts. And what you can expect more the no flash is required anymore. This chapter introduces the new draw package, which is the base package for the new chart package. It also covers how to configure chart axis, legend, customized themes, and Ext JS 4 chart series, such as Bar, Column, Line, Area, Scatter, Pie, Radar, and Gauge.

Chapter 5: Upgraded Grid, Tree, and Form

Again, this is a big topic for one chapter. It mention and demonstrates the upgraded Ext JS Components. Very well explained the more performance and more developer flexibility. Some new features and plugins for Components covered in this chapter are: grid, tree, and forms.

Chapter 6: Ext JS 4 Themes

This is probably one of the best example or step by step way of creating on how developer can customize and create a new theme by using CSS architecture, which uses Sass and Compass.

Chapter 7: MVC Application Architecture

. One nice touch in this chapter how MVC architecture applied or implemented to Ext JS 4 applications. This chapter as with others is designed to give the reader a feel for creating a MVC EXT JS 4 application. Steps by steps instruction given in this chapter. Chapter also includes the structure of EXT JS 4 application project structure and how reader can manage the component, files in EXT project structure.
Appendix A, Ext JS 4 Versus Ext JS 3 Class Names,
It presents a comparison list between Ext JS 3 classes and Ext JS 4 class names. In this new version of Ext JS, the names of some classes have changed, and this list can help you find the new Ext JS 4 class names easily, while migrating an application from Ext JS 3 to Ext JS 4 Beta.

Conclusions

This book is not a comprehensive guide to the learn EXT JS 4 or EXT JS. Rather, it is an introduction to some of the new features of the product, compared to EXT JS 3. .It is good guide if you want to migrate an application from EXT JS 3 to EXT JS 4 or if you want learn ,understand the new feature and advanced topic on EXT JS 4.The way author mentioned he pseudo code with example and detailed description is really good. Features of the product they do cover are covered very well. What I mean by this is their high-level summaries of large topics, such as Layout ,tree and form, cover the essential elements and their treatment of smaller topics, such as EXT JS 4 Theme, MVC Application Architecture topic are some of the best I have seen.

While there is not as much bang for buck as, say, Loiane Groner’s book, the EXT JS 4 developer will not have to filter out a rehash of the version 4 features as this book assumes that knowledge. Where I see this book working is as good migration guide. While those volumes allow the reader to drill down into a specific topic, this book, uniquely, gives a much greater context to the features in question, providing a practical example as an integral part of the narrative

Introduction of Javascript IDE- APTANA

Coding in JavaScript is always cumbersome.Programmer always find difficult debugging in JavaScript.There is one IDE which help javascript programmer.That is Aptana Studio.
Aptana Studio is an open source integrated development environment (IDE) for building Ajax web applications. It includes support for JavaScript, HTML, DOM, and CSS with code-completion, outlining, JavaScript debugging, error and warning notification and integrated documentation. Additional plugins allow Aptana Studio to be extended to support Ruby on Rails, PHP, Python, Perl[1], Adobe AIR, Apple iPhone and Nokia WRT (Web Runtime).
Aptana, Inc. is a company making web application development tools for Web 2.0 and Ajax for use with programming languages such as JavaScript, Ruby, PHP and Python. Aptana’s main products are Aptana Studio, Aptana Cloud and Aptana Jaxer.Aptana is both a set of plugins that may be installed into an Eclipse install, or installed as a standalone Rich Client App.If you’re starting fresh, only planning to do HTML/CSS/JS, or don’t want to deal with a large amount of plugins inside one install, then I recommend getting the Aptana standalone. (You can still install Eclipse plugins into it, but you’re starting off with only the plugins you need for web development).

Ajax Library Support
Aptana Studio ships with the following Ajax libraries, but more can be added or updated.
Adobe Spry
Ext
Aflax
Rico
Prototype
Mochikit
Yahoo! UI Library
Mootools
Dojo toolkit
jQuery
Script.aculo.us

PHP
The Aptana IDE provides support for developing PHP applications via the add-on PHP plugin. This includes:
built-in PHP server for previewing within Aptana Studio,
full code assist, code outlining & code formatting,
integrated PHP debugger,
built in Smarty,
type hierarchy view,
go to declaration,
integrated PHP manual (online or local).

RadRails
Aptana Studio supports Ruby on Rails development using RadRails, an open source plugin for the Ruby on Rails framework. This includes:

integrated Rails shell console,
default-install and config of Ruby interpreter, database and debugger,
code completion with type inferencing,
Code Assist for Ruby, CSS, JS, and HTML inside RHTML files,
type hierarchy view,
go to declaration,
call hierarchy,
full implementation of RDT (Eclipse’s Ruby Development Tools project).

Python
Aptana Studio provides support for Python in the form of the PyDev plugin. This provides color syntax hilighting, Code Assist, code outlining, debugging and integrated support for Python and Jython interpreters.

References – http://en.wikipedia.org/wiki/Aptana_Studio
www.aptana.com

pimp it

Amazing List of Jquery Resources

jquery

I am writing this post as an extension to my previous post
10 most Useful resources for jQuery across the web which got an overwhelming response from the people. I recently found out some more good links. Also including the links which some readers on the previous post suggested.

So here are the additional new links:

  1. The following link is an amazing look up for all kinds of small tasks in jquery.
    jQuery HowTo’s
  2. Then we have 2 more How to in Jquery

  3. JQuery HowTo
  4. http://msmvps.com/blogs/luisabreu/archive/tags/JQuery/default.aspx
  5. VisualJquery.This link provides the information about any jquery methods with examples in a very interactive way.Its an amazing reference for Jquery methods.
  6. jQuery BlockUI Plugin: Jquery implementation for the modal popup. Its a jquery plug in named blockUI and is very popular among the developers.
  7. JQuery Tools Scrollable:A plugin to Scroll the HTML like and eye candy.
  8. Impromptu: Showing beautiful message boxes in Asp.Net web forms using JQuery Impromptu
  9. jQuery Cycle Plugin: The jQuery Cycle Plugin is a lightweight slideshow plugin. Provides amazing UI effects.
  10. Now we have client side implementation of Gridview paging using Jquery. The code demonstrates the use ajax() method of jquery receiving the JSON data from asp.net as well. Powerful practical learning for jquery beginners.

  11. jQuery & asp.net :- How to implement paging,sorting and filtering on a client side grid using asp.net,jTemplates and JSON
  12. And last but the most Important one

  13. The Ultimate Jquery List: Ultimate list of all Jquery resources

kick it on DotNetKicks.com

Shout it

pimp it