Download as PDF, PPTX
Uploaded byDen Odell
Seven Steps To Better JavaScript
The document outlines seven essential steps for improving JavaScript coding practices, aimed at web developers looking to create professional and dynamic rich internet applications (RIAs). These steps include coding defensively, documenting code, analyzing and testing, measuring compliance and complexity, automating tasks, and capturing runtime errors. By following these guidelines, developers can build maintainable, high-performance RIA user interfaces while adhering to best practices and accessibility standards.
More Related Content
Similar to Seven Steps To Better JavaScript
![Support, Monitoring, Continuous Improvement & Scaling Agentic Automation [3/3]](https://cdn.slidesharecdn.com/ss_thumbnails/agenticcommunityseries-day3-cfd-251120170304-ddef8112-thumbnail.jpg?width=640&height=640&fit=bounds)
Seven Steps To Better JavaScript
- 1. Seven Steps ToBetter JavaScript DEN ODELL AKQA #TECHINSIGHT TECHINSIGHT.IO
- 2. @DENODELL BOOKS FORPROFESSIONALS BY PROFESSIONALS® Pro JavaScript RIA Techniques: Best Practices, Performance, and Presentation Dear Reader, Many people are familiar with rich Internet applications (RIAs), those web sites that blur the line between desktop software and the web browser. Applications like webmail clients, photo editors, and social networking sites cross this boundary. They feature intuitive, user-friendly interfaces, without the need for page refreshes or other interruptions to the end user’s experience. It is widely regarded that this type of web site will continue to grow in popularity. I wrote this book to help web developers with some existing JavaScript skills suc-cessfully create their own professional, visually rich, dynamic, and performance-tuned RIAs. And following the guidelines in this book, you’ll be safe in the knowledge that your code is built according to best practices, adhering to web standards and accessibility guidelines. In this book, I will show you how best to build a solid, maintainable foundation of HTML, CSS, and JavaScript code for your RIAs, together with the Ajax techniques needed to provide the dynamic communication between the browser and web server behind the scenes. I will describe the performance limitations you may run into when building your web applications and how best to overcome these. And I’ll give you some tips for making your user interfaces feel more responsive, even when you can’t get around the performance limitations. You also will learn how to improve your RIA user interfaces by adding typo-graphical headings using custom fonts, multimedia playback components, customized form controls, and dynamic charting capabilities. Additionally, I will demonstrate how to continue running your web applications when the connection to the server is broken, how to use Ajax to read hidden data stored within binary files, and how to ensure the highest level of accessibility within your JavaScript web applications. Den Odell Companion eBook See last page for details on $10 eBook version SOURCE CODE ONLINE US $44.99 Shelve in Web Development User level: Intermediate–Advanced Pro JavaScript RIA Techniques Odell THE EXPERT’S VOICE® IN WEB DEVELOPMENT Pro JavaScript RIA Techniques Best Practices, Performance, and Presentation this print for content only—size & color not accurate spine = 0.844" 440 page count CYAN MAGENTA YELLOW BLACK PANTONE 123 C Den Odell Companion eBook Available www.apress.com Turn your JavaScript knowledge into beautiful, dynamic, and performance-tuned rich Internet applications ISBN 978-1-4302-1934-7 9 781430 219347 54499 RELATED TITLES DEN ODELL HEAD OF WEB DEVELOPMENT, AKQA
- 3.
- 4.
- 5. 2004 Basic pagemanipulation Form validation Code to work around cross-browser differences
- 6.
- 7. 2014 Single PageWeb Apps Full Screen API MVC/MVVM Frameworks Device Orientation, Direction and Motion Events Web Audio History API HTML5 Media APIs Modernizr Advanced User Interface Components Managing Offline Application Cache GeoLocation Canvas API Match Media API Web Workers Replacing Flash Responsive Foreground Images Parallax And Other Effects jQuery / Zepto AngularJS Grunt / Gulp Parallax And Other Effects Node.js Mobile App Development Touch Events Cross-domain Ajax Local Storage APIs Working around browser vendor prefixes WebRTC postMessage API Social Media Integration Drag & Drop API CSS Animation & Transition Events Web Sockets API RequireJS Polyfills
- 8.
- 9.
- 10.
- 11.
- 12.
- 13.
- 14.
- 15.
- 16.
- 17. SEVEN STEPS TOBETTER JAVASCRIPT
- 18.
- 19.
- 20.
- 22. Use Well-Tested Libraries And Frameworks
- 23. Module Design Pattern- Sandbox
- 25. Separate Business LogicAnd Data From Layout Code
- 26. Improve Your UIWith Web Sockets
- 27. Replace Nested CallbacksWith JavaScript Promises
- 29.
- 30.
- 31.
- 32. Use Structured BlockComments e.g. YUIDoc, JSDoc
- 34. Use Markdown FormatFor Rich, Long Form Comments And Code Samples http://bit.ly/markdown_format
- 36. Use A DocumentationSite Generator
- 37.
- 38.
- 39. Perform Static CodeAnalysis Regularly
- 40.
- 41.
- 42.
- 43.
- 44.
- 45. Write Unit TestsFor Functions Don’t Forget Edge Cases
- 47. Logic DOM UnitTest Integration Test
- 48.
- 49. Run Unit TestsIn Multiple Browsers Using BrowserStack, Sauce Labs, Or BrowserSwarm
- 50.
- 51.
- 52.
- 53. Don’t Forget IntegrationTesting e.g. Selenium
- 54.
- 55.
- 56.
- 57. Run Code CoverageTools On Unit Tests e.g. Istanbul
- 58.
- 59.
- 60.
- 61. Measure Code ComplexityWith Plato
- 62.
- 63. Compliance, Coverage, Complexity: Measure And Improve
- 65.
- 66. Use A TaskRunner Auto-Generate Documentation, Analyse, Test And Measure Your Code
- 67.
- 70.
- 71. Capture And LogRuntime Errors
- 72.
- 73. Ensure Same BugNever Arises
- 75.
- 76. CODE DOCUMENT ANALYSE TEST MEASURE AUTOMATE CATCH
- 77. SEVEN STEPS TOBETTER JAVASCRIPT