Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
ExtJS 5 Introduction
Search
noroot
August 16, 2014
Education
1
210
ExtJS 5 Introduction
ExtJS 5 Introduction for Gorky Ruby user Group
noroot
August 16, 2014
Tweet
Share
More Decks by noroot
See All by noroot
Docker introduction
noroot
0
75
Other Decks in Education
See All in Education
🎓 ChatGPT を組み込んだ24時間TA : 教育現場における LLM 活用の課題と改善
yasslab
PRO
0
370
6 занятие. Четыре тактики метода "8 кубиков"бизнес-модели #ideaNN 1.03.2024.
karlov
0
160
Interactive Tabletops and Surfaces - Lecture 5 - Next Generation User Interfaces (4018166FNR)
signer
PRO
1
1.2k
人生の転機からチャンスを掴む「シュロスバーグの4Sモデル」/4s-models
yuko_yokouchi
3
800
Multimodal Interaction - Lecture 3 - Next Generation User Interfaces (4018166FNR)
signer
PRO
0
1.1k
Data Presentation - Lecture 5 - Information Visualisation (4019538FNR)
signer
PRO
0
1.8k
制限ボルツマンマシンの話 / Introduction of RBM
kaityo256
PRO
3
430
View Manipulation and Reduction - Lecture 9 - Information Visualisation (4019538FNR)
signer
PRO
1
1.4k
墓までもっていくはずだった話
takuro_nakajima
PRO
0
1.7k
Monaca Educationを活用したプログラミング授業実践
asial_edu
0
220
SDGsをアシスト! 現地調査データをアーカイブする技術2024|麻布大学デジタルマッピングワークショップ
fullfull
1
190
Design Guidelines and Principles - Lecture 7 - Information Visualisation (4019538FNR)
signer
PRO
0
1.7k
Featured
See All Featured
Producing Creativity
orderedlist
PRO
338
39k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
9
1.3k
Happy Clients
brianwarren
92
6.4k
The Power of CSS Pseudo Elements
geoffreycrofte
62
5k
Git: the NoSQL Database
bkeepers
PRO
423
63k
The Cult of Friendly URLs
andyhume
74
5.7k
Building Effective Engineering Teams - LeadDev
addyosmani
33
1.9k
Why Our Code Smells
bkeepers
PRO
331
56k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
501
140k
Creatively Recalculating Your Daily Design Routine
revolveconf
211
11k
Thoughts on Productivity
jonyablonski
60
3.9k
Gamification - CAS2011
davidbonilla
77
4.6k
Transcript
ExtJS 5 javascript UI framework
What is ExtJS ? - Full featured client* Javascript framework
- Become Industry standard - 60% of Fortune 100 uses it - Supports ALL browsers ?
History of ExtJS
Core concepts Core concepts
Accessibility AIRA ( http://www.w3.org/WAI/intro/aria ) Section 508 ( http://www.section508.gov/ )
Class system Dot notation (“.”) MyApp.util.Base64 MyApp.util.Base64 => /MyApp/util/Base64.js
Components
Data package
Data package: Examples Associations: https://gist.github.com/noroot/7764926571bd466fc400 Validation: https://gist.github.com/noroot/212d8b8251bcdac0d27b
Drag and Drop
Events Event Normalization for touch devices
Layouts and containers
Localization Json storage for strings Supports RTL (Right to left
languages)
Memory management Memory leaks
Theming
Drawing library
Application structure MVVM (M+VC) based application Sencha CMD (console based
framework management tool) sencha generate app -ext MyApp ./app cd app sencha app watch
Application structure ViewControllers Models Storages (or Stores) Routes
ViewController
ViewModel ViewModel example: https://gist.github.com/noroot/f094258eaa80e26a5ae3
Routes
Store AJAX REST LocalStorage JSON
Store JSON example
Application development order 1) Describe Layout and components 2) Define
Models structure 3) Define Storages for models 4) Define Models bindings for models structure 5) Define behaviors for components and models
MVVM MVVM - Model-View-ViewModel
Examples Dashboard http://dev.sencha.com/ext/5.0.1/examples/index.html REST Grid: http://dev.sencha.com/ext/5.0.1/examples/restful/restful.html Organizer: http://dev.sencha.com/ext/5.0.1/examples/organizer/organizer.html Themes: http://dev.sencha.com/ext/5.0.1/examples/themes/index.html
WebDesktop: http://dev.sencha.com/ext/5.0.1/examples/desktop/index.html Executive Dashboard: http://dev.sencha.com/ext/5.0.1/examples/executive- dashboard/index.html#!kpi/clicks Trees: http://dev.sencha.com/ext/5.0.1/examples/tree/locking-treegrid.html Soap: http://docs.sencha.com/extjs/5.0/enterprise/soap.html
Communities and collaboration Official site http://www.sencha.com/ Market: https://market.sencha.com/ Seek for
answers: http://www.sencha.com/forum/index.php Lack of russian community
Credits Dmitriy Rodichev twitter: @noroot github.com/noroot Enterprise is fine, people
are fucked.