Free Sample
+ Collection

Learning Ext JS 4

Crysfel Villa, Armando Gonzalez

For those with a little JavaScript experience, this book is a great way to learn Ext JS and start building interactive web applications using Ajax, DHTML, Dom, and the like. Ideal for beginners.
RRP $29.99
RRP $49.99
Print + eBook

Want this title & more?

$12.99 p/month

Subscribe to PacktLib

Enjoy full and instant access to over 2000 books and videos – you’ll find everything you need to stay ahead of the curve and make sure you can always get the job done.

Book Details

ISBN 139781849516846
Paperback434 pages

About This Book

  • Learn the basics and create your first classes
  • Handle data and understand the way it works, create powerful widgets and new components
  • Dig into the new architecture defined by Sencha and work on real world projects


Who This Book Is For

This book will help you to learn Ext JS from scratch, it would be better if you have some JavaScript knowledge. Knowledge of HTML and CSS3 would be helpful but not required.


Table of Contents

Chapter 1: The Basics
Should I use Ext JS for my next project?
Getting started with Ext JS
Our first program
Building an application
Chapter 2: The Core Concepts
The class system
Loading classes on demand
Working with the DOM
Manipulation – How to change it?
Chapter 3: Components and Layouts
The components lifecycle
About containers
The layout system
Chapter 4: It's All About the Data
Dealing with the store
Retrieving remote data
Sending data
Chapter 5: Buttons and Toolbars
Event driven development
A simple button
Adding menus
The main menu for our application
Chapter 6: Doing it with Forms
The form component
Available fields
The field container
Submitting the data
Chapter 7: Give me the Grid
The data connection (models and stores)
A basic grid panel
Columns renderers
Selection models
Grid listeners
Grid paging
Infinite scrolling
Chapter 8: Architecture
The MVC pattern
Creating our first application
Creating a module
Chapter 9: DataViews and Templates
The data connection (models and stores)
A basic dataview
Handling events on the dataview
A more complex dataview
Chapter 10: The Tree Panel
A basic tree panel
The TreeStore
Tree nodes
Tree drag-and-drop
Adding and removing nodes
The check tree
The grid tree
Adding an invoices' categories tree panel
Chapter 11: Drag and Drop
Make an item draggable
Hitting the drop zone
Drag and drop between Ext JS components
Enhancing our application with drag and drop
Chapter 12: Look and Feel
Setting up our environment
The resources folder
Advanced theming
Different styles for the same component
Supporting legacy browsers
Chapter 13: From Drawing to Charting
Basic drawing
Adding interaction
Series examples
Enhancing our application with charts

What You Will Learn

  • Learn how the Ext JS class system works and is organized
  • Dig into how the Ext JS components and widgets work
  • Use the powerful layout system that Ext JS 4 offers
  • Focus on the new MVC pattern and good architecture
  • Get the best of templates, dataviews, and grids
  • Change the default theme of the library easily with compass and sass, and create custom themes
  • Drag and drop easily and quickly with Ext JS 4


In Detail

Ext JS is a JavaScript library for building interactive web applications using techniques such as Ajax, DHTML, and DOM scripting.

Ext JS 4 features expanded functionality, plugin-free charting, and a new MVC architecture, it's the best Ext JS web application development platform yet. It helps develop incredible web apps for every browser.

Learning Ext JS 4 will teach you how to get the best of each Ext JS component and also show you some very practical examples that you can use in real world applications. You will also learn why it is so useful and powerful in developing fast and beautiful applications.

The book starts with the very basics of Ext JS. You will learn to create a small application step-by-step, and add new features to it in every chapter.

Once you grasp the basics, you will learn more complicated topics such as creating new components, templates, architecture, patterns, and also tips and techniques that will help you improve your skills on JavaScript and Ext JS 4. We also cover how to create themes to make your application design beautiful and customize it the way you need.

At the end of the book, you will have a working application built using all the knowledge you gained from the book.



Read More