a blog for those who code

Friday 18 December 2015

Online Javascript Editors for Developers

In this post we will be discussing about few online JavaScript editors for developers. They are great tools which help you to edit your code directly from the browser. One more benefit of editing directly on the browser is that you can see a live preview of what you are doing in real time. It will help you to speed up your coding process if you want to check only part of JavaScript code.
1. CodePen

At CodePen.io, they describe themselves as a "playground for the front-end side of the web". Its great for testing out bugs and collaborating. It allows you to create pens which are sets of HTML, CSS and JavaScript. Utilizing CodePen can help you learn faster and become part of a large community. It offers advanced functionality such as sharing and embedding. We use CodePen extensively, check out here.


2. JSFiddle

According to JsFiddle, it is a playground for front-end web developers which provides an online editor for snippets built from HTML, CSS and JavaScript which are called fiddles. Fiddles can then be shared with others, embedded into blog posts, linked from StackOverflow questions, forum posts etc. Using this approach, jsFiddle can help JavaScript and CSS developers isolate and get fixes for bugs and share code and best practices.


3. JSHint

According to JSHint, it is a community-driven tool to detect errors and potential problems in JavaScript code and to enforce your team's coding conventions. It is very flexible so you can easily adjust it to your particular coding guidelines and the environment you expect your code to execute in. It is a open source and will always stay this way.


4. JS Bin

JS Bin is a tool for experimenting with web languages. In particular HTML, CSS and JavaScript, but JS Bin also supports other languages too (like Markdown, Jade and Sass). It's a ultimately a code sharing site. Along with the code, the complete output of the code is also shared with other developers, colleagues and/or students.


5. JS Nice

JS Nice makes obfuscated JavaScript code readable. It will rename variables and parameters to names that is more meaningful. JS Nice uses advanced machine learning and program analysis techniques to learn name and type regularities from large amounts of available open source projects.


6. Liveweave

Liveweave is a HTML5, CSS3 and JavaScript editor with real-time (live) preview. It is the ultimate playground for web designers and developers and a great tool to test, practice and share your creations. It has resizable panels so that you can write your code the way to like to do.


Please Like and Share CodingDefined.com Blog, if you find it interesting and helpful.

No comments:

Post a Comment