programmers-toolkit.jpg

This can be a listing of important instruments and companies from my coding workflow that I feel needs to be a part of each internet programmer’s toolkit. Whether or not you a constructing a easy “Hi there World” app or a posh internet software, these instruments ought to make your coding simpler and improve productiveness.

The Net Developer’s Toolkit

1. devdocs.io — API documentation for all fashionable programming languages and frameworks. Contains immediate search and works offline too.

2. glitch.com — create your personal internet apps within the browser, import GitHub repos, use any NPM package deal or construct on any fashionable frameworks and straight deploy to Firebase.

three. bundlephobia.com — rapidly discover the import price (obtain dimension) of any package deal within the NPM registry. Or add your package deal.json file to scan all dependencies in your challenge.

four. babeljs.io/repl — Write your code in trendy JavaScript and let Babel remodel your code into JavaScript that’s appropriate with even older browsers.

5. codeply.com — rapidly construct frontend responsive layouts with frameworks like Bootstrap, Materialize CSS and SemanticUI.

6. httpie.org — a command-line software that’s helpful for making HTTP requests to internet servers and RESTful APIs. Nearly as highly effective as CURL and Wget however less complicated.

7. regexr.com — An excellent software for testing your common expressions within the browser.

eight. jex.im/regulex — Write any common expression into the editor and get a visible illustration of how the items work.

9. buildregex.com — Assemble common expressions visually.

Additionally see: The Most Helpful Web sites on the Web

10. explainshell.com — Sort any Unix command and get a visible rationalization of every flag and argument within the command.

11. tldr.ostera.io — Unix man pages are lengthy and sophisticated. This web site affords sensible examples for all fashionable Unix command with out you having to dive into the person pages.

12. mockaroo.com — rapidly generate dummy take a look at knowledge within the browser in CSV, JSON, SQL and different export codecs.

13. jsdelivr.com — Serve any GitHub file or WordPress plugin via a CDN. Mix a number of recordsdata in a single URL, add “.min” to any JS/CSS file to get a minified model routinely. Additionally see unpkg.com.

14. carbon.now.sh — create lovely screenshots of your supply code. Provides syntax highlighting for all fashionable languages.

15. wakatime.com — know precisely how lengthy you spend coding with detailed metrics per file and even language. Integrates with VS Code, Elegant textual content, and all fashionable code editors.

16. astexplorer.web — paste your JavaScript code into the editor and generate the Summary Syntax Tree that can enable you to perceive how the JavaScript parser works.

17. hyper.is — A greater different to the command line terminal and in addition iTerm. Use with the Oh My Zsh shell and add superpowers to your terminal.

18. curlbuilder.com — make your personal CURL requests within the browser.

19. htaccess.madewithlove.be — simply take a look at the redirect and rewrite guidelines within the .htaccess file of your Apache server. See helpful .htaccess snippets.

Additionally see: The Greatest Locations to Obtain HTML Templates

20. trackjs.com — monitor errors in your JavaScript based mostly internet initiatives and get immediate electronic mail notifications when a brand new error is detected.

21. ngrok.com — Begin a neighborhood internet server, fireplace up ngrok, level to the port the place the localhost is operating and get a public URL of your tunnel.

22. codeshare.io — A web-based code editor for pair programming, stay interviews with video conferences or for instructing code to college students remotely.

23. webhooks.web site — Simply examine the payloads and debug HTTP webhooks within the browser. All HTTP requests are logged in real-time. One other good different is RequestBin.

24. surge.sh — the best solution to deploy internet pages and different static content material from the command line. Helps customized domains and SSL. Additionally see Zeit Now.

25. visbug — A must have add-on for internet builders that brings helpful internet design instruments proper in your browser. Obtainable for Google Chrome and Firefox.

26. puppeteersandbox.com — Puppeteer is a Node.js framework for automating Google Chrome. Use the sandbox to rapidly take a look at your scripts within the browser. Additionally see try-puppeteer.com.

27. prettier.io/playground — Beautify your JavaScript and TypeScript code utilizing Prettier, the favourite code formatter of programmers.

28. json.parser.on-line.fr — The one JSON parser you’ll ever want to investigate and beautify your complicated JSON strings.

29. scrimba.com — Create your personal programming screencasts within the browser or watch different builders code.code.

30. katacoda.com — A coaching platform for software program builders the place anybody can create their very own devoted and interactive coaching environments.

31. codesandbox.io — A full-featured on-line IDE the place you may create internet purposes in all fashionable languages together with vanilla JavaScript, React, TypeScript, Vue and Angular. Additionally see StackBlitz.com and Repl.it.

32. apify.com — Write your personal internet scrapers utilizing JavaScript and schedule your scrapers to run at particular intervals routinely.

33. vim-adventures.com — The Vim textual content editor is massively fashionable amongst programmers. The location will enable you to grasp the varied key instructions via a recreation.

34. insomnia.relaxation — A desktop based mostly REST shopper that permits you to create HTTP requests and think about response particulars all in a easy-to-use interface. Superior customers might take into account Postman.

Additionally see: The Most Superior Lecturers for Studying Net Growth