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
220
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
81
Other Decks in Education
See All in Education
日本の教育の未来 を考える テクノロジーは教育をどのように変えるのか
kzkmaeda
1
220
20250611_なんでもCopilot1年続いたぞ~
ponponmikankan
0
120
データ分析
takenawa
0
9.3k
著作権と授業に関する出前講習会/dme-2025-05-01
gnutar
0
210
新卒研修に仕掛ける 学びのサイクル / Implementing Learning Cycles in New Graduate Training
takashi_toyosaki
1
180
予習動画
takenawa
0
9.9k
Gamified Interventions for Composting Behavior: A Case Study Using the Gamiflow Framework in a Workplace Setting
ezefranca
1
160
Constructing a Custom TeX Ecosystem for Educational Institutions—Beyond Academic Typesetting
doratex
1
13k
より良い学振申請書(DC)を作ろう 2025
luiyoshida
1
3.3k
JOAI2025講評 / joai2025-review
upura
0
180
Visualisation Techniques - Lecture 8 - Information Visualisation (4019538FNR)
signer
PRO
0
2.4k
Implicit and Cross-Device Interaction - Lecture 10 - Next Generation User Interfaces (4018166FNR)
signer
PRO
2
1.7k
Featured
See All Featured
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
21
1.3k
Faster Mobile Websites
deanohume
308
31k
Automating Front-end Workflow
addyosmani
1370
200k
Mobile First: as difficult as doing things right
swwweet
223
9.7k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.7k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.1k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.2k
Scaling GitHub
holman
461
140k
BBQ
matthewcrist
89
9.7k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
Navigating Team Friction
lara
187
15k
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.