# Most Essentials Tools For Programs \[Must Knows\]

**URL:** <https://onehack.st/t/most-essentials-tools-for-programs-must-knows/88683>\
**Category:** Tools & Scripts\
**Tags:** tools, programming\
**Created:** [May 28, 2020, 4:22am UTC](https://onehack.st/t/most-essentials-tools-for-programs-must-knows/88683 "2020-05-28T04:22:16Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![jittu\_sharma](https://onehack.st/letter_avatar_proxy/v4/letter/j/e274bd/32.png) [@jittu\_sharma](https://onehack.st/u/jittu_sharma)\
**Post date:** [May 28, 2020, 4:22am UTC](https://onehack.st/t/most-essentials-tools-for-programs-must-knows/88683/1 "2020-05-28T04:22:17Z")

</div>

## The Web Developer’s Toolkit

1. [devdocs.io](https://devdocs.io/) — API documentation for all popular programming languages and frameworks. Includes instant search and works offline too.

2. [glitch.com](https://glitch.com/) — create your own web apps in the browser, import GitHub repos, use any NPM package or build on any popular frameworks and directly deploy to Firebase.

3. [bundlephobia.com](https://bundlephobia.com/) — quickly find the import cost (download size) of any package in the NPM registry. Or upload your package.json file to scan all dependencies in your project.

4. [babeljs.io/repl](https://babeljs.io/repl/) — Write your code in modern JavaScript and let Babel transform your code into JavaScript that is compatible with even older browsers.

5. [codeply.com](https://www.codeply.com/) — quickly build frontend responsive layouts with frameworks like Bootstrap, Materialize CSS and SemanticUI.

6. [httpie.org](https://httpie.org/) — a command-line tool that is useful for making HTTP requests to web servers and RESTful APIs. Almost as powerful as CURL and [Wget](https://www.labnol.org/software/wget-command-examples/28750/) but simpler.

7. [regexr.com](https://regexr.com/) — A good tool for testing your [regular expressions](https://www.labnol.org/internet/learn-regular-expressions/28841/) in the browser.

8. [jex.im/regulex](https://jex.im/regulex) — Write any regular expression into the editor and get a visual representation of how the pieces work.

9. [buildregex.com](http://buildregex.com/) — Construct regular expressions visually.

Also see: [The Most Useful Websites on the Internet](https://www.labnol.org/internet/101-useful-websites/18078/)

1. [explainshell.com](https://explainshell.com/) — Type any Unix command and get a visual explanation of each flag and argument in the command.

2. [tldr.ostera.io](https://tldr.ostera.io/) — Unix man pages are long and complex. This site offers practical examples for all popular Unix command without you having to dive into the man pages.

3. [mockaroo.com](https://www.mockaroo.com/) — quickly generate dummy test data in the browser in CSV, JSON, SQL and other export formats.

4. [jsdelivr.com](https://www.jsdelivr.com/) — Serve any GitHub file or WordPress plugin through a CDN. Combine multiple files in a single URL, add “.min” to any JS/CSS file to get a minified version automatically. Also see [unpkg.com](https://unpkg.com/).

5. [carbon.now.sh](https://carbon.now.sh/) — create beautiful [screenshots](https://screenshot.guru/) of your source code. Offers syntax highlighting for all popular languages.

6. [wakatime.com](https://wakatime.com/) — know exactly how long you spend coding with detailed metrics per file and even language. Integrates with VS Code, Sublime text, and all popular code editors.

7. [astexplorer.net](https://astexplorer.net/) — paste your JavaScript code into the editor and generate the Abstract Syntax Tree that will help you understand how the JavaScript parser works.

8. [hyper.is](https://hyper.is/) — A better alternative to the command line terminal and also iTerm. Use with the [Oh My Zsh](https://ohmyz.sh/) shell and add superpowers to your terminal.

9. [curlbuilder.com](https://curlbuilder.com/) — make your own CURL requests in the browser.

10. [htaccess.madewithlove.be](https://htaccess.madewithlove.be/) — easily test the redirect and rewrite rules in the .htaccess file of your Apache server. See useful [.htaccess snippets](https://github.com/phanan/htaccess/blob/master/README.md).

Also see: [The Best Places to Download HTML Templates](https://www.labnol.org/internet/html-website-templates/32059/)

1. [trackjs.com](https://trackjs.com/) — monitor errors in your JavaScript based web projects and get instant email notifications when a new error is detected.

2. [ngrok.com](https://ngrok.com/) — Start a local web server, fire up ngrok, point to the port where the localhost is running and get a public URL of your tunnel.

3. [codeshare.io](https://codeshare.io/) — An online code editor for pair programming, live interviews with video conferences or for [teaching code](https://www.labnol.org/internet/learn-coding-online/28537/) to students remotely.

4. [webhooks.site](https://webhook.site/) — Easily inspect the payloads and debug HTTP webhooks in the browser. All HTTP requests are logged in real-time. Another good alternative is [RequestBin](https://requestbin.fullcontact.com/).

5. [surge.sh](https://surge.sh/) — the easiest way to deploy web pages and other static content from the command line. Supports custom domains and SSL. Also see [Zeit Now](https://zeit.co/now).

6. [visbug](https://chrome.google.com/webstore/detail/visbug/cdockenadnadldjbbgcallicgledbeoc) — A must-have add-on for web developers that brings useful web design tools right in your browser. Available for Google Chrome and Firefox.

7. [puppeteersandbox.com](https://puppeteersandbox.com/) — Puppeteer is a Node.js framework for automating Google Chrome. Use the sandbox to quickly test your scripts in the browser. Also see [try-puppeteer.com](https://try-puppeteer.appspot.com/).

8. [prettier.io/playground](https://prettier.io/playground/) — Beautify your JavaScript and TypeScript code using Prettier, the favorite code formatter of programmers.

9. [json.parser.online.fr](http://json.parser.online.fr/beta/) — The only JSON parser you’ll ever need to analyze and beautify your complex JSON strings.

10. [scrimba.com](https://scrimba.com/) — Create your own programming screencasts in the browser or watch other developers code.code.

11. [katacoda.com](https://www.katacoda.com/) — A training platform for software developers where anyone can create their own dedicated and interactive training environments.

12. [codesandbox.io](https://codesandbox.io/) — A full-featured online IDE where you can create web applications in all popular languages including vanilla JavaScript, React, TypeScript, Vue and Angular. Also see [StackBlitz.com](https://stackblitz.com/) and [Repl.it](https://repl.it/).

13. [apify.com](https://www.apify.com/) — Write your own web scrapers using JavaScript and schedule your scrapers to run at specific intervals automatically.

14. [vim-adventures.com](https://vim-adventures.com/) — The [Vim text editor](https://www.labnol.org/internet/learning-vim-for-beginners/28820/) is hugely popular among programmers. The site will help you master the various key commands through a game.

15. [insomnia.rest](https://insomnia.rest/) — A desktop based REST client that lets you create HTTP requests and view response details all in a easy-to-use interface. Advanced users may consider [Postman](https://www.getpostman.com/).

---

<div class="post-metadata">

**Author:** ![Wajdi\_Sfar](https://onehack.st/user_avatar/onehack.st/wajdi_sfar/32/42837_2.png) [@Wajdi\_Sfar](https://onehack.st/u/Wajdi_Sfar)\
**Post date:** [May 28, 2020, 4:52am UTC](https://onehack.st/t/most-essentials-tools-for-programs-must-knows/88683/2 "2020-05-28T04:52:52Z")

</div>

I like it, but the only thing is that probably 40% of the links are paid

---

<div class="post-metadata">

**Author:** ![asikrasool](https://onehack.st/user_avatar/onehack.st/asikrasool/32/24445_2.png) [@asikrasool](https://onehack.st/u/asikrasool)\
**Post date:** [May 28, 2020, 5:57am UTC](https://onehack.st/t/most-essentials-tools-for-programs-must-knows/88683/3 "2020-05-28T05:57:08Z")

</div>

Yaml Lint also nice to add in the list.  
[YAML Lint](http://www.yamllint.com/)

---

<div class="post-metadata">

**Author:** ![MikeBlueberry](https://onehack.st/user_avatar/onehack.st/mikeblueberry/32/34516_2.png) [@MikeBlueberry](https://onehack.st/u/MikeBlueberry)\
**Post date:** [May 28, 2020, 2:48pm UTC](https://onehack.st/t/most-essentials-tools-for-programs-must-knows/88683/4 "2020-05-28T14:48:55Z")

</div>

Thanks for this. Bookmarked and thumb’ed up.
