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
Your Code Sucks: Best Practices for Enterprise JavaScript Development
Search
Arthur Kay
August 15, 2012
Programming
8
2.6k
Your Code Sucks: Best Practices for Enterprise JavaScript Development
From ThatConference 2012
Arthur Kay
August 15, 2012
Tweet
Share
More Decks by Arthur Kay
See All by Arthur Kay
Analyzing the ROI of JavaScript in Enterprise Software Development
arthurakay
0
140
Debugging your Apps with Google Chrome and Sencha
arthurakay
1
190
Announcing Ext JS 5
arthurakay
0
120
Conquering the Command Line
arthurakay
0
200
The Future of Enterprise App Development
arthurakay
0
110
Best Practices for Enterprise JavaScript Applications
arthurakay
7
2.4k
Bringing the Mobile Web to the Cloud
arthurakay
2
540
Building Native Windows 8 Apps with Sencha
arthurakay
0
230
Creating Windows 8 Apps with Ext JS
arthurakay
1
270
Other Decks in Programming
See All in Programming
The rollercoaster of releasing an Android, iOS, and macOS app with Kotlin Multiplatform | KotlinConf
prof18
0
110
Why Spring Matters to Jakarta EE - And Vice Versa
ivargrimstad
0
560
Findy - エンジニア向け会社紹介 / Findy Letter for Engineers
findyinc
2
76k
Getting along with YAML comments with Psych
qnighy
2
1.4k
新年度から始めるJava言語のファーストステップ2024
tatsuya1bm
0
150
slog登場に伴うloggerの取り回し手法の見直し / kamakura.go #6
arthur1
1
440
gRPCでの効率的なAPI開発とテストの進め方
uo
2
170
Polarsの現状
daikikatsuragawa
0
1.4k
【2024年度 サイバーエージェント 新卒研修】システム運用の基本と戦略
shuntakahashi
49
22k
JRuby 10: Ruby 3.3 on the Modern JVM
headius
0
140
The test code generator using static analysis and LLM
mikik0
1
550
Does Ruby Parser dream of highly expressive grammar?
ydah
3
430
Featured
See All Featured
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
352
28k
The Invisible Side of Design
smashingmag
294
49k
Writing Fast Ruby
sferik
623
60k
Designing for humans not robots
tammielis
247
25k
A better future with KSS
kneath
231
17k
Web development in the modern age
philhawksworth
203
10k
The MySQL Ecosystem @ GitHub 2015
samlambert
244
12k
Pencils Down: Stop Designing & Start Developing
hursman
117
11k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
136
41k
Building a Scalable Design System with Sketch
lauravandoore
457
32k
Designing for Performance
lara
603
67k
Design by the Numbers
sachag
274
18k
Transcript
Best Practices for Enterprise JavaScript Applications YOUR CODE SUCKS
WHO AM I? • Arthur Kay • Solutions Engineer @
Sencha, Inc. • Web Development ~15 years • www.akawebdesign.com • @arthurakay
AGENDA • Improving application performance • Increasing code stability •
Scaling applications for enterprise • Tools • Advice
None
IMPROVING APPLICATION PERFORMANCE Part 1
CACHING
THIS CODE SUCKS
DO THIS INSTEAD • Cache values (references) • Avoid using
document.getElementById() and other global queries
DO THIS INSTEAD
OVER NESTING
THIS CODE SUCKS
DO THIS INSTEAD • Use lightweight containers (reduce DOM) •
Lazy Rendering
DO THIS INSTEAD
MEMORY LEAKS
THIS CODE SUCKS
DO THIS INSTEAD
INCREASING CODE STABILITY Part 2
SYNTAX ERRORS
THIS CODE SUCKS
DO THIS INSTEAD • Use JSLint (or something else) •
AUTOMATE SYNTAX CHECKING
ONE CLASS PER FILE
THIS CODE SUCKS
DO THIS INSTEAD • Organize your file system • Files
and folders should match namespacing • MVC (or something) • Development loader / Production builder
NAMES HAVE MEANING
THIS CODE SUCKS
DO THIS INSTEAD • Descriptive names on everything (except iterators)
• Common naming conventions (camelCase vs TitleCase vs nocase) • Exceptions for • constants ( SOME_CONSTANT ) • constructors ( MyClass ) • sub-namespaces ( Foo.bar.Class )_
COMMENTS / DOCUMENTATION
THIS CODE SUCKS
DO THIS INSTEAD • Comment top-level structures • Add notes
whenever logic is not obvious • Build your docs into a searchable tool
SCALING APPLICATIONS FOR ENTERPRISE Part 3
AVOID DUPLICATION
THIS CODE SUCKS
DO THIS INSTEAD • Abstraction! • Use mixins when possible
• Apply stuff to prototypes • Have similar classes/methods? • call() and apply()
DO THIS INSTEAD
SMALLER FILES. WHITE SPACE.
THIS CODE SUCKS
DO THIS INSTEAD • Keep methods under 50 lines •
Keep files under 500 lines • Use as much whitespace as possible.
UNIT TESTS
THIS CODE SUCKS
DO THIS INSTEAD • Write “testable” code • Focus on
important / trouble areas • AUTOMATE UNIT TESTING • Don’t insist on UI (integration/iteraction) tests * Test Driven JavaScript Development by Christian Johansen
TOOLS Stuff You Should Know About
IDE
INSPECT ELEMENT
YSLOW
JS DUCK
PHANTOM.JS
ADVICE Things I’ve Learned
SPECIFICATION – NOT TDD
NEVER STOP LEARNING
BREAK (SOME) RULES
None
ADDITIONAL RESOURCES • “Maintainable JavaScript” by Nicholas Zakas • http://www.slideshare.net/nzakas/maintainable-javascript-2012
• “Code Conventions for JS” by Douglass Crockford • http://javascript.crockford.com/code.html • “JavaScript Performance Tips & Tricks” by Grgur Grisogono • http://moduscreate.com/javascript-performance-tips-tricks/
THANKS! Arthur Kay | @arthurakay
SPEAKERDECK.COM/U/ARTHURAKAY Share this presentation: