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
80
Other Decks in Education
See All in Education
生成AIとの上手な付き合い方【公開版】/ How to Get Along Well with Generative AI (Public Version)
handlename
0
470
新卒研修に仕掛ける 学びのサイクル / Implementing Learning Cycles in New Graduate Training
takashi_toyosaki
1
150
系統性を意識したプログラミング教育~ガチャを実装しよう~
asial_edu
0
400
バックオフィス組織にも「チームトポロジー」の考えが使えるかもしれない!!
masakiokuda
0
110
Case Studies and Course Review - Lecture 12 - Information Visualisation (4019538FNR)
signer
PRO
1
2k
推しのコミュニティはなんぼあってもいい / Let's join a lot of communities.
kaga
2
1.7k
CHARMS-HP-Banner
weltraumreisende
0
180
新卒交流ワークショップ
pokotyamu
0
420
(キラキラ)人事教育担当のつらみ~教育担当として知っておくポイント~
masakiokuda
0
100
技術勉強会 〜 OAuth & OIDC 入門編 / 20250528 OAuth and OIDC
oidfj
5
1.2k
検索/ディスプレイ/SNS
takenawa
0
5.3k
2025年度春学期 統計学 第2回 統計資料の収集と読み方(講義前配付用) (2025. 4. 17)
akiraasano
PRO
0
140
Featured
See All Featured
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
46
9.6k
How to Ace a Technical Interview
jacobian
277
23k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3k
Producing Creativity
orderedlist
PRO
346
40k
Gamification - CAS2011
davidbonilla
81
5.3k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
Code Reviewing Like a Champion
maltzj
524
40k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
20
1.3k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.8k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
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.