Tips

Web Development

11 of Our Favorite JavaScript Developer Tools

May 12, 2016

From JavaScript debugging tools to our favorite JS libraries, here are some of the resources that enable us to write better, cleaner code. Eight of Fresh’s devs weigh in on their choices for JavaScript developer tools.

1. ESLint helps everyone to write clean JavaScript code!

Steve, CTO
ESLint source code from Github

 

2. Client/Server data synchronization library for Node.js I created that handles all communication between server and client, suitable for real-time applications and games.

Sirius, Front-End Developer

JavaScript data synchronization library on github by Sirius Strebe

3. postcss/autoprefixer for parsing CSS and adding vendor prefixes to rules.

Chris G, Full-Stack Developer

autoprefixer for parsing CSS

 

4. JSFiddle is like a scratch pad for easily testing your JavaScript ideas or theories.

Ryan, Full-Stack Developer

 

5. Plunker–great for prototyping testing ideas.

John, .NET Developer

Plunk for prototyping

6. Chrome’s dev tools for easily debugging JavaScript errors and identifying performance bottlenecks. 

Steve, CTO; and Elisha, Front-End Developer

Chrome dev tools

7. co uses generators to treat promises as synchronous actions in Node.js.

Chris G, Full-Stack Developer

tj co JS tool

 

8. jsperf for comparing processing performances between different coding approaches.

Elisha, Front-End Developer

JS Perf one time set up

 

9. Babel, a compiler for writing next generation JavaScript.

Chris G, Front-End Developer

Babel JavasScript compiler

 

10. Codewars challenges you to up your skills for writing better JS.

Jesse, Front-End Developer

Codewars

 

11. Codepen to test out HTML, CSS, and JavaScript code with a beautiful interface, and its recently added feature lets you debug without needing an additional window open.

Ray, Full-Stack Developer

Codepen for testing out code

Anna McCallon

Sales & Marketing Coordinator

Anna's tech tastes lean towards CRMs, Google products, and Android. She's also a big fan of DIY, books, and watching full seasons on Netflix.

You might also like...

6

Oct.

How to Plan for a Website Redesign

A little pre-planning can go a long way to accomplishing your short-term results and long-term goals for your website. Let’s dive into some core steps you can take to outline the project and codify your goals before jumping into design and development. #1: Define Your Audience The more information you have about your target users, … Continued

...continue reading

5

Aug.

Everything as Code

Writing code isn’t the only skill you need to deliver software, but it might be the most important skill for everyone involved. Every role involved in delivering and operating modern systems is beginning to use tools to automate their jobs. Instead of having a deployment checklist, you can define each step in code and have … Continued

...continue reading

25

May.

Using Containers to Automate Your Development Environment

Beginning to work on an existing codebase can be daunting, but it can be even more time-consuming if the team hasn’t taken time to automate the creation of their development environment. When you start working on an existing project, you’ll likely follow similar steps to the ones below to run the code on your machine: … Continued

...continue reading