Inside hello1 create a subdirectory named ext and copy there the entire content of your Ext JS installation directory. But first things first-let’s create a couple of versions of Hello World.Ĭreate a new directory (for example, hello1). You’ll be able to run and debug this application on your own computer and see how various components and program layers work in practice. You’ll read the code fragments followed by brief explanations. Later, you’ll review the code of the Save The Child application as a hands-on way of learning the framework. The material in this chapter is divided into two parts:Ĭreating the First Version of Hello Worldīefore we explain how things work in Ext JS, we’ll develop a Hello World application. Consider this chapter a hands-on overview of Ext JS. Providing detailed coverage of Ext JS in one chapter is almost mission impossible because of the vast variety of features this framework offers. The title clearly states that this chapter is about the Ext JS framework. Such extra work requires additional processing time, and we’ll discuss this in Exploring a Component’s Life Cycle. This means that the framework will have to do some extra work in converting the code written using the homemade Ext JS class system into the same old HTML objects. But web browsers understand only HTML, DOM, CSS, and JavaScript.
Ext JS includes a rich library of UI components, a flexible class system, custom layouts, and code generators. It’s not about improving an existing web page it’s about rewriting it from scratch without using HTML. But working with Ext JS is a completely different ball game.
The jQuery Core library was light it didn’t drastically change the way of developing pure HTML/JavaScript applications.
If you just finished reading Chapter 3, you’ll need to switch to a different state of mind. Your single HTML file ( index.html) will include just three files in the section: one with the Ext JS framework, one CSS file, and one app.js, but the section will be empty.Įxt JS includes a comprehensive library of JavaScript-based classes that can help you with pretty much everything you need to develop a web application (UI components, UI layouts, collections, networking, CSS compiler, packaging tool, and more).Įxt JS offers a way to write object-oriented code (for those who like it), to define classes and inheritance in a way that’s closer to classical inheritance and doesn’t require the prototype property.Įxt JS can jump-start your application development by generating the initial code layered according to the MVC design pattern.Įxt JS is a cross-browser framework that promises to automatically take care of all differences in major web browsers. Ext JS is an HTML5 framework that doesn’t require you to write HTML.
0 kommentar(er)
