- Follow this tutorial to create this application.
The app is a custom music video preview player that will draw data from a public data feed from the iTunes website, specifically the top videos of latest period rating.
The landing page (we are using a TabPanel component* in Ext JS) has two options to choose from:
-
The first is a collection of custom styled thumbnails (called a Dataview component in Ext JS) of the title of the song, along with the name and image of the artist.
-
The second is a custom table of records of similar data (called a Grid component in Ext JS), while adding the release date of the song as well.
Each tab allow for the rendering of a 30-second preview of a particular video in a hovering model window (called a Dialog component in Ext JS), whether clicking on a thumbnail from the Dataview or a record from the Grid.
This app uses Ext JS Community Edition
Sencha Ext JS Community Edition (CE) provides a core framework, hundreds of modern components, material theme, open tooling, and much more with a limited commercial use license for free – view the full terms here.
Ext JS CE is a great choice for students, hobbyists, freelance developers, startups and nonprofits to learn and create applications using the Ext JS framework and components. It’s perfect for people who are learning new programming languages, starting to develop cross-platform web apps, maintaining open source JavaScript projects, or learning the Ext JS framework.
With the Ext JS CE, you get a comprehensive JavaScript framework with 100+ components, which you can seamlessly migrate to a commercial license with support when your revenues exceed $10,000 (see license agreement for details).
It’s a perfect solution for early stage startups and other organizations with limited capital. You can develop your professional app with confidence, knowing that Community Edition provides the tools and resources you need to grow, as you need them.
-
Download the Sencha Ext JS Community Edition for free
-
See examples of all Ext JS UI components
-
For more detailed information, check out our robust Ext JS API documentation
-
Read the Ext JS community edition FAQ
Highlights of Ext JS Community Edition
-
Core framework to build cross-platform enterprise web apps
-
Hundreds of modern components including Modern Grid with features such as spreadsheet selection, cell editing
-
Comprehensive Data package – easily create data analysis apps with virtual store to manage and seamlessly scroll through massive datasets
-
Material theme to create beautiful apps
-
Open tooling to generate and build starter apps
-
Support for npm, WebPack and Babel
-
Access to hosted npm repository
-
Example apps – Tutorial and guides
-
Stencils – a complete UI asset toolkit to design your apps
-
Fiddle – online utility for creating, running, and sharing Ext JS code examples
We’re looking forward to seeing the awesome web applications you create with Ext JS CE and look forward to reading your feedback in the Ext JS forum and survey.