Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Conferences
Free Learning
Arrow right icon
Learning Ext JS_Fourth Edition
Learning Ext JS_Fourth Edition

Learning Ext JS_Fourth Edition: Create powerful web applications with the new and improved Ext JS 5 library

Arrow left icon
Profile Icon Carlos A Mendez Segura Profile Icon Villa Profile Icon Gonzalez
Arrow right icon
$29.99 $43.99
Full star icon Full star icon Full star icon Full star icon Half star icon 4.3 (4 Ratings)
eBook Jul 2015 452 pages 1st Edition
eBook
$29.99 $43.99
Paperback
$54.99
Subscription
Free Trial
Renews at $19.99p/m
Arrow left icon
Profile Icon Carlos A Mendez Segura Profile Icon Villa Profile Icon Gonzalez
Arrow right icon
$29.99 $43.99
Full star icon Full star icon Full star icon Full star icon Half star icon 4.3 (4 Ratings)
eBook Jul 2015 452 pages 1st Edition
eBook
$29.99 $43.99
Paperback
$54.99
Subscription
Free Trial
Renews at $19.99p/m
eBook
$29.99 $43.99
Paperback
$54.99
Subscription
Free Trial
Renews at $19.99p/m

What do you get with eBook?

Product feature icon Instant access to your Digital eBook purchase
Product feature icon Download this book in EPUB and PDF formats
Product feature icon Access this title in our online reader with advanced features
Product feature icon DRM FREE - Read whenever, wherever and however you want
OR
Modal Close icon
Payment Processing...
tick Completed

Billing Address

Table of content icon View table of contents Preview book icon Preview Book

Learning Ext JS_Fourth Edition

Chapter 2. The Core Concepts

In this chapter, you're going to learn about the class system, which was first introduced in Ext JS version 4. You are also going to learn how to load classes dynamically and how to interact with the Document Object Model (DOM) to modify the structure of the DOM tree for our convenience.

You should know that JavaScript is classless (prototype-oriented); however, we can emulate it using the prototype object and other techniques. One of the major features of Ext JS is that since version 4, all the code in the framework was developed with a class-based structure. Along with naming conventions, it's easy to learn and understand, and keep the code organized, structured, and easy to maintain.

Knowing and understanding the concept of the Object-Oriented Programming System (OOPS) is very important. This book may not be a focused guide on the concept of OOPS, but you are going to learn how we can use and implement this concept in Ext JS.

The following...

The class system

In version 4, the class system was completely redesigned and new features were added. It became a more powerful way to extend and create classes. And Ext JS 5 keeps the same structure and consistency as version 4.

In order to create classes, Ext JS uses the Ext.ClassManager object internally to manage the associations between the names, aliases, or alternate names we define. And all classes (existing and new) use Ext.Base as the base code.

It's not recommended to use these classes directly; instead we should use the following shorthands:

  • Ext.define: This shorthand is used to create a new class, extend a class, or whenever we need to apply some override(s) in a class.
  • Ext.create: This shorthand creates a new instance of a class, using either the fullname class, the alias class, or the alternate name class. Using any of these options, the class manager handles the correct mapping to create the class. We can also use this shorthand to create objects from an existing class...

Loading classes on demand

When we develop large applications, performance is really important. We should only load the scripts we need; this means that if we have many modules in our application, we should separate them into packages so we would be able to load them individually.

Ext JS, since version 4, allows us to dynamically load classes and files when we need them, also we can configure dependencies in each class and the Ext library will load them for us.

You need to understand that using the loader is great for development, that way we can easily debug the code because the loader includes all the classes one by one. However, it's not recommended to load all the Ext classes in production environments. We should create packages of classes and then load them when needed, but not class by class.

In order to use the loader system, we need to follow some conventions when defining our class.

  • Define only one class per file.
  • The name of the class should match the name of the JavaScript file...

Working with the DOM

Ext JS provides an easy way to deal with the DOM. We can create nodes, change styles, add listeners, and create beautiful animations, among other things without worrying about the browser's implementations. Ext JS provides us with a cross-browser compatibility API that will make our lives easier.

The responsible class for dealing with the DOM nodes is the Ext.Element class. This class is a wrapper for the native nodes and provides us with many methods and utilities to manipulate the nodes.

Note

Manipulating DOM directly is considered bad practice and none of the DOM markup should be placed in the index file. This example exists only for illustrative purposes.

Getting elements

The Ext.get method let us retrieve a DOM element encapsulated in the Ext.dom.Element class, retrieving this element by its ID. This will let us modify and manipulate the DOM element. Here is a basic example:

<!doctype html>
<html>
<head>
<meta http-equiv="X-UA-Compatible...

Summary

When using Ext JS, we need to change our mind and see everything as an object or class. We need to think carefully how we're going to organize the classes, as this will help us in the future chapters. Also you learned how to work with OOP with the class system in Ext JS.

You also learned about the loader system to import our classes dynamically, managing dependencies for us, and only loading what we need. At the end of this chapter, you learned about the DOM and how to perform a search in order to manipulate the nodes easily.

In the next chapter, you'll learn about the layout system, a powerful way to create and manage our layouts. Using and combining several types of layouts will help us to create unique interfaces.

Left arrow icon Right arrow icon

Description

If you are a JavaScript developer who now wants to use the Ext JS framework, this is the book for you. This guide is useful to you whether you're new to Ext JS 5 or are a seasoned expert. Experience in HTML, CSS, and JavaScript is required in order to understand and get the most out of this book.

What you will learn

  • Create applications with powerful web components designed for an easy end user experience
  • Discover how Ext JS works and how to make good use of this tool
  • Understand the basics of web applications using Ext JS
  • Use the new features of version 5 in your applications
  • Build agile and responsive web applications using Ext JS
  • Understand the MVVM application model to connect the model layer to the view
  • Easily customize sizing, spacing, colors, fonts, and so on in the new touchfriendly themes

Product Details

Country selected
Publication date, Length, Edition, Language, ISBN-13
Publication date : Jul 31, 2015
Length: 452 pages
Edition : 1st
Language : English
ISBN-13 : 9781784397739
Vendor :
jQuery
Tools :

What do you get with eBook?

Product feature icon Instant access to your Digital eBook purchase
Product feature icon Download this book in EPUB and PDF formats
Product feature icon Access this title in our online reader with advanced features
Product feature icon DRM FREE - Read whenever, wherever and however you want
OR
Modal Close icon
Payment Processing...
tick Completed

Billing Address

Product Details

Publication date : Jul 31, 2015
Length: 452 pages
Edition : 1st
Language : English
ISBN-13 : 9781784397739
Vendor :
jQuery
Tools :

Packt Subscriptions

See our plans and pricing
Modal Close icon
$19.99 billed monthly
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Simple pricing, no contract
$199.99 billed annually
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Choose a DRM-free eBook or Video every month to keep
Feature tick icon PLUS own as many other DRM-free eBooks or Videos as you like for just $5 each
Feature tick icon Exclusive print discounts
$279.99 billed in 18 months
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Choose a DRM-free eBook or Video every month to keep
Feature tick icon PLUS own as many other DRM-free eBooks or Videos as you like for just $5 each
Feature tick icon Exclusive print discounts

Frequently bought together


Stars icon
Total $ 109.98
Learning Ext JS_Fourth Edition
$54.99
Mastering ExtJS - Second Edition
$54.99
Total $ 109.98 Stars icon

Table of Contents

16 Chapters
1. An Introduction to Ext JS 5 Chevron down icon Chevron up icon
2. The Core Concepts Chevron down icon Chevron up icon
3. Components and Layouts Chevron down icon Chevron up icon
4. It's All about the Data Chevron down icon Chevron up icon
5. Buttons and Toolbars Chevron down icon Chevron up icon
6. Doing It with Forms Chevron down icon Chevron up icon
7. Give Me the Grid Chevron down icon Chevron up icon
8. DataViews and Templates Chevron down icon Chevron up icon
9. The Tree Panel Chevron down icon Chevron up icon
10. Architecture Chevron down icon Chevron up icon
11. The Look and Feel Chevron down icon Chevron up icon
12. Responsive Configurations and Tablet Support Chevron down icon Chevron up icon
13. From Drawing to Charting Chevron down icon Chevron up icon
14. Finishing the Application Chevron down icon Chevron up icon
15. What's Next? Chevron down icon Chevron up icon
Index Chevron down icon Chevron up icon

Customer reviews

Rating distribution
Full star icon Full star icon Full star icon Full star icon Half star icon 4.3
(4 Ratings)
5 star 75%
4 star 0%
3 star 0%
2 star 25%
1 star 0%
Davor Lozic Aug 22, 2015
Full star icon Full star icon Full star icon Full star icon Full star icon 5
I'm one of the technical reviewers of this book. I can say that I've enjoyed reading every chapter of this book. It is full of examples, suited for both beginners who never developed anything in ExtJS or experts who just want to learn new concepts of ExtJS version 5. Book includes chapters with creating the whole pallet of GUI elements, concepts like MVVM, MVC, and creating reusable code.The chapter I was enjoying the most was "Chapter 4: It's All about the Data", where authors gave a lot of great examples with working with data, AJAX calls, mappers, validators, relationships, etc. For me it is the most valuable part of the book because most of my applications are data-driven.This book has everything one developer needs for creating the enterprise-level software with ExtJS.
Amazon Verified review Amazon
Philip Arad Aug 28, 2015
Full star icon Full star icon Full star icon Full star icon Full star icon 5
Over the past few years, Ext JS has become a popular and powerful JavaScript framework for desktop application development.The new Sencha Ext JS 5 library offers hundreds of components and APIs to build robust applications and fulfills the critical needsof customers all around the world.The new version 5 is packed with new themes and the MVVM architecture that allows you to connect the model layer to the view andautomatically update the model when the view is modified and vice versa.Since the learning curve for Ext JS is not very easy/fast, you will need a good book to help you through.'Learning Ext JS - Fourth Edition' from Packt Publishing is the right book for you.This book covers many new features and components of Ext JS 5. At the beginning, you will learn the core concepts of Sencha Ext JS,components, data models, and mapping.Then it will teaches you about event-driven development, forms and grids, charts and themes, and third-party plugins.Later on in the book, you'll learn the implementations of the Tree panel, the MVC pattern, and a completely new feature called MVVM.By working sequentially through each chapter and following the step-by-step guides, you will be able to create a basic application.The book was written with the easiest and most comprehensible points so that you can understand the basics,This book is intended for developers who have the desire to learn and begin using this framework for their applications,and also for developers who have not started using the current version.It is written as an easy-to-follow guide that will help you understand the basics and fundamentals of the framework.If you have experience with previous versions of the framework, this book may clear many of your doubts about upgrading and how thingshappen in version 5.x.This book covers all of the basic information you need to know to start development with this nice and powerful framework.
Amazon Verified review Amazon
Shinobu Kawano Sep 22, 2015
Full star icon Full star icon Full star icon Full star icon Full star icon 5
Ext JS framework has enormous amount of functionality therefore most beginners would be overwhelmed with that. Although Sencha offers various learning material, learning Ext JS is still a difficult task."Learning Ext JS" is a light in the dark for many beginners who want to get an overview of this huge framework.This book introduces many aspects of the Ext JS, sometimes concisely, and sometimes in detail. Especially, the description of fundamentals (class system, component lifecycle, data packages, etc) is well-organized. I can assure you that you will begin with Ext JS smoothly.Plus, many supplement tips is embedded in a lot of places. It would be useful for not only beginners but also seasoned Ext JS developers.
Amazon Verified review Amazon
Sam D Oct 13, 2015
Full star icon Full star icon Empty star icon Empty star icon Empty star icon 2
The book gives a descent overview of the framework, but leaves gapping holes at very important intersections.1.) For instance, not enough detail on MVVM implementation in extjs, it's such a big paradigm shift in ExtJS 5+, but the author only dedicates 2 pages in the book to it. This leaves you needing much more.2.) When considering details on the store...it shows you how to add, remove, filter, getById, but doesn't take a look at how to build additional basic queries. Again, leaving you wanting more.I'm not happy with the book, but it's a shame, that there is so much lacking in terms of learning extjs.
Amazon Verified review Amazon
Get free access to Packt library with over 7500+ books and video courses for 7 days!
Start Free Trial

FAQs

How do I buy and download an eBook? Chevron down icon Chevron up icon

Where there is an eBook version of a title available, you can buy it from the book details for that title. Add either the standalone eBook or the eBook and print book bundle to your shopping cart. Your eBook will show in your cart as a product on its own. After completing checkout and payment in the normal way, you will receive your receipt on the screen containing a link to a personalised PDF download file. This link will remain active for 30 days. You can download backup copies of the file by logging in to your account at any time.

If you already have Adobe reader installed, then clicking on the link will download and open the PDF file directly. If you don't, then save the PDF file on your machine and download the Reader to view it.

Please Note: Packt eBooks are non-returnable and non-refundable.

Packt eBook and Licensing When you buy an eBook from Packt Publishing, completing your purchase means you accept the terms of our licence agreement. Please read the full text of the agreement. In it we have tried to balance the need for the ebook to be usable for you the reader with our needs to protect the rights of us as Publishers and of our authors. In summary, the agreement says:

  • You may make copies of your eBook for your own use onto any machine
  • You may not pass copies of the eBook on to anyone else
How can I make a purchase on your website? Chevron down icon Chevron up icon

If you want to purchase a video course, eBook or Bundle (Print+eBook) please follow below steps:

  1. Register on our website using your email address and the password.
  2. Search for the title by name or ISBN using the search option.
  3. Select the title you want to purchase.
  4. Choose the format you wish to purchase the title in; if you order the Print Book, you get a free eBook copy of the same title. 
  5. Proceed with the checkout process (payment to be made using Credit Card, Debit Cart, or PayPal)
Where can I access support around an eBook? Chevron down icon Chevron up icon
  • If you experience a problem with using or installing Adobe Reader, the contact Adobe directly.
  • To view the errata for the book, see www.packtpub.com/support and view the pages for the title you have.
  • To view your account details or to download a new copy of the book go to www.packtpub.com/account
  • To contact us directly if a problem is not resolved, use www.packtpub.com/contact-us
What eBook formats do Packt support? Chevron down icon Chevron up icon

Our eBooks are currently available in a variety of formats such as PDF and ePubs. In the future, this may well change with trends and development in technology, but please note that our PDFs are not Adobe eBook Reader format, which has greater restrictions on security.

You will need to use Adobe Reader v9 or later in order to read Packt's PDF eBooks.

What are the benefits of eBooks? Chevron down icon Chevron up icon
  • You can get the information you need immediately
  • You can easily take them with you on a laptop
  • You can download them an unlimited number of times
  • You can print them out
  • They are copy-paste enabled
  • They are searchable
  • There is no password protection
  • They are lower price than print
  • They save resources and space
What is an eBook? Chevron down icon Chevron up icon

Packt eBooks are a complete electronic version of the print edition, available in PDF and ePub formats. Every piece of content down to the page numbering is the same. Because we save the costs of printing and shipping the book to you, we are able to offer eBooks at a lower cost than print editions.

When you have purchased an eBook, simply login to your account and click on the link in Your Download Area. We recommend you saving the file to your hard drive before opening it.

For optimal viewing of our eBooks, we recommend you download and install the free Adobe Reader version 9.