An ongoing collective list of recommended resources for web developers. The vast majority of which are free, though some, however, are paid.
Please read the contributing guidelines before submitting new resources.
- General Resources
- JavaScript
- HTML and CSS
- Fonts, Icons, and Images
- Command Line, Git, and Markdown
- React.js
- Node.js
- Other JavaScript Libraries
- MongoDB
- WordPress
- Python
Name | Cost |
---|---|
W3Schools | Free with some Paid content |
MDN (Mozilla Developer Network) | Free |
freeCodeCamp | Free |
JavaScript.info | Free |
DevDocs.io | Free |
Devhints | Free |
The Odin Project | Free |
LinkedIn Learning | Paid, but Free with some public library and university library memberships |
Codecademy | Free and Paid content |
Udacity | Free and Paid content |
Sololearn | Free with Paid features |
Name | Cost |
---|---|
freeCodeCamp.org | Free |
Traversy Media | Free |
LearnWebCode | Free |
Web Dev Simplified | Free |
CS Dojo | Free |
Kevin Powell | Free |
CS50 | Free |
Faraday Academy | Free |
The Coding Train | Free |
Florin Pop | Free |
Name | Cost |
---|---|
Stack Overflow | Free with Paid features |
freeCodeCamp's Programming Tutorials blog | Free |
freeCodeCamp's forum | Free |
CSS-Tricks | Free |
DEV Community | Free |
The Odin Project's Discord server | Free |
Codecademy's forum | Free |
Codecademy's Discord server | Free |
W3Schools's Discord server | Free |
Thinkful's blog | Free |
Ben Ilegbodu's blog | Free |
Web Dev Simplified's blog | Free |
Web Dev Simplified's Discord server | Free |
Kevin Powell's Discord server | Free |
CS50's Discord server | Free |
Name | Description | Cost |
---|---|---|
Codewars | A popular gamified site for completing community-driven challenges customized by your preferred programming languages and experience level. | Free with some Paid features |
Algorithms on freeCodeCamp | A collection of JavaScript algorithms split by difficulty listed as Basic, Intermediate, Advanced, and Interview Prep. | Free |
Project Euler | Hundreds of mathematical programming challenges that can be solved in the programming language of your choice. | Free |
Computer Science course on Khan Academy | A course for learning sorting algorithms and cryptography challenges in JavaScript. | Free |
A Bit of Computer Science tutorial on The Odin Project | A taste of computer science for the JavaScript developer featuring articles and projects for learning DSA. | Free |
freeCodeCamp's Data Structures course | Test your knowledge of Data Structures with these lessons and challenges on the subject provided in JavaScript. | Free |
Sorting Algorithms Visualization Comparisons | Animated visualizations of the functioning of various popular sorting algorithms. | Free |
Frontend Mentor | A collection of several frontend projects that can be completed and shared with other developers in the community. | Free and Paid content |
NeetCode | Practice algorithms for interview prep for free and watch courses on DSA with a Pro membership. | Free and Paid content |
LeetCode | Challenges, Study Plans, Interview Prep for top companies, and more. A well known study platform in the industry. | Free and Paid content |
Name | Description | Cost |
---|---|---|
CS50's Introduction to Computer Science | Taught by Harvard University on edX, and one of the most well-known programming MOOCs, this course covers introductory computer science concepts and algorithms using C, Python, and JavaScript. | Free to take, certificate is Paid |
CS50's Introduction to Programming with Python | Taught by Harvard University on edX, an introduction to programming using Python. | Free to take, certificate is Paid |
CS50's Web Programming with Python and JavaScript | Taught by Harvard University on edX, and a continuation of CS50, this course goes deeper into the languages of Python and JavaScript by teaching web app development using frameworks like Django and React. | Free to take, certificate is Paid |
CS50's Introduction to Artificial Intelligence with Python | Taught by Harvard University on edX, and a continuation of CS50, this course introduces machine learning with Python for the use of adding artificial intelligence to applications. | Free to take, certificate is Paid |
CS50's Introduction to Game Development | Taught by Harvard University on edX, and a continuation of CS50, this course teaches how to implement graphics, sound, animation, etc into video games using technologies such as Lua, C#, and Unity. | Free to take, certificate is Paid |
CS50's Mobile App Development with React Native | Taught by Harvard University on edX, and a continuation of CS50, this course teaches modern mobile app development using React Native and JavaScript. | Free to take, certificate is Paid |
The Web Developer Bootcamp 2021 on Udemy | This course teaches the core of what any modern web developer needs to know in order to make full-stack web applications with HTML, CSS, JavaScript, and Node.js. | Paid |
The Advanced Web Developer Bootcamp on Udemy | A continuation of The Web Developer Bootcamp, this courses dives deeper into web development, exploring more concepts including libraries like React and D3, JavaScript testing, and advanced CSS. | Paid |
The Complete Node.js Developer Course (3rd Edition) on Udemy | This courses teaches how to build modern back-end web applications using Node.js, Express.js, and MongoDB. | Paid |
Become a WordPress Developer: Unlocking Power With Code on Udemy | This course teaches how to create modern custom-built WordPress sites from scratch with PHP and JavaScript. | Paid |
Consider the probability of the information in the books provided to be out of date due to the passage of time since publishing. Technologies and practices in the software industry grow and change pretty rapidly. So keep this thought in mind and compare it with other resources you come across.
Name | Cost |
---|---|
JavaScript: The Definitive Guide by David Flanagan | Paid, but Free if available at your public or university library |
Learning Web App Development: Build Quickly with Proven JavaScript Techniques by Semmy Purewal | Paid, but Free if available at your public or university library |
JavaScript: The Good Parts by Douglas Crockford | Paid, but Free if available at your public or university library |
Think Like a Programmer: An Introduction to Creative Problem Solving by V. Anton Spraul | Paid, but Free if available at your public or university library |
A Mind For Numbers: How to Excel at Math and Science (Even If You Flunked Algebra) by Barbara Oakley | Paid, but Free if available at your public or university library |
Functional Design Patterns for Express.js: A step-by-step guide to building elegant, maintainable Node.js backends. by Jonathan Lee Martin | Paid |
Express in Action: Writing, building, and testing Node.js applications by Evan M. Hahn | Free online, but print book and ebook are Paid |
Pro Git by Scott Chacon and Ben Straub | Free |
Name | Cost |
---|---|
Visual Studio Code | Free |
VS Code keyboard shortcuts cheat sheet on Devhints | Free |
Replit | Free with some Paid features |
Code Playground on Sololearn | Free |
CodePen | Free with some Paid features |
Scratch | Free |
Diffchecker | Free with some Paid features |
Can I use... | Free |
Lorem Ipsum Generator | Free |
"How to Use Google to Solve Your Programming Questions" article | Free |
Name | Cost |
---|---|
freeCodeCamp's ES6 course | Free |
Scrimba.com's Introduction to ES6+ course | Free |
Udacity's ES6 - JavaScript Improved course | Free |
List of ES6 Features by @lukehoban on GitHub | Free |
ES6 for Everyone course by Wes Bos | Paid |
ES6 cheat sheet on Devhints | Free |
Name | Cost |
---|---|
Postman | Free with some Paid features |
Axios website | Free |
Fetch cheat sheet on Devhints | Free |
W3Schools's JSON Tutorial | Free |
Udacity's JavaScript Promises course | Free |
Asynchronous JavaScript and APIs tutorial on The Odin Project | Free |
Codecademy's Learn JavaScript: Asynchronous Programming | Free |
Codecademy's Learn JavaScript: Requests course | Free |
ProgrammableWeb | Free |
API list by @public-apis on GitHub | Free |
API list by @n0shake on GitHub | Free |
JSONView extension for Chrome | Free |
HTTP Status Codes cheat sheet | Free |
JSON Formatter, Validator, Minifier, and Converter | Free |
XML to JSON Converter | Free |
YAML to JSON Converter | Free |
Name | Cost |
---|---|
freeCodeCamp's Regular Expressions course | Free |
Codecademy's Learn the Basics of Regular Expressions course | Free |
Regular Expressions cheat sheet | Free |
Regular Expressions cheat sheet on Devhints | Free |
regex101 | Free |
HTML5Pattern | Free |
Name | Cost |
---|---|
TypeScript website | Free |
Codecademy's Learn TypeScript course | Free |
Codecademy's Learn TypeScript: Fundamentals course | Free |
Codecademy's Learn TypeScript: Functions course | Free |
Codecademy's Learn TypeScript: Object Types course | Free |
Codecademy's Learn TypeScript: Union Types course | Free |
Codecademy's Learn TypeScript: Complex Types coures | Free |
Codecademy's Learn TypeScript: Type Narrowing course | Free |
Codecademy's Learn Intermediate TypeScript course | Paid |
TypeScript cheat sheet on Devhints | Free |
Name | Cost |
---|---|
Codecademy's Learn CSS: Flexbox and Grid course | Free |
freeCodeCamp's CSS Flexbox course | Free |
Scrimba.com's Learn Flexbox for free course | Free |
Flexbox tutorial on The Odin Project | Free |
What the Flexbox?! course by Wes Bos | Free |
Flexbox Playground | Free |
Flexbox cheat sheet | Free |
Flexbox cheat sheet on Devhints | Free |
freeCodeCamp's CSS Grid course | Free |
Scrimba.com's Learn CSS Grid for free course | Free |
Grid tutorial on The Odin Project | Free |
CSS Grid course by Wes Bos | Free |
CSS Grid cheat sheet | Free |
CSS Grid cheat sheet on Devhints | Free |
Name | Cost |
---|---|
Bootstrap website | Free |
W3Schools's Bootstrap 3 Tutorial | Free |
W3Schools's Bootstrap 4 Tutorial | Free |
Bootstrap 4 cheat sheet | Free |
Scrimba.com's Learn Bootstrap 4 for free course | Free |
freeCodeCamp's Bootstrap course | Free |
Codecademy's Learn Bootstrap course | Paid |
Name | Cost |
---|---|
Sass website | Free |
freeCodeCamp's SASS course | Free |
W3Schools's Sass Tutorial | Free |
Codecademy's Learn Sass course | Paid |
Codecademy's Learn Sass: Fundamentals course | Free |
Codecademy's Learn Sass: Functions and Operations course | Free |
Codecademy's Learn Sass: Mixins and Parent Selector course | Free |
Codecademy's Learn Sass: Best Practices course | Free |
Sass cheat sheet on Devhints | Free |
CSS to SCSS Converter | Free |
SCSS to CSS Converter | Free |
SCSS Formatter | Free |
Name | Cost |
---|---|
W3C Markup Validator | Free |
HTML Validator from JSONformatter.org | Free |
W3C CSS Validator | Free |
HTML tags list | Free |
HTML input tag cheat sheet on Devhints | Free |
CSS cheat sheet | Free |
CSS cheat sheet on Devhints | Free |
HTML Formatter | Free |
CSS Formatter | Free |
W3Schools's HTML Color Picker | Free |
Color Contrast Checker | Free |
Web Accessibility Evaluation Tool | Free |
Normalize.css website | Free |
Autoprefixer CSS online | Free |
CSS Gradient Generator | Free |
Gradient Hunt | Free |
Gradienta CSS gradients | Free |
Image to Colors Palette Generator | Free |
Palette List | Free |
Color Hunt | Free |
CSS Minifier | Free |
Check whether the owner allows their fonts to be used for both commercial use and personal use or for just personal use only. Also check if the owner requires credit attribution.
Name | Cost |
---|---|
Google Fonts | Free |
DaFont | Free, but it's important to check the source of the font that you use to be sure |
Fonts2u.com | Free, but it's important to check the source of the font that you use to be sure |
1001 Free Fonts | Free, but it's important to check the source of the font that you use to be sure |
BeFonts | Free, but full features and license are Paid |
Name | Cost |
---|---|
Font Awesome | Free and Paid content |
Material Icons | Free |
Weather Icons by erikflowers | Free |
Ionicons | Free |
Check whether the owner allows their images to be used for both commercial use and personal use or for just personal use only. Also, check if the owner requests credit attribution.
Name | Cost |
---|---|
Burst by Shopify | Free |
Unsplash | Free |
Pexels | Free |
Pixabay | Free |
PicSpree | Free |
StockSnap.io | Free |
ISO Republic | Free |
reshot | Free |
Pickup Image | Free |
Foodiesfeed | Free |
CleanPNG transparent images | Free |
Free-Images.com | Free |
Icons8 | Free with Paid features |
Iconfinder | Free and Paid content |
Feather Icons | Free |
Noun Project | Free with Paid features |
Name | Cost |
---|---|
cssFilters.co | Free |
Dynamic Dummy Image Generator | Free |
TinyPNG | Free with Paid features |
Remove Image Background tool | Free with Paid features |
Photopea | Free |
Photo Image Editor Pixelstyle | Free |
Inkscape | Free |
Name | Cost |
---|---|
Command Line Power User course by Wes Bos | Free |
Codecademy's Learn the Command Line course | Paid |
Unix/Linux Commands cheat sheet | Free |
Mastering Markdown course by Wes Bos | Free |
Markdown cheat sheet | Free |
Markdown cheat sheet on Devhints | Free |
Markdown Formatter | Free |
Udacity's Writing READMEs course | Free |
GitHub Desktop | Free |
Git Basics tutorial on The Odin Project | Free |
Git cheat sheet | Free |
W3Schools's Git Tutorial | Free |
Udacity's Version Control with Git course | Free |
Codecademy's Learn Git: Introduction course | Free |
Codecademy's Learn Git: Branching and Collaboration | Free |
Codecademy's Learn GitHub: Introduction course | Free |
Codecademy's Deploying Websites using Git and GitHub course | Free |
Codecademy's Learn GitHub: Best Practices course | Free |
Codecademy's Learn Git & GitHub course | Paid |
Name | Cost |
---|---|
React.js website | Free |
W3Schools's React Tutorial | Free |
Codecademy's Learn React course | Free |
Codecademy's Learn React: Introduction course | Free |
Codecademy's Learn React: Additional Basics course | Free |
Codecademy's Learn React: State Management course | Free |
Codecademy's Learn React: Hooks course | Free |
Codecademy's Learn React: Lifecycle Methods course | Free |
Codecademy's Learn Advanced React course | Paid |
Scrimba.com's Learn React for free course | Free |
React JS tutorial on The Odin Project | Free |
Sololearn's React + Redux course | Free |
freeCodeCamp's React course | Free |
React Hooks Simplified course | Free |
React Resources by @enaqx on GitHub | Free |
React cheat sheet on Devhints | Free |
React Developer Tools extension for Chrome | Free |
React Router website | Free |
Codecademy's Learn React Router v6 course | Free |
Codecademy's Learn React Native course | Free |
React Interview Questions by @sudheerj on GitHub | Free |
Name | Cost |
---|---|
Redux website | Free |
Codecademy's Learn Redux course | Free |
Codecademy's Learn Redux: Fundamentals course | Free |
Codecademy's Learn Redux: Redux Toolkit course | Free |
Codecademy's Learn Redux: Middleware and Thunks course | Free |
Codecademy's Learn Redux: React Redux course | Free |
freeCodeCamp's Redux course | Free |
freeCodeCamp's React and Redux course | Free |
Redux cheat sheet on Devhints | Free |
Name | Cost |
---|---|
Node.js website | Free |
NPM website | Free with some Paid features |
NPM cheat sheet on Devhints | Free |
freeCodeCamp's Managing Packages with NPM course | Free |
Codecademy's Learn Node.js course | Free |
Codecademy's Learn Node.js: Fundamentals course | Free |
Codecademy's Learn Node.js: Setting Up a Server course | Free |
Codecademy's Learn to Prevent Cross-Site Scripting with Node.js course | Paid |
W3Schools's Node.js Tutorial | Free |
nodemon website | Free |
Name | Cost |
---|---|
Express.js website | Free |
"Understanding Express.js" article by Evan Hahn | Free |
Express.js cheat sheet | Free |
freeCodeCamp's Basic Node and Express course | Free |
NodeJS course on The Odin Project | Free |
Pug website | Free |
EJS website | Free |
Passport.js website | Free |
freeCodeCamp's Advanced Node and Express course | Free |
Codecademy's Learn Express course | Paid |
Codecademy's User Authentication & Authorization in Express course | Free |
Helmet.js website | Free |
freeCodeCamp's Information Security with HelmetJS course | Free |
Socket.IO website | Free |
Name | Cost |
---|---|
Mocha.js website | Free |
Chai.js website | Free |
Chai.js cheat sheet on Devhints | Free |
Jasmine website | Free |
Jasmine cheat sheet on Devhints | Free |
Jest website | Free |
Jest cheat sheet on Devhints | Free |
freeCodeCamp's Quality Assurance and Testing with Chai course | Free |
Udacity's JavaScript Testing course | Free |
Testing JavaScript tutorial on The Odin Project | Free |
Codecademy's Learn React Testing course | Free |
Codecademy's Learn JavaScript Unit Testing course | Paid |
Codecademy's Learn Testing for Web Development course | Paid |
Name | Cost |
---|---|
MongoDB website | Free and Paid services |
freeCodeCamp's MongoDB and Mongoose course | Free |
Codecademy's Learn MongoDB course | Free |
MongoDB University | Free |
Udacity's Data Wrangling with MongoDB course | Free |
Mongoose.js website | Free |
MongoDB cheat sheet | Free |
Name | Cost |
---|---|
Postgres website | Free |
Intro to SQL: Querying and managing data course on Khan Academy | Free |
freeCodeCamp's Relational Database Certification | Free |
Codecademy's Learn SQL course | Free |
Codecademy's How to Transform Tables with SQL course | Paid |
Codecademy's How to Analyze Business Metrics with SQL course | Paid |
Codecademy's Learn to Prevent SQL Injections with Node.js course | Paid |
Codecademy's Learn Node-SQLite course | Free |
Knex Query Lab | Free |
Knex cheat sheet on Devhints | Free |
Name | Cost |
---|---|
WordPress Developer Resources | Free |
WordPress Codex | Free |
WPBeginner | Free |
WordPress Stack Exchange | Free |
Local by Flywheel | Free |
Codecademy's Learn PHP course | Free |
Codecademy's Learn PHP: Introduction course | Free |
Codecademy's Learn Intermediate PHP course | Free |
Codecademy's Learn PHP: Arrays and Loops course | Free |
Codecademy's Learn PHP: Conditionals and Logic course | Free |
Codecademy's Learn PHP: Functions course | Free |
Codecademy's Learn PHP: Form Handling and Validation course | Free |
Codecademy's Learn PHP: Objects and Classes coure | Free |
W3Schools's PHP Tutorial | Free |
Sololearn's PHP course | Free |
PHP tutorial on AlphaCodingSkills | Free |
PHP interview questions on AlphaCodingSkills | Free |
PHP Formatter | Free |