Seven Steps To Better JavaScript
3 likes2,451 views
The volume of JavaScript used on the web is growing, yet a single, poorly written line of code has the potential to break an entire website, frustrating users and driving away potential customers. AKQA have been working over many years to find a set of steps to follow during development to ensure only the highest-quality code gets released. Join Den Odell, Head of Web Development at AKQA, as he presents the seven steps that will improve the quality of any JavaScript project, leaving code easier to manage and letting users browse without frustration.
More Related Content
What's hot (17)
Similar to Seven Steps To Better JavaScript (20)
Recently uploaded (20)
Seven Steps To Better JavaScript
- 1. Seven Steps To Better JavaScript DEN ODELL AKQA #TECHINSIGHT TECHINSIGHT.IO
- 2. @DENODELL BOOKS FOR PROFESSIONALS 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 users 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, youll 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 Ill give you some tips for making your user interfaces feel more responsive, even when you cant 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: IntermediateAdvanced Pro JavaScript RIA Techniques Odell THE EXPERTS VOICE速 IN WEB DEVELOPMENT Pro JavaScript RIA Techniques Best Practices, Performance, and Presentation this print for content onlysize & 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. JAVASCRIPT
- 4. 2004
- 5. 2004 Basic page manipulation Form validation Code to work around cross-browser differences
- 6. 2014
- 7. 2014 Single Page Web 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
- 9. ONE CHANCE
- 10. YouTube
- 11. YouTube
- 12. Google Maps
- 13. Google Maps
- 14. Instagram
- 15. Instagram
- 16. NO RISKS
- 17. SEVEN STEPS TO BETTER JAVASCRIPT
- 18. 1. CODE
- 19. Code Defensively
- 20. ECMAScript 5 Strict Mode
- 22. Use Well-Tested Libraries And Frameworks
- 23. Module Design Pattern - Sandbox
- 25. Separate Business Logic And Data From Layout Code
- 26. Improve Your UI With Web Sockets
- 27. Replace Nested Callbacks With JavaScript Promises
- 31. 2. DOCUMENT
- 32. Use Structured Block Comments e.g. YUIDoc, JSDoc
- 34. Use Markdown Format For Rich, Long Form Comments And Code Samples http://bit.ly/markdown_format
- 36. Use A Documentation Site Generator
- 38. 3. ANALYSE
- 39. Perform Static Code Analysis Regularly
- 42. Peer Code Review
- 44. 4. TEST
- 45. Write Unit Tests For Functions Dont Forget Edge Cases
- 47. Logic DOM Unit Test Integration Test
- 49. Run Unit Tests In Multiple Browsers Using BrowserStack, Sauce Labs, Or BrowserSwarm
- 53. Dont Forget Integration Testing e.g. Selenium
- 55. 5. MEASURE
- 56. Code Compliance
- 57. Run Code Coverage Tools On Unit Tests e.g. Istanbul
- 59. Maury Halstead
- 61. Measure Code Complexity With Plato
- 63. Compliance, Coverage, Complexity: Measure And Improve
- 65. 6. AUTOMATE
- 66. Use A Task Runner Auto-Generate Documentation, Analyse, Test And Measure Your Code
- 70. 7. CATCH
- 71. Capture And Log Runtime Errors
- 72. Fix The Issues
- 73. Ensure Same Bug Never Arises
- 75. NO RISKS
- 76. CODE DOCUMENT ANALYSE TEST MEASURE AUTOMATE CATCH
- 77. SEVEN STEPS TO BETTER JAVASCRIPT