Extensive List of Best Development Resources - 121 Links to Guides, Cheat Sheets and More List of Resources
Tags: webdev, beginners, productivity, programming
Published: 2022-11-13 15:47:00

This is a collection of top rated web development resources every developer needs. Roadmaps, guides, free tools, programmer books, cheat sheets and more. All articles are of high quality and you have everything from soft skills to visual explanations of JavaScript internals. If you don't think this list is complete enough, you will find a lot more list like this at the end of this article.

## List of Content

1. [Roadmaps](#roadmaps)
1. [Visualized Learning](#visualized-learning)
1. [Crash Courses and Complete Guides](#crash-courses-and-complete-guides)
1. [For the Interview](#for-the-interview)
1. [Tools, Templates and Resources](#tools-templates-and-resources)
1. [Soft Skills, Career and Productivity](#soft-skills-career-and-productivity)
1. [Algorithms and Data Structures](#algorithms-and-data-structures)
1. [Lists of Programmer Books](#lists-of-programmer-books)
1. [Coding Tips and Tricks](#coding-tips-and-tricks)
1. [Cheat Sheets](#cheat-sheets)
1. [Security](#security)
1. [APIs](#apis)
1. [Uncatogorized Reading](#uncatogorized-reading)
1. [More Lists Like This](#more-lists-like-this)

## Roadmaps

Roadmaps lets you know what you will have to learn to becoming a developer of some kind, providing you with useful guides and resources.

- [Full Stack Developer's Roadmap](https://dev.to/ender_minyard/full-stack-developer-s-roadmap-2k12)
- [The 2022 Web Development (Frontend + Backend) RoadMap](https://dev.to/javinpaul/the-2019-web-development-frontend-backend-roadmap-4le2)
- [If I were to restart JavaScript again from scratch then I will follow this roadmap](https://dev.to/tyaga001/if-i-were-to-restart-javascript-again-from-scratch-then-i-will-follow-this-roadmap-5c02)
- [Freelancing 101: How to get started](https://dev.to/kelly/freelancing-101-how-to-get-started-36kg)
- [ReactJS Roadmap For Developers](https://dev.to/theme_selection/reactjs-roadmap-for-developers-2824)
- [How to Become a Pro Front End Developer](https://dev.to/theme_selection/how-to-become-a-pro-front-end-developer-5gbo)
- [The complete DevOps roadmap](https://dev.to/ankit01oss/the-complete-devops-roadmap-28n1)
- [Best Way to Become Flutter Developer – A Complete Roadmap](https://dev.to/marwamejri/best-way-to-become-flutter-developer-a-complete-roadmap-5h56)
- [Blockend Developer Roadmap](https://dev.to/envoy_/blockchain-app-developer-roadmap-31p5)
- [Roadmap Web Developer Front End 2020](https://dev.to/codesandtags/roadmap-web-developer-front-end-2020-h0g)

## Visualized Learning

Regardless of whether you are a visual learner or not, these articles provides you with top quality visualized descriptions of how the web works in detail.

- [An animated guide for Node.js event loop](https://dev.to/nodedoctors/an-animated-guide-to-nodejs-event-loop-3g62)
- [JavaScript Visualized: the JavaScript Engine](https://dev.to/lydiahallie/javascript-visualized-the-javascript-engine-4cdf)
- [CS Visualized: Useful Git Commands](https://dev.to/lydiahallie/cs-visualized-useful-git-commands-37p1)
- [CSS Grid Cheat Sheet Illustrated in 2021](https://dev.to/joyshaheb/css-grid-cheat-sheet-illustrated-in-2021-1a3)
- [CS Visualized: CORS](https://dev.to/lydiahallie/cs-visualized-cors-5b8h)
- [Complete Flexbox Tutorial w/ Cheat Sheet](https://dev.to/joyshaheb/flexbox-cheat-sheets-in-2021-css-2021-3edl)
- [Algorithms in JavaScript with visual examples](https://dev.to/swastikyadav/algorithms-in-javascript-with-visual-examples-gh3)
- [How JavaScript Works Visually Explained](https://dev.to/narottam04/how-javascript-works-visually-explained-269j)
- [JavaScript Visualized: Promises & Async/Await](https://dev.to/lydiahallie/javascript-visualized-promises-async-await-5gke)
- [JavaScript Service Workers, Visualized](https://dev.to/blarzhernandez/javascript-service-workers-visualized-1683)

## Crash Courses and Complete Guides

Complete guides and beginner guides to learn web development. Learn React and full stack development to master web programming.

- [101 Bash Commands and Tips for Beginners to Experts](https://dev.to/awwsmm/101-bash-commands-and-tips-for-beginners-to-experts-30je)
- [The Complete Guide to Full Stack Web3 Development](https://dev.to/edge-and-node/the-complete-guide-to-full-stack-web3-development-4g74)
- [Complete Introduction to the 30 Most Essential Data Structures & Algorithms](https://dev.to/iuliagroza/complete-introduction-to-the-30-most-essential-data-structures-algorithms-43kd)
- [The Complete Guide to Full Stack Ethereum and EVM Development](https://dev.to/dabit3/the-complete-guide-to-full-stack-ethereum-development-3j13)
- [The Ultimate Guide to Web Performance](https://dev.to/ender_minyard/the-ultimate-guide-to-web-performance-ci4)
- [A Complete Beginner's Guide to React](https://dev.to/aspittel/a-complete-beginners-guide-to-react-2cl6)
- [40+ Useful Resources for Mastering Web](https://dev.to/surajondev/40-useful-resources-for-mastering-web-1i0h)
- [The Complete Guide to Full Stack Solana Development with React, Anchor, Rust, and Phantom](https://dev.to/edge-and-node/the-complete-guide-to-full-stack-solana-development-with-react-anchor-rust-and-phantom-3291)
- [A Complete Beginner's Guide to Vue](https://dev.to/aspittel/a-complete-beginners-guide-to-vue-422n)

## For the Interview

Huge lists of questions to prepare for you next programming interview. Practise interview questions for JavaScript and React to become a software engineer.

- [The Interview Study Guide For Software Engineers](https://dev.to/seattledataguy/the-interview-study-guide-for-software-engineers-764)
- [70 JavaScript Interview Questions](https://dev.to/macmacky/70-javascript-interview-questions-5gfi)
- [300+ React Interview Questions](https://dev.to/sakhnyuk/300-react-interview-questions-2ko4)
- [101 Coding Problems and few Tips to Crack Your Next Programming Interviews](https://dev.to/javinpaul/101-coding-problems-and-few-tips-to-crack-your-next-programming-interviews-402a)
- [React Interview Questions](https://dev.to/aviyel/300-react-interview-questions-4dag)
- [I Passed The Google Technical Interviews; You Can Too](https://dev.to/emmabostian/i-passed-the-google-technical-interviews-you-can-too-4i6m)
- [My Google Technical Interview Cheat Sheet](https://dev.to/elliot/my-google-technical-interview-cheat-sheet-1lbd)
- [50+ Data Structure and Algorithms Problems from Coding Interviews](https://dev.to/javinpaul/50-data-structure-and-algorithms-problems-from-coding-interviews-4lh2)

## Tools, Templates and Resources

Lists of free resources and tools for programmers. Browse through templates and other tools every designer needs.

- [50+ free tools and resources to create awesome user interfaces](https://dev.to/cruip/50-free-tools-and-resources-to-create-awesome-user-interfaces-1c1b)
- [List of Free Image Tools Every Frontend Developer Needs](https://dev.to/perssondennis/list-of-free-image-tools-every-frontend-developer-needs-489a)
- [40+ High-Quality Free Resources for Web Development](https://dev.to/joserfelix/40-high-quality-free-resources-for-web-development-10o3)
- [35+ Free React templates and themes](https://dev.to/davidepacilio/35-free-react-templates-and-themes-32ci)
- [22 Miraculous Tools for React Developers in 2019](https://dev.to/jsmanifest/22-miraculous-tools-for-react-developers-in-2019-4i46)
- [These free tools for developers are fire](https://dev.to/fayaz/this-free-tools-for-developers-are-45p3)
- [50 Developer tools to make your life a little easier](https://dev.to/iainfreestone/50-developer-tools-to-make-your-life-a-little-easier-4oc5)
- [17 Killer Web Apps You Should Use to Increase Productivity](https://dev.to/madza/17-killer-websites-you-should-use-to-increase-productivity-2enk)
- [40 Free HTML landing page templates](https://dev.to/davidepacilio/40-free-html-landing-page-templates-3gfp)
- [The Ultimate Web Developer Resources List Awesome 200+ Resources](https://dev.to/kiranrajvjd/the-ultimate-web-developer-resources-list-200-resources-2gf5)
- [I made 100 high-quality illustrations, totally free. Use it anywhere without attribution](https://dev.to/hrishikesh1990/i-made-100-high-quality-illustrations-totally-free-use-it-anywhere-without-attribution-452o)
- [50 free tools and resources you're gonna love](https://dev.to/denicmarko/50-free-tools-and-resources-you-re-gonna-love-4hd0)
- [Productive Tools For Web Development](https://dev.to/akshay35c/productive-tools-for-web-development-4bd5)
- [Ultimate ReactJS Resources For Web Developers 2022](https://dev.to/theme_selection/ultimate-reactjs-resources-for-web-developers-2021-424c)
- [Best design resources websites every developer should bookmark](https://dev.to/theme_selection/best-design-resources-websites-every-developer-should-bookmark-1p5d)
- [Best Typography Resources & Tools for Every Developers and Designer ](https://dev.to/theme_selection/best-typography-resources-tools-for-every-developers-and-designer-49hp)

{% embed https://dev.to/perssondennis/list-of-free-image-tools-every-frontend-developer-needs-489a %}

## Soft Skills, Career and Productivity

Boost your programmer career with soft skills and productivity tips. Tips to get the job you want and to be a better programmer.

- [101 Tips For Being A Great Programmer (& Human)](https://dev.to/emmabostian/101-tips-for-being-a-great-programmer-human-36nl)
- [10 Tips To Get More Readers on DEV](https://dev.to/perssondennis/10-tips-to-get-more-readers-on-dev-4p7h)
- [How to Ruin Your Career in 8 Easy Steps](https://dev.to/rinaarts/how-to-ruin-your-career-in-8-easy-steps-71)
- [What I learned after reviewing over 40 developer portfolios - 9 tips for a better portfolio](https://dev.to/kethmars/what-i-learned-after-reviewing-over-40-developer-portfolios-9-tips-for-a-better-portfolio-4me7)
- [700+ Web Developers Asked Me To Give Them LinkedIn Profile Feedback And These Are My 5 Top Tips](https://dev.to/exampro/700-web-developers-asked-me-to-give-them-linkedin-profile-feedback-and-these-are-my-5-top-tips-5382)
- [I am a mediocre developer](https://dev.to/sobolevn/i-am-a-mediocre-developer--30hn)
- [I Read 21 Articles About How to Become a Senior Developer So You Don't Have To](https://dev.to/samborick/i-read-21-articles-about-how-to-become-a-senior-developer-so-you-don-t-have-to-4dap)
- [18 websites, where you can find a remote job](https://dev.to/duomly/18-websites-where-you-can-find-a-remote-job-3a91)
- [101 Tips to Make You a Better Developer](https://dev.to/simonholdorf/101-tips-to-make-you-a-better-developer-2jo3)
- [30 Tips for Software Engineering Careers, After 30 Years of Life](https://dev.to/perigk/30-tips-for-software-engineering-careers-after-30-years-of-life-5ddf)
- [How To Take Notes on Everything](https://dev.to/maxwell_dev/how-to-take-notes-on-everything-32fc)
- [How To Get Any Job You Want - A Guide To Employability Skills](https://dev.to/brandonskerritt/how-to-get-any-job-you-want-a-guide-to-employability-skills-1i3m)
- [19 Tips For Software Engineers In 2019](https://dev.to/emmabostian/19-tips-for-software-engineers-in-2019-4okm)
- [25 Tips for New Developers: Advice from a (Mostly) Self-Taught Software Engineer](https://dev.to/aspittel/25-tips-for-new-developers-advice-from-a-mostly-self-taught-software-engineer-1ff1)
- [Keys for You to Become a Better Frontend Web Developer](https://dev.to/gurutobe/keys-for-you-to-become-a-better-frontend-web-developer-1ba8)
- [How to Build a Great Developer Portfolio (+ Examples & Tools)](https://dev.to/actitime/how-to-build-a-great-developer-portfolio-examples-tools-bkj)
- [The Harsh Reality for JS Developers: If You Don't Study The Fundamentals You Will Be Just Another “Coder”](https://dev.to/dragosnedelcu/the-harsh-reality-for-js-developers-master-the-fundamentals-or-you-will-be-just-a-coder-21ke)

{% embed https://dev.to/perssondennis/10-tips-to-get-more-readers-on-dev-4p7h %}

## Algorithms and Data Structures

Learn algorithms and data structures for both beginners and more advanced use cases.

- [How to learn data structures and algorithms. 20 problem-solving techniques you must know](https://dev.to/codinglanguages/how-to-learn-not-memorize-any-algorithm-or-data-structure-analysis-of-20-problem-solving-techniques-you-must-know-d77)
- [Algorithms in JavaScript with visual examples](https://dev.to/swastikyadav/algorithms-in-javascript-with-visual-examples-gh3)
- [10 Data Structure and Algorithms Articles Beginners Should Read this Weekend](https://dev.to/javinpaul/10-data-structure-and-algorithms-articles-beginners-should-read-this-weekend-4i91)
- [Complete Introduction to the 30 Most Essential Data Structures & Algorithms](https://dev.to/iuliagroza/complete-introduction-to-the-30-most-essential-data-structures-algorithms-43kd)

{% embed https://dev.to/perssondennis/i-created-a-programming-puzzle-game-250h %}

## Lists of Programmer Books

A list of lists with programmer books developers need to read. Find the most recommended programming books.

- [29 Must Read Books For Programmers](https://dev.to/bosepchuk/29-must-read-programming-books-2n45)
- [The 25 most recommended programming books of all-time](https://dev.to/daolf/the-25-most-recommended-programming-books-of-all-time-5fel)
- [20 Most-Recommended Books for Software Developers](https://dev.to/awwsmm/20-most-recommended-books-for-software-developers-5578)
- [The Best Book to Read as a Developer](https://dev.to/taillogs/the-best-book-to-read-as-a-developer-1h4m)

## Coding Tips and Tricks

Quick tips and tricks to write better code. What you need to know to write good JavaScript code.

- [13 useful JavaScript array tips and tricks you should know](https://dev.to/duomly/13-useful-javascript-array-tips-and-tricks-you-should-know-2jfo)
- [20 Killer JavaScript One Liners](https://dev.to/saviomartin/20-killer-javascript-one-liners-94f)
- [8 JavaScript Tips & Tricks That No One Teaches](https://dev.to/worldindev/8-javascript-tips-tricks-that-no-one-teaches-24g1)
- [9 JavaScript Tips & Tricks To Code Like A Wizard](https://dev.to/orkhanjafarovr/9-javascript-tips-tricks-to-code-like-a-wizard-559i)

## Cheat Sheets

Cheat sheets for React, CSS, Git and programming overall. Compilation of cheat sheets to bookmark.

- [The React Cheatsheet for 2020 (+ Real-World Examples)](https://dev.to/reedbarger/the-react-cheatsheet-for-2020-real-world-examples-4hgg)
- [CSS Grid Cheat Sheet Illustrated in 2021](https://dev.to/joyshaheb/css-grid-cheat-sheet-illustrated-in-2021-1a3)
- [Git: Cheat Sheet (advanced)](https://dev.to/maxpou/git-cheat-sheet-advanced-3a17)
- [Complete Flexbox Tutorial w/ Cheat Sheet](https://dev.to/joyshaheb/flexbox-cheat-sheets-in-2021-css-2021-3edl)
- [Ultimate Cheatsheet Compilation](https://dev.to/palashmon/ultimate-cheatsheet-compilation-32c9)
- [CSS Cheat Sheets!](https://dev.to/ladybug/css-cheat-sheets-3ee0)
- [35 Website Cheat Sheets For Developers](https://dev.to/haycuoilennao19/35-website-cheat-sheet-for-developer-22hk)
- [Advanced TypeScript Types cheat sheet (with examples)](https://dev.to/ibrahima92/advanced-typescript-types-cheat-sheet-with-examples-5414)
- [React Cheat sheet (Updated June 2021)](https://dev.to/ericchapman/react-cheat-sheet-updated-may-2021-1mcd)
- [Cheat Sheets that always save my time during web development](https://dev.to/ali6nx404/cheat-sheets-that-always-save-my-time-during-web-development-2ga4)

## Security

Web development security guides to know about. Best practises with examples and beginner tutorials.

- [A Guide to Securing Node.js Applications](https://dev.to/shaikhshahid/a-guide-to-securing-node-js-applications-4bcc)
- [Authorization and Authentication For Everyone](https://dev.to/kimmaida/authorization-and-authentication-for-everyone-27j3)
- [API Security Best Practices](https://dev.to/bearer/api-security-best-practices-3gjl)
- [Web security knowledge you must understand it (Part I: HTTPS, TLS, SSL, CORS, CSP)](https://dev.to/ahmedatefae/web-security-knowledge-you-must-understand-it-part-i-https-tls-ssl-cors-csp-298l)
- [CORS, XSS and CSRF with examples in 10 minutes](https://dev.to/maleta/cors-xss-and-csrf-with-examples-in-10-minutes-35k3)
- [How to Learn Penetration Testing: A Beginners Tutorial](https://dev.to/ctrlshifti/how-to-learn-penetration-testing-a-beginners-tutorial-505a)
- [7 security tips for your React application](https://dev.to/vaibhavkhulbe/7-security-tips-for-your-react-application-4e78)

## APIs

List of fun APIs to use for your next project. Find free and unique APIs for developers.

- [7 Unique APIs for your next project](https://dev.to/renaissanceengineer/7-unique-apis-for-your-next-project-4hf9)
- [10 Fun APIs to Use For Your Next Project](https://dev.to/hb/10-fun-apis-to-use-for-your-next-project-2lco)
- [12 APIs that you as a developer will love it](https://dev.to/monicafidalgo/12-apis-that-you-as-a-developer-will-love-it-4ec6)
- [15 Fun APIs For Your Next Project](https://dev.to/biplov/15-fun-apis-for-your-next-project-5053)

## Uncatogorized Reading

Free certificates, popular git repositories and tips for how to be good at googling. Learn how to prevent sites from showing up at google.

- [Git Concepts I Wish I Knew Years Ago](https://dev.to/g_abud/advanced-git-reference-1o9j)
- [How To Report a Site That Steals Your Articles](https://dev.to/perssondennis/how-to-report-a-site-that-steals-your-articles-5040)
- [9 Popular GitHub Repos For Every Web Developer](https://dev.to/simonholdorf/9-popular-github-repos-for-every-web-developer-31ej)
- [Use Google like a pro](https://dev.to/denicmarko/google-like-a-pro-5cf6)
- [100+ Project Ideas](https://dev.to/samborick/100-project-ideas-oda)
- [70+ Free Awesome Certificates to Earn in 2021](https://dev.to/panx/50-free-awesome-certificates-to-earn-in-2021-2l7g)

## More Lists Like This

Do you need more lists of programming resources? If this list isn't extensive enough, you can find other lists like this here.

- [{FREE} Ultimate Resources for Front-End Development in 2021 + Giveaway](https://dev.to/rahxuls/free-ultimate-resources-for-front-end-development-in-2021-giveaway-3838)
- [10 GitHub Repositories every Developer should know](https://dev.to/pb/10-github-repositories-every-developer-should-know-ngm)
- [10 Awesome Github Repos Every Web Developer Should Know](https://dev.to/simonholdorf/10-awesome-github-repos-every-web-developer-should-know-27oa)
- [Useful resources for programmers](https://dev.to/sahilrajput/useful-websites-for-programmers-36k)
- [Frontend Developer Resources 2022](https://dev.to/nickytonline/frontend-developer-resources-2022-4cp2)
- [My Favorite Free Resources for New Programmers](https://dev.to/aspittel/my-favorite-free-resources-for-new-programmers-bia)
- [10+ Github Repositories You Should Know as a Developer](https://dev.to/olanetsoft/10-github-repositories-you-should-know-as-a-developer-4l0p)
- [19 Valuable GitHub Repositories for Beginner Developers](https://dev.to/madza/19-valuable-github-repositories-for-beginner-developers-3i18)
- [10 Extraordinary GitHub Repos for All Developers](https://dev.to/simonholdorf/10-extraordinary-github-repos-for-all-developers-2ag8)
- [165+ Developer Resources I Discovered in 2020-2021](https://dev.to/gedalyakrycer/165-developer-resources-i-discovered-in-2020-2021-6ma)
- [32 Code Tutorials for Visual Learners](https://dev.to/ender_minyard/28-code-tutorials-for-visual-learners-19pl)
- [Web Development Resources](https://dev.to/iamismile/web-development-resources-96)

{% embed https://dev.to/perssondennis %}