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
74
Other Decks in Education
See All in Education
使用済燃料再処理等実施中期計画
hide2kano
0
150
Data Processing and Visualisation Frameworks - Lecture 6 - Information Visualisation (4019538FNR)
signer
PRO
1
1.7k
Canva
matleenalaakso
0
110
3 занятие. Канва бизнес-модели #ideaNN 2.02.2024.
karlov
0
190
Ch5_-_Partie_3.pdf
bernhardsvt
0
150
Human Perception and Colour Theory - Lecture 2 - Information Visualisation (4019538FNR)
signer
PRO
0
1.7k
茶コーダーが競プロ家庭教師した話
burioden
0
740
Pre-enrollment Information for UTokyo International Students
utokyoissr2360
0
3.8k
【滋賀大学データサイエンス学部】PropTech(不動産テック)における AI・データサイエンス活用
takehikohashimoto
0
4k
MySmartSTEAM2324
cbtlibrary
0
110
Monaca Educationを活用したプログラミング授業実践
asial_edu
0
150
UniKL 2024 - Phishing Security Awareness: Malware
x86fatah
0
100
Featured
See All Featured
The Invisible Customer
myddelton
114
12k
The Cost Of JavaScript in 2023
addyosmani
13
3.7k
Build The Right Thing And Hit Your Dates
maggiecrowley
23
1.9k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
58
14k
5 minutes of I Can Smell Your CMS
philhawksworth
199
19k
Scaling GitHub
holman
456
140k
Why You Should Never Use an ORM
jnunemaker
PRO
50
8.6k
10 Git Anti Patterns You Should be Aware of
lemiorhan
644
57k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
225
51k
Practical Orchestrator
shlominoach
180
9.7k
Faster Mobile Websites
deanohume
296
30k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
67
38k
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.