ExtJS. Первое приложение (Hello from ExtJS)

Что такое ExtJS?

Что такое ExtJS? Это довольно мощная библиотека компонентов под JavaScript, на момент написания статьи распространяется компанией Sencha! Последняя версия, опять же на момент написания статьи это 6 версия. Все дальнейшие эксперименты я буду проводить именно с 6 версией.

Где скачать ExtJS?

Официальная бесплатная GPL лицензия может быть скачана здесь. Более подробно о лицензиях есть информация на хабре. Конечно информация с хабра слегка устарела, но все же! Было бы полезно понимать какие лицензии вообще существуют. Ценник у ExtJS кусается, но для любителей свободного ПО есть вариант с GPL о котором я уже говорил.

 Какие файлы подключать для начала работы и где их взять?

После скачивания, немного разобравшись со структурой архива, я взял следующие файлы. Собственно для работы ExtJS нужно сделать 2 вещи.

Подключить файл ext-all.js это собственно библиотека
А также файл со стилями CSS, папку со стилями CSS  я выбрал theme-neptune и скопировал её целиком в папку проекта.

Вот каким кодом я подключил файлы ext-all.js и theme-neptune-all.css у себя

Как написать первое приложение?

(Hello World! Hello from ExtJS 6.0 GPL)

Создадим файл Main.html

Кроме файлов  ext-all.js и theme-neptune-all.css подключим также наш скрипт App.js, в котором и будет происходить основная магия…

Также, создадим файл App.js