Pro Javascript RIA Techniques Best Practices Performance And Presentation

Prelims\r......Page 1
Contents at a Glance......Page 7
Contents......Page 9
About the Author......Page 17
About the Technical Reviewer......Page 19
Acknowledgments......Page 21
Introduction......Page 23
Best Practice Overview......Page 27
Web Developers......Page 28
General Best Practices......Page 29
Know the Basic Rules......Page 30
Follow Mature, Open, and WellSupported Web Standards......Page 31
Deal with CrossBrowser Issues......Page 32
Assume Support for HTML Only......Page 33
Name and Group Folders and Files Consistently......Page 36
Don’t Use Technology for Its Own Sake......Page 37
Learn the HTML Tags......Page 38
DTD Selection......Page 40
How Do You Put the X in XHTML?......Page 41
Element Prohibitions......Page 42
Cut Down on Comments......Page 43
Use Conditional Comments for IE......Page 44
Specify the Content Type......Page 45
Separate Presentation, Content, and Behavior......Page 46
Help CSS and JavaScript Target Individual Pages......Page 47
Order Your Content Correctly......Page 48
Use Tables Properly......Page 49
Improve Your Forms......Page 50
Avoid Using Frames......Page 51
Don’t Be Fooled by Tab Indexes......Page 52
Add Extra Semantics Where You Can......Page 53
Regarding PixelPerfect Reproduction of Designs......Page 54
Separate Common Style Rules......Page 55
Understand Cascade and Specificity......Page 56
Think About the Printer......Page 58
Format Your Style Rules......Page 59
Reset the Browser’s Default Styles......Page 60
Master Shorthand Style Rules......Page 62
Hide Content from CSSCapable Browsers......Page 63
Use Relative Font Sizes......Page 64
Comment Blocks......Page 65
Browser WorkArounds......Page 66
Readable URLs......Page 67
Organizing Assets......Page 68
Image Guidelines......Page 69
Writing Your Files: Integrated Development Environments......Page 70
Testing Your Pages: Browsers and Development Tools......Page 71
Summary......Page 73
Use Consistent Formatting......Page 75
Use Braces and Brackets......Page 76
Use Descriptive Variable and Function Names......Page 77
Maintain Short Function Blocks......Page 78
Use Comments As Documentation with ScriptDoc......Page 80
Avoid Solving Nonexistent Problems......Page 81
Use the Document Object Model......Page 82
Manipulate elements and their Contents......Page 83
Separate Style from Code......Page 84
handle Fatal exception errors Gracefully......Page 85
Define Custom exceptions......Page 86
Code with Localization in Mind......Page 87
What Is a Class?......Page 88
Constructors......Page 89
Methods......Page 90
Singletons......Page 91
Inheritance: Creating New Classes from Existing Ones......Page 92
polymorphism: redefining Inherited properties and Methods......Page 93
The this Keyword......Page 95
Access to Properties and Methods......Page 97
Object Literals and JavaScript Object Notation......Page 99
Using Object Literals as Inputs to Functions......Page 100
Libraries and Frameworks......Page 101
Selecting a Library......Page 102
Detecting When the DOM Is available......Page 103
handling events in the Browser......Page 104
Loading Content on Demand with ajax......Page 109
Using Utility Functions......Page 113
handling CSS and Styles......Page 116
Locating elements Within the page......Page 119
Completing the Library......Page 120
Structuring the Application......Page 121
Managing Two Sets of HTML......Page 124
the Model-ViewController pattern......Page 125
the Observer pattern......Page 128
Testing and TestDriven Development......Page 131
Using ThirdParty Scripts......Page 134
Summary......Page 135
The Rendering and JavaScript Engines......Page 139
JavaScript Engine Performance Benchmarking......Page 140
HTTP: The Communication Standard Behind the Web......Page 143
An hTTP Request Message......Page 144
An hTTP Response Message......Page 147
300+ (Redirection)......Page 149
400+ (Client error)......Page 150
IP Addresses: Phone Numbers of the Internet......Page 151
Packets: Chunks of Data......Page 152
Routes and Routers: The Switchboard of the Internet......Page 153
Loading Order of an HTML Page......Page 154
Viewing the Performance of a Page......Page 155
engine horsepower......Page 156
Unnecessary Content......Page 157
Summary......Page 158
Is Performance Really an Issue?......Page 159
Use a Content Delivery Network......Page 161
Send HTML to the Browser in Chunks......Page 162
Flushing the Buffer with JSp......Page 163
Customize HTTP Headers to Force Browser Caching......Page 164
Compress the Output from the Server......Page 165
Tweaking HTML for Performance......Page 166
Reference JavaScript Files at the End of Your HTML......Page 167
Reduce the Number of HTTP Requests......Page 168
Combine Files......Page 169
Reduce Domain Name Lookups......Page 170
Split Components Across Domains......Page 171
Reduce the Number of HTML Elements......Page 172
Reduce the Size of HTTP Cookies......Page 173
Speed Up Table Layouts......Page 174
Use Shorthand Values......Page 175
Margins and padding......Page 176
Borders......Page 177
Fonts......Page 178
Use the CSS Sprite Technique......Page 179
Tweaking Your Images for Performance......Page 183
GIF Format......Page 184
pNG Format......Page 185
Optimize PNG Images......Page 186
Shrink Your JavaScript File Using Dojo ShrinkSafe......Page 187
Timing Is Everything......Page 188
Use a Memoizer......Page 190
Use efficient String Concatenation......Page 191
Loop Faster and More efficiently......Page 192
Coming Soon: Background Web Worker processes......Page 193
Use JSONp with the