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 |
| 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 |
|---|---|---|
| Programming for the Web with JavaScript | Taught by the University of Pennsylvania on edX, this course teaches how to develop modern web apps using JavaScript, HTML, and CSS, as well as frameworks for both the front-end and the back-end. | Free to take, certificate is Paid |
| 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 |
| Atom | 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 JavaScript Algorithms and Data Structures Certification | Free |
| W3Schools's JavaScript Tutorial | Free |
| Udacity's Intro to JavaScript course | Free |
| Scrimba.com's Introduction to JavaScript course | Free |
| Scrimba.com's Learn JavaScript for free course | Free |
| JavaScript Basics tutorial on The Odin Project | Free |
| JavaScript course on The Odin Project | Free |
| Codecademy's Learn JavaScript course | Free |
| Codecademy's Learn Intermediate JavaScript course | Free |
| JavaScript.info | Free |
| Sololearn's JavaScript course | Free with some Paid features |
| Beginner JavaScript! course by Wes Bos | Paid |
| JavaScript Best Practices tutorial by Thinkful: Part 1, Part 2 | Free |
| JavaScript Formatter | Free |
| Udacity's JavaScript and the DOM course | Free |
| Udacity's Building High Conversion Web Forms course | Free |
| Udacity's Object-Oriented JavaScript course | Free |
| JavaScript30 course by Wes Bos | Free |
| Web APIs list on MDN | Free |
| Codecademy's Learn TypeScript course | Free |
| JavaScript Interview Questions by @sudheerj on GitHub | 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 |
| Name | Cost |
|---|---|
| Postman | Free with some Paid features |
| Axios website | 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 Asynchronous JavaScript course | Paid |
| 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 |
| regex101 | Free |
| HTML5Pattern | Free |
| Name | Cost |
|---|---|
| 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 |
| 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 |
| 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 |
| Name | Cost |
|---|---|
| Sass website | Free |
| freeCodeCamp's SASS course | Free |
| W3Schools's Sass Tutorial | Free |
| Codecademy's Learn Sass course | Paid |
| 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 |
| CSS cheat sheet | 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 |
| Unix/Linux Commands cheat sheet | Free |
| Mastering Markdown course by Wes Bos | Free |
| Markdown cheat sheet | 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 |
| Name | Cost |
|---|---|
| React.js website | Free |
| W3Schools's React Tutorial | Free |
| Codecademy's Learn React course | Free |
| 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 Developer Tools extension for Chrome | Free |
| React Router website | Free |
| Codecademy's Learn React Router 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 |
| freeCodeCamp's Redux course | Free |
| freeCodeCamp's React and Redux course | Free |
| Name | Cost |
|---|---|
| Node.js website | Free |
| NPM website | Free with some Paid features |
| freeCodeCamp's Managing Packages with NPM course | Free |
| Codecademy's Learn Node.js course | Free |
| 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 |
| Jasmine website | Free |
| Jest website | 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 |
|---|---|
| D3.js website | Free |
| freeCodeCamp's Data Visualization Certification | Free |
| Scrimba.com's Learn D3 for free course | Free |
| Udacity's Data Visualization and D3.js course | Free |
| Codecademy's Learn D3 course | Paid |
| Chart.js website | Free |
| Moment.js website | Free |
| Vue.js website | Free |
| Scrimba.com's Learn Vue.js for free course | Free |
| Codecademy's Learn Vue.js course | Paid |
| Angular website | Free |
| Scrimba.com's Build your first Angular app course | Free |
| AngularJS website | Free |
| W3Schools's AngularJS Tutorial | Free |
| Codecademy's Learn AngularJS 1.X course | Free |
| jQuery website | Free |
| W3Schools's jQuery Tutorial | Free |
| Sololearn's jQuery course | Free |
| Codecademy's Learn jQuery course | Paid |
| p5.js website | Free |
| Codecademy's Learn p5.js course | Free |
| Three.js webspite | Free |
| ProgressBar.js website | Free |
| Webpack.js website | Free |
| Babel.js website | Free |
| TensorFlow website | Free |
| W3Schools's TensorFlow Tutorial | Free |
| Brain.js website | Free |
| Scrimba.com's Neural networks in JavaScript course | Free |
| Name | Cost |
|---|---|
| MongoDB website | Free and Paid services |
| freeCodeCamp's MongoDB and Mongoose course | Free |
| MongoDB University | Free |
| Udacity's Data Wrangling with MongoDB course | Free |
| Mongoose.js website | Free |
| MongoDB cheat sheet | 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 |
| W3Schools's PHP Tutorial | Free |
| Sololearn's PHP course | Free |
| PHP tutorial on AlphaCodingSkills | Free |
| PHP interview questions on AlphaCodingSkills | Free |
| PHP Formatter | Free |