To help new Ext JS developers, I’ve created a series of short videos that walk through the process of building an application from scratch with the Modern Toolkit. In this series, we will build an application that will allow you to view and manage data from all FIFA World Cup matches, perform some analysis based on this data, display some visualizations, and theme our application. Each video covers specific Ext JS Frameworks or UI components, as well as basic concepts and adding new functionality to our application.
Here are the first six episodes:
Table of Contents
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.
Hi, I have downloaded the FIFAAPP , getting an error when i open the index.html Failed to load resource: net::ERR_FILE_NOT_FOUND.
How to make the sample run ?
Regards
Nanda
Hi Nanda,
Please run “npm install” and “npm run all” commands from the repo folder.
Best wishes,
Olga
I got this error when run “npm install” in the repo folder. Is there something I missed?
C:\temp\FifaApp-master>npm install
npm WARN tar ENOENT: no such file or directory, open ‘C:\temp\FifaApp-master\node_modules\.staging\ansi-regex-a67cfd31\license’ node_modules\.staging
npm WARN tar ENOENT: no such file or directory, open ‘C:\temp\FifaApp-master\node_modules\.staging\ansi-regex-a67cfd31\readme.md’
npm WARN tar ENOENT: no such file or directory, open ‘C:\temp\FifaApp-master\node_modules\.staging\@webassemblyjs\utf8-d922d110\test\index.js’
npm ERR! code E404
npm ERR! 404 Not Found: @sencha/[email protected]
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\Administrator\AppData\Roaming\npm-cache\_logs\2018-11-24T16_29_26_642Z-debug.log
if you were interested in playing such online game then just from our website play the most http://ginrummy.me popular gin rummy without any charges.