Ext Js 6: Beginners Guide Book

• Learning Ext JS 4
• Crysfel Villa, Armando Gonzalez
• -
• January 25, 2013
• 1849516847
• 9781849516846
• English
• 434 pages
• PDF

Ext JS 4 builds on Ext JS 3, introducing a number of new widgets and features including the popular MVC architecture, easily customisable themes and plugin-free charting. Ext JS 4 Web Application Development Cookbook works through the framework from the fundamentals to advanced features and application design.

Book Description

Learning Ext JS 4 by Crysfel Villa, Armando Gonzalez

For those with a little jаvascript 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.

• 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

In Detail
Ext JS is a jаvascript 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 jаvascript 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.
What will you learn from this book

• 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

Approach
The book is a step-by-step tutorial full of example code and explanations to help a beginner learn Ext JS thoroughly.
Who this book is written for
This book will help you to learn Ext JS from scratch, it would be better if you have some jаvascript knowledge. Knowledge of HTML and CSS3 would be helpful but not required.

Content

Chapter 1: The Basics
Chapter 2: The Core Concepts
Chapter 3: Components and Layouts
Chapter 4: It's All About the Data
Chapter 5: Buttons and Toolbars
Chapter 6: Doing it with Forms
Chapter 7: Give me the Grid
Chapter 8: Architecture
Chapter 9: DataViews and Templates
Chapter 10: The Tree Panel
Chapter 11: Drag and Drop
Chapter 12: Look and Feel
Chapter 13: From Drawing to Charting

Naming convention is a set of rule to be followed for identifiers. It makes the code more readable and understandable to other programmers as well.Naming convention in Ext JS follows the standard JavaScript convention, which is not mandatory but a good practice to follow. It should follow the camel case syntax for naming the class, method, variable and properties.If the name is combined with two words, the second word will start with an uppercase letter always. For example, doLayout, StudentForm, firstName, etc.

NameConventionClass NameIt should start with an uppercase letter, followed by camel case. For example, StudentClassMethod NameIt should start with a lowercase letter, followed by camel case. For example, doLayoutVariable NameIt should start with a lowercase letter, followed by camel case. For example, firstNameConstant NameIt should be in uppercase only. For example, COUNT, MAXVALUEProperty NameIt should start with a lowercase letter, followed by camel case. For example, enableColumnResize = true.