- Notifications
You must be signed in to change notification settings - Fork8
autumnchris/resources-for-web-developers
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
An ongoing collective list of recommended resources for web developers. The vast majority of which are free, though some, however, are paid.
- General Resources
- JavaScript
- HTML and CSS
- Fonts, Icons, and Images
- Command Line, Git, and Markdown
- React.js
- Node.js
- Other JavaScript Libraries
- MongoDB
- SQL Databases
| 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 |
| 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 |
| Ben Ilegbodu's blog | Free |
| Josh Comeau'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 asBasic,Intermediate,Advanced, andInterview 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'sData 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 ofCS50, 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 ofCS50, this course introduces machine learning with Python for the use of adding artificial intelligence to applications. | Free to take, certificate is Paid |
| CS50's Mobile App Development with React Native | Taught by Harvard University on edX, and a continuation ofCS50, 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 ofThe 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 |
|---|---|
| #"https://barbaraoakley.com/books/a-mind-for-numbers" rel="nofollow">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 |
| "Don’t Believe Anyone Who Tells You Learning To Code Is Easy" article | Free |
| "Things I Wish Someone Had Told Me When I Was Learning How to Code" article | Free |
| "How to be great at asking coding questions" article | Free |
| Name | Cost |
|---|---|
| freeCodeCamp'sES6 course | Free |
| Scrimba.com'sIntroduction to ES6+ course | Free |
| Udacity'sES6 - 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 |
| W3Schools'sJSON Tutorial | Free |
| Udacity'sJavaScript Promises course | Free |
| Asynchronous JavaScript and APIs tutorial on The Odin Project | Free |
| freeCodeCamp'sJSON APIs and AJAX course | Free |
| Codecademy'sLearn #"https://www.codecademy.com/learn/learn-javascript-requests" rel="nofollow">Learn #"https://www.digitalocean.com/community/tutorials/understanding-javascript-promises" rel="nofollow">"Understanding JavaScript Promises" article | 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 on jsonconverter.org | Free |
| XML to JSON Converter on transform.tools | Free |
| YAML to JSON Converter on jsonconverter.org | Free |
| YAML to JSON Converter on transform.tools | Free |
| Name | Cost |
|---|---|
| freeCodeCamp'sRegular Expressions course | Free |
| Codecademy'sLearn the Basics of Regular Expressions course | Free |
| Regular Expressions cheat sheet | Free |
| Regular Expressions cheat sheet on Devhints | Free |
| regex101 | Free |
| Name | Cost |
|---|---|
| TypeScript website | Free |
| Codecademy'sLearn TypeScript course | Free |
| Codecademy'sLearn TypeScript: Fundamentals course | Free |
| Codecademy'sLearn TypeScript: Functions course | Free |
| Codecademy'sLearn TypeScript: Object Types course | Free |
| Codecademy'sLearn TypeScript: Union Types course | Free |
| Codecademy'sLearn TypeScript: Complex Types coures | Free |
| Codecademy'sLearn TypeScript: Type Narrowing course | Free |
| Codecademy'sLearn Intermediate TypeScript course | Paid |
| TypeScript cheat sheet on Devhints | Free |
| JavaScript to TypeScript Converter | Free |
| TypeScript to JavaScript Converter | Free |
| Name | Cost |
|---|---|
| Codecademy'sLearn CSS: Flexbox and Grid course | Free |
| freeCodeCamp'sCSS Flexbox course | Free |
| Scrimba.com'sLearn Flexbox 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'sCSS Grid course | Free |
| Scrimba.com'sLearn CSS Grid 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'sBootstrap 3 Tutorial | Free |
| W3Schools'sBootstrap 4 Tutorial | Free |
| Bootstrap 4 cheat sheet | Free |
| Scrimba.com'sLearn Bootstrap course | Free |
| freeCodeCamp'sBootstrap course | Free |
| Codecademy'sLearn Bootstrap course | Paid |
| "Bootstrap 3 Vs Bootstrap 4 : What’s New?" article | Free |
| Name | Cost |
|---|---|
| Sass website | Free |
| freeCodeCamp'sSASS course | Free |
| W3Schools'sSass Tutorial | Free |
| Codecademy'sLearn Sass course | Paid |
| Codecademy'sLearn Sass: Fundamentals course | Free |
| Codecademy'sLearn Sass: Functions and Operations course | Free |
| Codecademy'sLearn Sass: Mixins and Parent Selector course | Free |
| Codecademy'sLearn 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'sHTML Color Picker | Free |
| Color Contrast Checker | Free |
| Web Accessibility Evaluation Tool | Free |
| Normalize.css website | Free |
| Autoprefixer CSS online | Free |
| CSS Gradient Generator | Free |
| Josh Comeau's CSS Gradient Generator | Free |
| Gradient Hunt | Free |
| Image to Colors Palette Generator | Free |
| Color Hunt | Free |
| Josh Comeau's CSS Shadow Palette Generator | Free |
| CSS Minifier | Free |
| CSS Specificity Calculator | 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 |
| FreeImages | 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'sLearn the Command Line course | Paid |
| Unix/Linux Commands cheat sheet | Free |
| Mastering Markdown course by Wes Bos | Free |
| Markdown cheat sheet on Devhints | Free |
| Markdown Formatter | Free |
| Markdown to HTML Converter | Free |
| Udacity'sWriting READMEs course | Free |
| GitHub Desktop | Free |
| Git Basics tutorial on The Odin Project | Free |
| Intermediate Git tutorial on The Odin Project | Free |
| Git cheat sheet | Free |
| W3Schools'sGit Tutorial | Free |
| Udacity'sVersion Control with Git course | Free |
| Codecademy'sLearn Git: Introduction course | Free |
| Codecademy'sLearn Git: Branching and Collaboration | Free |
| Codecademy'sLearn GitHub: Introduction course | Free |
| Codecademy'sDeploying Websites using Git and GitHub course | Free |
| Codecademy'sLearn GitHub: Best Practices course | Free |
| Codecademy'sLearn Git & GitHub course | Paid |
| Name | Cost |
|---|---|
| React.js website | Free |
| W3Schools'sReact Tutorial | Free |
| Codecademy'sLearn React course | Free |
| Codecademy'sLearn React: Introduction course | Free |
| Codecademy'sLearn React: Additional Basics course | Free |
| Codecademy'sLearn React: State Management course | Free |
| Codecademy'sLearn React: Hooks course | Free |
| Codecademy'sLearn React: Lifecycle Methods course | Free |
| Codecademy'sLearn Advanced React course | Paid |
| Scrimba.com'sLearn React course | Free |
| React Course on The Odin Project | Free |
| freeCodeCamp'sReact course | Free |
| React Hooks Simplified course | Free |
| "Demystifying useEffect's clean-up function" article | Free |
| HTML to JSX Converter | 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'sLearn React Router v6 course | Free |
| Codecademy'sLearn React Native course | Free |
| React Interview Questions by@sudheerj on GitHub | Free |
| Name | Cost |
|---|---|
| Redux website | Free |
| Codecademy'sLearn Redux course | Free |
| Codecademy'sLearn Redux: Fundamentals course | Free |
| Codecademy'sLearn Redux: Redux Toolkit course | Free |
| Codecademy'sLearn Redux: Middleware and Thunks course | Free |
| freeCodeCamp'sRedux course | Free |
| freeCodeCamp'sReact 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'sManaging Packages with NPM course | Free |
| Codecademy'sLearn Node.js course | Free |
| Codecademy'sLearn Node.js: Fundamentals course | Free |
| Codecademy'sLearn Node.js: Setting Up a Server course | Free |
| Codecademy'sLearn to Prevent Cross-Site Scripting with Node.js course | Paid |
| W3Schools'sNode.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'sBasic Node and Express course | Free |
| NodeJS Course on The Odin Project | Free |
| Pug website | Free |
| EJS website | Free |
| Passport.js website | Free |
| freeCodeCamp'sAdvanced Node and Express course | Free |
| Codecademy'sLearn Express course | Paid |
| Codecademy'sUser Authentication & Authorization in Express course | Free |
| Helmet.js website | Free |
| freeCodeCamp'sInformation 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'sQuality Assurance and Testing with Chai course | Free |
| Udacity'sJavaScript Testing course | Free |
| Testing JavaScript tutorial on The Odin Project | Free |
| Codecademy'sLearn React Testing course | Free |
| Codecademy'sLearn JavaScript Unit Testing course | Paid |
| Codecademy'sLearn Testing for Web Development course | Paid |
| Name | Cost |
|---|---|
| MongoDB website | Free and Paid services |
| freeCodeCamp'sMongoDB and Mongoose course | Free |
| Codecademy'sLearn MongoDB course | Free |
| MongoDB University | Free |
| Udacity'sData 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'sRelational Database Certification | Free |
| Databases Course on The Odin Project | Free |
| Codecademy'sLearn SQL course | Free |
| Codecademy'sHow to Transform Tables with SQL course | Paid |
| Codecademy'sHow to Analyze Business Metrics with SQL course | Paid |
| Codecademy'sLearn to Prevent SQL Injections with Node.js course | Paid |
| Codecademy'sLearn Node-SQLite course | Free |
| Knex Query Lab | Free |
| Knex cheat sheet on Devhints | Free |
About
An ongoing collective list of recommended resources for web developers. The vast majority of which are free, though some, however, are paid.
Topics
javascript web-development programming resources full-stack learn-to-code courses lessons web-developer web-dev fullstack-javascript web-development-tools resource-list learning-resources full-stack-development full-stack-web-development mern-stack-development free-tools coding-resource free-resources
Resources
Uh oh!
There was an error while loading.Please reload this page.
Stars
Watchers
Forks
Releases
No releases published
Packages0
No packages published