Video Series: Build an Ext JS Application from Scratch Using Modern Toolkit

To make it easier for developers that are new to Ext JS, I have created a set of short videos describing the process of creating an application from scratch using the Modern Toolkit. In this series we will create an application allowing you to view and manage data about all matches played at FIFA World Cups, perform some analysis based this data, display some visualizations and theme our application. In every video we cover a specific Ext JS feature or component, discuss basic concepts, and add new functionality to our application.

Here are the first six episodes:

Introduction to the series

In this video I will describe the content of the tutorial and the application that we will be building. This application will allow you to view and manage data about all matches played at FIFA World Cups.

Episode 1: Generating Application

In this episode we will generate a new Ext JS application using the latest version of Sencha Ext JS 6.6 with open tooling. As you will see in the video, you will need to download a free trial as part of this step. You can download Ext JS 6.6 with open tooling here.

Episode 2: Application Structure

In this episode we will discuss the basic structure of an Ext JS application, application build profiles, class system and MVVM pattern.

Episode 3: Basic Layout

In this episode we will discuss an Ext JS layouting system and define a basic layout for our application.

Episode 4: Data Package

In this episode we will discuss an Ext JS data package, Store, Model and Proxy classis and load data to our application.

Episode 5: Grid Component

In this episode we will discuss an Ext JS grid component, add a grid to our application and connect it to data.

Here is the source code for the application that we are building:
https://github.com/olga-petrova/FifaApp

Stay tuned, more episodes are coming soon!

New to Ext JS?

We encourage you to view our interactive examples, check out our full resource library including additional videos, whitepapers and more, and download a free 30-day trial of Ext JS.


Written by Jones EST

SHARE THIS POST

COMMENTS

Start the Discussion!

Your email address will not be published. Required fields are marked *