45 essential JavaScript Web development tools

JavaScript is a flexible scripting language that is widely used throughout the world in Web pages and server applications. You can use it for any purpose, but you need some tools. Fortunately, in order to accomplish a unique task, the count-free JavaScript tool has been released by the developer.

Here are 45 tools for JavaScript, all of which will help you create all the features your modern site and users expect. They all offer a streamlined design and a simple interface ....

AngularJS

Google created Angularjs to provide a stable, lightweight framework for rendering information in the browser. It collects data from the server and then compiles the template locally. In other words, Angularjs constructs HTML, JavaScript, and CSS that run in the browser in the form of an MVC framework.

Odyssey.js

Odyssey is a tool that combines stories and maps and binds interactive text. The picture is displayed as a sandbox to build a story that interacts with the map.

PlayCanvas

Playcanvas is a game engine built around WebGL. It combines physics, lighting, shading, audio, and many other effects into more consistent tools to create a world filled with objects. The image shows an on-line development tool for the framework.

Gantt

Gantt is a jquery-built JavaScript component for creating icons, task trees, and correlations for outputting result data in JSON format. It provides editing, zooming, data shortcuts, CSS skins, and more.

Handy.js

Handy is a Nodejs Web application template. Handy provides all the basic functionality of a web app, so you can focus on developing the features that make your app truly unique.

Regexr

REGEXR is a tool for online editing and testing of regular expressions. It provides a simple regular expression input interface and enables real-time visualization of matching editable source text. It also provides a handy regexp sidebar for describing case usage.

Timelinejs

Timelinejs is an open source tool that allows anyone to build a beautifully crafted timeline. Beginners can create a timeline without having to use anything.

Responsive Nav

Responsive NAV is a small JavaScript plugin that can help you create continuous navigation for small screens. It leverages touch events and CSS3 transitions to deliver the best performance.

Sinon.js

Sinon.js is a separate test application, without dependencies, applicable to any unit test framework.

Mocha

Mocha is a versatile JavaScript testing framework running on NODEJS and browsers, making asynchronous testing simple and interesting.

JS Bin

JS Bin is a code snippet specifically designed to help JavaScript and CSS folk test, in some contexts, collaboration and debugging the application of code. Jsbin allows editing and testing of JavaScript and HTML.

Jslitmus

Jslitmus, a lightweight framework for creating special JavaScript benchmarks.

Bookmarkify

Bookmarkify makes it very easy to create a bookmark tool, simply by naming the bookmark and then typing in the JavaScript and including it.

Kreate.js

Kreate.js can assist jquery to quickly generate DOM elements in the form of jquery objects. You can "Kreate" a single element or "kreate" multiple elements until the browser crashes. But in most cases, Kreate creates a single element or multiple elements that are faster than jquery.

YUI Compressor

YUI Compressor is a command-line tool created in Java to compress JavaScript files. YUI Compressor is 100% safe and has a higher compression ratio than other tools. It can also compress CSS files.

Google Closure Compiler

Google Closure compiler can make JavaScript download and run faster. It is a really compiled for JavaScript. Google Closure compiler does not compile the source language into machine code, but rather compiles from JavaScript to better JavaScript.

Jsmin

Jsmin removes comments and unnecessary whitespace from JavaScript files. It will reduce the size of the file by half, resulting in faster download times. It also encourages a more expressive programming style, because it eliminates the cost of downloading in thin code, self-documenting.

Packer

Packer is a popular JavaScript compression tool created by Deanedwards, which can automatically create a compressed version. Just paste the code and click on the ' Pack ' button. It can also use JavaScript runtime slices for ultra-conventional compression and dynamic compression.

Meteor

The METEORWEBAPP framework provides a solid foundation for modern software development. Some are very practical, such as embracing the open source community and facilitating the contribution of plugins. Meteor did it.

Epoch

Epoch is a real-time chart library for creating beautiful, smooth, and high-performance visualizations.
Web Starter Kit

Web Starter Kit is a project dedicated to helping developers support multiple devices. This means keeping the screen in sync by synchronizing clicks, reloading as necessary, and keeping everything as thin as possible.

Reveal.js

Reveal.js is a HTML5-based, flexible component that is used in place of PPT. Click the button, then the complex animation will rely on fragmentation information and flip, just like ppt. But it's really expressive in terms of how you use it in your network strategy.

RxJS

RXJS is a stream of events generated for adding smooth, reactive, and asynchronous responses to the mouse and keyboard. The image display code binds a search for Wikipedia events.

Nodebb

The bulletin board metaphor based on node evolution is timely and customizable, and provides real-time streaming conversations. The development of Nodebb has added more modern themes and supports small screen phones and tablets.

Gulp.js

Gulp.js is a flow-building system. It uses flow and code configuration to create simpler and more intuitive builds. Prefer to choose a code configuration that makes simple things easier and makes complex tasks manageable.

Contour

Contour is a visual library of Forio that provides a core set of common visualization capabilities. Built on top of the popular D3 engine, outlines make it easy to create intuitive abstractions such as data visualization and based on commonly used charts.

Nightwatch.js

For browser-based apps and websites, Nightwatch.js can use node. js to build end-to-end test solutions. It uses the powerful selenium Webdriver API to execute commands and assertions on DOM elements.

Easystar.js

Easystar.js is an asynchronous * Pathfinding API written in JavaScript that can be applied to HTML5 games and interactive projects. The goal of this project is to make it easy and fast to realize the path of performance awareness.

Headroom.js

Headroom.js is a lightweight, high-performance JavaScript widget that allows you to react to users ' scrolling. The head of this site is an instance, and when scrolling down, the head slides out of the window and slides up into the window as it scrolls up.

Fileapi

Fileapi is a set of component libraries that handle all file-related work. It offers many features, file uploads (single/multiple), drag-and-drop support, image cropping, resizing, applying filters and getting file information, and more.

Unminify

Unminify is a useful tool for formatting JavaScript, CSS, and HTML code, and makes your code readable and beautiful.

Harpjs

Harpjs is a static server that provides services for Jade, Markdown, EJS, less, Stylus, Sass, Coffeescript ashtml, CSS and JavaScript without any configuration. It supports a love-style layout/partial mode, and the flexibility to traverse file system metadata, global objects, and inject custom data templates.

Jshint

Jshint is a community-driven tool that detects grammatical errors and potential problems in JavaScript and executes coding practices for your team.

Gruntjs

Gruntjs is a task-based command-line JavaScript Project building tool. The following predefined tasks can be used directly in your project: Connect files, validate files with Jshint, compress files with UGLIFYJS, and run unit tests with node units.

Zeptobuilder

Zeptobuilder is an online version of Zepto, you can get your custom build by selecting the files you want to include from the list.

Gif.js

Gif.js is a JavaScript GIF encoder that can run in your browser.

Favico.js

Favico.js allows you to add animated badges, images, and even videos to your icons, or create an icon from images, videos, or even live images from the visitor's webcam.

Chart.js

Chart.js generates simple, clean, and HTML5-based JavaScript diagrams. It's a simple way to freely include animations and interactive graphics on your website.

Adminjs

Adminjs is a standalone application that contains ember.js, and its two main files are adminjs.js and adminjs.css. Both need to be included in the page together with Ember.js and EPF.

Sir Trevor

[]sir Trevor] (http://madebymany.github.io/sir-trevor-js/) is a tool that will completely redraw the content of a Web page: Visually edit the content of the Web page without assuming anything about how it was redrawn.

Instano.js

After the page is loaded, Instano.js allows you to detect JavaScript availability in a timely manner. It modifies the standard markup so that whenever JavaScript is disabled, the messages inside can be displayed.

Resumable.js

Resumable.js is a JavaScript library that provides a stable and recoverable multi-file upload function through the HTML5 API.

English Original: 40+ essential JavaScript Tools for the Web

Source: http://www.ido321.com/1543.html

45 essential JavaScript Web development tools