60 Effective JavaScript Tools A correct and qualified set of development tools will save you from many tedious and time consuming tasks. And why make your work more difficult, when there are tools to achieve your goals so much easier and less painful? Below you find some JavaScript tools that will make your work faster and more effective – something your customers will appreciate. Many of the tools in this list require a Firefox browser. In this article Cashrevelations.com presents 60 effective and useful JavaScript Tools to help you with your development process and save you a lot of time. This article is an update from our earlier article 40 JavaScript Tools, with some additions. AJAX And JavaScript Authoring Tools 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. Top JavaScript Toolkits 12. 13. 14. 15. JavaScript Debugging And Testing Tools Browser Based Debugging Tools 16. 17. 18. 19. 20. 21. 22. 23. Online Debugging Tools 24. 25. 26. 27. JavaScript Testing 28. 29. 30. 31. 32. 33. 34. Documentation And Code Optimization 35. 36. 37.
Programming JavaScript Applications by Eric Elliott Take advantage of JavaScript’s power to build robust web-scale or enterprise applications that are easy to extend and maintain. By applying the design patterns outlined in this practical book, experienced JavaScript developers will learn how to write flexible and resilient code that’s easier—yes, easier—to work with as your code base grows. $27.99 Read Online for FreeBrought to you by OSCON Conference Buy it on oreilly.com JavaScript may be the most essential web programming language, but in the real world, JavaScript applications often break when you make changes. Ten Javascript Tools Everyone Should Have Filed: Sun, Mar 04 2007 under Programming|| Tags: toolbox javascript popular list Javascript frameworks have exploded on the scene over the last few years but they're no replacement for a good toolbox: those little snippets of code you seem to include in every single project. Here's my list of 10 essential Javascript tools everyone should have at their fingertips! #0 - Trim. Trim is one of the things that leave you scratching your head wondering why it was never included in the language to begin with. String.prototype.trim = function() { return this.replace(/^\s+|\s+$/g,""); } String.prototype.ltrim = function() { return this.replace(/^\s+/g,""); } String.prototype.rtrim = function() { return this.replace(/\s+$/g,""); } Usage… var test = " Test "; var test1 = test.ltrim(); // returns "Test " var test2 = test.rtrim(); // returns " Test" var test3 = test.trim(); // returns "Test" #1 - Numeric Sort. Javascript's Array object has a sort() method, and a pretty quick and fast one at that.
Learning JavaScript Design Patterns Design patterns are reusable solutions to commonly occurring problems in software design. They are both exciting and a fascinating topic to explore in any programming language. One reason for this is that they help us build upon the combined experience of many developers that came before us and ensure we structure our code in an optimized way, meeting the needs of problems we're attempting to solve. Design patterns also provide us a common vocabulary to describe solutions. In this book we will explore applying both classical and modern design patterns to the JavaScript programming language. Target Audience This book is targeted at professional developers wishing to improve their knowledge of design patterns and how they can be applied to the JavaScript programming language. Some of the concepts covered (closures, prototypal inheritance) will assume a level of basic prior knowledge and understanding. Acknowledgments Credits Reading Patterns are not an exact solution. Creational Design Patterns
10 super useful tools for JavaScript developers MicroJS Need a piece of code quickly? MicroJS is a brand new site which aim to provide JavaScript code snippet for most common tasks: Ajax, Json, DOM, Object-Oriented JavaScript, and more. Diva.js Diva is a Javascript frontend for viewing documents, designed to work with digital libraries to present multi-page documents as a single, continuous item. Bookmarklet Generator As you can guess, this tool is a bookmarklet generator: Simply paste your regular JavaScript code, press the button and you’ll get a bookmarklet – ready to be installed on your browser bar.Visit jQAPI Like any other jQuery developers, I spend a large amount of time digging in the documentation. jQAPI is a website which provides the jQuery documentation in a more user-friendly way, so it is now my reference site when I need any jQuery help.Visit heatmap.js Respond.js Remember my article about adaptable layouts with CSS3 media queries? Modernizr YepNope
Microjs: Fantastic Micro-Frameworks and Micro-Libraries for Fun and Profit! 35 Fresh JavaScript/jQuery Tools and Resources Mar 24 2010 It’s time for more JavaScript and jQuery goodies here on Noupe. Today we are featuring fresh JavaScript Development Frameworks, code optimization and minimization tools, reference tables, compatibility issues, common coding errors, image manipulation techniques and graph solutions. JavaScript Development Frameworks php.js php.js is an open source project that brings high-level PHP functions to low-level JavaScript platforms such as webbrowsers, AIR, V8 and rhino. jai – javascript audio interface J.A.I. or “Javascript Audio Interface” is the world’s first javascript interface for web <audio>. jQuery.sheet – Visual Interop Development jQuery.sheet gives you all sorts of possibilities when it comes to giving your web application a spreadsheet style interface with MS Excel style calculations. JavaScript Frameworks Playground: jsFiddle jsFiddle is a shell editor that eases writing JavaScript code by creating a custom environment based on popular JS frameworks. Image Manipulation
Javascript Tutorial / WebDeveloper.com ® Javascript Tutorial by Heidi Brumbaugh I'll take you from a high-level overview of JavaScript language concepts through several useful scripts you can modify for use in your own pages. This tutorial introduces JavaScript, a language you can use to embed commands in an HTML document. What HTML Isn't HyperText Markup Language (HTML) thrives in a static environment. This process, accomplished via a protocol called CGI (Common Gateway Interface), gets the job done...but if your user isn't connected via an Ethernet or ISDN line, it has obvious disadvantages. What JavaScript Is JavaScript shares the fundamental feature of all programming languages: it can get data from some source, process that data, and output the results. The types of things you can use JavaScript for include: controlling a page; opening and closing windows and frames; programmatically accessing the history window (which allows the developer to refer to previously viewed documents) and other browser features. The Object Model
30+ Javascript/Ajax Techniques for Sliders, Scrollers and Scrollbars May 07 2008 Every once in a while we like to focus on different design elements and how to use javascript and ajax to make them more interactive and more flexible to the user. In this article we’d like to present a list of over 30 hand-picked Sliders, Scrollers and scrollbar techniques you can use to achieve some special visual effects in your designs. jQuery, Mootools, Prototype and script.aculo.us are used in these examples, so every taste has its demos served. You might be interested to check some of the designs that was mentioned in the posts below: Slider 1) Slider- Horizontal or Vertical bar and slider. 2) Simple images slider to create Flickr-like slideshows- This step-by-step tutorial explains how to customize slideshow and use it in your web projects. Download Tutorialfrom Here 3) Accessible slider- Illustrations and code samples showing how to make a slider UI control accessible to those who aren’t running JavaScript or CSS. Live Demo 8 ) Yahoo! Live Demo Live Demo Live Demo Live Demo