{"id":25509314,"url":"https://github.com/autumnchris/resources-for-web-developers","last_synced_at":"2025-08-21T08:14:02.322Z","repository":{"id":126828619,"uuid":"361892357","full_name":"autumnchris/resources-for-web-developers","owner":"autumnchris","description":"An ongoing collective list of recommended resources for web developers. The vast majority of which are free, though some, however, are paid.","archived":false,"fork":false,"pushed_at":"2025-07-29T03:45:58.000Z","size":78,"stargazers_count":55,"open_issues_count":2,"forks_count":8,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-07-29T05:44:43.009Z","etag":null,"topics":["coding-resource","courses","free-resources","free-tools","full-stack","full-stack-development","full-stack-web-development","fullstack-javascript","javascript","learn-to-code","learning-resources","lessons","mern-stack-development","programming","resource-list","resources","web-dev","web-developer","web-development","web-development-tools"],"latest_commit_sha":null,"homepage":"","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/autumnchris.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2021-04-26T20:58:58.000Z","updated_at":"2025-07-29T03:46:02.000Z","dependencies_parsed_at":null,"dependency_job_id":"fed6bdaa-29a2-4d14-a47a-1a3d9ea471eb","html_url":"https://github.com/autumnchris/resources-for-web-developers","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/autumnchris/resources-for-web-developers","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/autumnchris%2Fresources-for-web-developers","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/autumnchris%2Fresources-for-web-developers/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/autumnchris%2Fresources-for-web-developers/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/autumnchris%2Fresources-for-web-developers/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/autumnchris","download_url":"https://codeload.github.com/autumnchris/resources-for-web-developers/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/autumnchris%2Fresources-for-web-developers/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":271448397,"owners_count":24761438,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-08-21T02:00:08.990Z","response_time":74,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["coding-resource","courses","free-resources","free-tools","full-stack","full-stack-development","full-stack-web-development","fullstack-javascript","javascript","learn-to-code","learning-resources","lessons","mern-stack-development","programming","resource-list","resources","web-dev","web-developer","web-development","web-development-tools"],"created_at":"2025-02-19T08:54:55.831Z","updated_at":"2025-08-21T08:14:02.308Z","avatar_url":"https://github.com/autumnchris.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# Recommended Resources for Web Developers\n\nAn ongoing collective list of recommended resources for web developers. The vast majority of which are free, though some, however, are paid.\n\n---\n\n## Index\n* [General Resources](#general-resources)\n  * [Tutorials and Docs](#tutorials-and-docs)\n  * [YouTube Channels](#youtube-channels)\n  * [Blogs, Chats, and Forums](#blogs-chats-and-forums)\n  * [Challenges, Algorithms, and Data Structures](#challenges-algorithms-and-data-structures)\n  * [MOOCs](#moocs)\n  * [Books](#books)\n  * [General Links and Tools](#general-links-and-tools)\n* [JavaScript](#javascript)\n  * [ES6 Syntax](#es6-syntax)\n  * [Web Requests and Asynchronous JavaScript](#web-requests-and-asynchronous-javascript)\n  * [Regular Expressions](#regular-expressions)\n  * [TypeScript](#typescript)\n* [HTML and CSS](#html-and-css)\n  * [Flexbox and CSS Grid](#flexbox-and-css-grid)\n  * [Bootstrap](#bootstrap)\n  * [Sass](#sass)\n  * [HTML and CSS Tools](#html-and-css-tools)\n* [Fonts, Icons, and Images](#fonts-icons-and-images)\n  * [Fonts](#fonts)\n  * [Icon Font Libraries](#icon-font-libraries)\n  * [Stock Images](#stock-images)\n  * [Image Editing Tools](#image-editing-tools)\n* [Command Line, Git, and Markdown](#command-line-git-and-markdown)\n* [React.js](#reactjs)\n  * [Redux](#redux)\n* [Node.js](#nodejs)\n  * [Express.js](#expressjs)\n  * [JavaScript Testing](#javascript-testing)\n* [Other JavaScript Libraries](#other-javascript-libraries)\n* [MongoDB](#mongodb)\n* [SQL Databases](#sql-databases)\n\n## General Resources\n\n### Tutorials and Docs\nName | Cost\n---- | ----\n[W3Schools](https://www.w3schools.com) | Free with some Paid content\n[MDN (Mozilla Developer Network)](https://developer.mozilla.org) | Free\n[freeCodeCamp](https://www.freecodecamp.org) | Free\n[JavaScript.info](https://javascript.info) | Free\n[DevDocs.io](https://devdocs.io) | Free\n[Devhints](https://devhints.io) | Free\n[The Odin Project](https://www.theodinproject.com) | Free\n[LinkedIn Learning](https://www.linkedin.com/learning) | Paid, but Free with some public library and university library memberships\n[Codecademy](https://www.codecademy.com) | Free and Paid content\n[Udacity](https://www.udacity.com) | Free and Paid content\n[Sololearn](https://www.sololearn.com) | Free with Paid features\n\n**[\u0026#8679; Back to Index](#index)**\n\n### YouTube Channels\nName | Cost\n---- | ----\n[freeCodeCamp.org](https://www.youtube.com/c/Freecodecamp) | Free\n[Traversy Media](https://www.youtube.com/c/TraversyMedia) | Free\n[LearnWebCode](https://www.youtube.com/user/LearnWebCode) | Free\n[Web Dev Simplified](https://www.youtube.com/c/WebDevSimplified) | Free\n[CS Dojo](https://www.youtube.com/c/CSDojo) | Free\n[Kevin Powell](https://www.youtube.com/kepowob) | Free\n[CS50](https://www.youtube.com/c/cs50) | Free\n[Faraday Academy](https://www.youtube.com/c/FaradayAcademy) | Free\n[The Coding Train](https://www.youtube.com/c/TheCodingTrain) | Free\n\n**[\u0026#8679; Back to Index](#index)**\n\n### Blogs, Chats, and Forums\nName | Cost\n---- | ----\n[Stack Overflow](https://stackoverflow.com) | Free with Paid features\n[freeCodeCamp's Programming Tutorials blog](https://www.freecodecamp.org/news) | Free\n[freeCodeCamp's forum](https://forum.freecodecamp.org) | Free\n[CSS-Tricks](https://css-tricks.com) | Free\n[DEV Community](https://dev.to) | Free\n[The Odin Project's Discord server](https://discord.com/invite/fbFCkYabZB) | Free\n[Codecademy's forum](https://discuss.codecademy.com) | Free\n[Ben Ilegbodu's blog](https://www.benmvp.com) | Free\n[Josh Comeau's blog](https://www.joshwcomeau.com) | Free\n[Web Dev Simplified's blog](https://blog.webdevsimplified.com) | Free\n[Web Dev Simplified's Discord server](https://discord.com/invite/7StTjnR) | Free\n[Kevin Powell's Discord server](https://discord.com/invite/nTYCvrK) | Free\n[CS50's Discord server](https://discord.com/invite/cs50) | Free\n\n**[\u0026#8679; Back to Index](#index)**\n\n### Challenges, Algorithms, and Data Structures\nName | Description | Cost\n---- | ----------- | ----\n[Codewars](https://www.codewars.com) | A popular gamified site for completing community-driven challenges customized by your preferred programming languages and experience level.   | Free with some Paid features\nAlgorithms on freeCodeCamp | A collection of JavaScript algorithms split by difficulty listed as [Basic](https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/#basic-algorithm-scripting), [Intermediate](https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/#intermediate-algorithm-scripting), [Advanced](https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/#javascript-algorithms-and-data-structures-projects), and [Interview Prep](https://www.freecodecamp.org/learn/coding-interview-prep/#algorithms). | Free\n[Project Euler](https://projecteuler.net) | Hundreds of mathematical programming challenges that can be solved in the programming language of your choice. | Free\n[Computer Science course](https://www.khanacademy.org/computing/computer-science) on Khan Academy | A course for learning sorting algorithms and cryptography challenges in JavaScript. | Free\n[A Bit of Computer Science tutorial](https://www.theodinproject.com/paths/full-stack-javascript/courses/javascript#a-bit-of-computer-science) on The Odin Project | A taste of computer science for the JavaScript developer featuring articles and projects for learning DSA. | Free\nfreeCodeCamp's [Data Structures course](https://www.freecodecamp.org/learn/coding-interview-prep/#data-structures) | Test your knowledge of Data Structures with these lessons and challenges on the subject provided in JavaScript. | Free\n[Sorting Algorithms Visualization Comparisons](https://www.cs.usfca.edu/~galles/visualization/ComparisonSort.html) | Animated visualizations of the functioning of various popular sorting algorithms. | Free\n[Frontend Mentor](https://www.frontendmentor.io) | A collection of several frontend projects that can be completed and shared with other developers in the community. | Free and Paid content\n[NeetCode](https://neetcode.io) | Practice algorithms for interview prep for free and watch courses on DSA with a Pro membership. | Free and Paid content\n[LeetCode](https://leetcode.com) | Challenges, Study Plans, Interview Prep for top companies, and more. A well known study platform in the industry. | Free and Paid content\n\n**[\u0026#8679; Back to Index](#index)**\n\n### MOOCs\nName | Description | Cost\n---- | ----------- | ----\n[CS50's Introduction to Computer Science](https://www.edx.org/course/introduction-computer-science-harvardx-cs50x) | 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\n[CS50's Introduction to Programming with Python](https://www.edx.org/course/cs50s-introduction-to-programming-with-python) | Taught by Harvard University on edX, an introduction to programming using Python. | Free to take, certificate is Paid\n[CS50's Web Programming with Python and JavaScript](https://www.edx.org/course/cs50s-web-programming-with-python-and-javascript) | Taught by Harvard University on edX, and a continuation of [CS50](https://www.edx.org/course/introduction-computer-science-harvardx-cs50x), 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\n[CS50's Introduction to Artificial Intelligence with Python](https://www.edx.org/course/cs50s-introduction-to-artificial-intelligence-with-python) | Taught by Harvard University on edX, and a continuation of [CS50](https://www.edx.org/course/introduction-computer-science-harvardx-cs50x), this course introduces machine learning with Python for the use of adding artificial intelligence to applications. | Free to take, certificate is Paid\n[CS50's Mobile App Development with React Native](https://www.edx.org/course/cs50s-mobile-app-development-with-react-native) | Taught by Harvard University on edX, and a continuation of [CS50](https://www.edx.org/course/introduction-computer-science-harvardx-cs50x), this course teaches modern mobile app development using React Native and JavaScript. | Free to take, certificate is Paid\n[The Web Developer Bootcamp 2021](https://www.udemy.com/course/the-web-developer-bootcamp) 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\n[The Advanced Web Developer Bootcamp](https://www.udemy.com/course/the-advanced-web-developer-bootcamp) on Udemy | A continuation of [The Web Developer Bootcamp](https://www.udemy.com/course/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\n[The Complete Node.js Developer Course (3rd Edition)](https://www.udemy.com/course/the-complete-nodejs-developer-course-2) on Udemy | This courses teaches how to build modern back-end web applications using Node.js, Express.js, and MongoDB. | Paid\n[Become a WordPress Developer: Unlocking Power With Code](https://www.udemy.com/course/become-a-wordpress-developer-php-javascript) on Udemy | This course teaches how to create modern custom-built WordPress sites from scratch with PHP and JavaScript. | Paid\n\n**[\u0026#8679; Back to Index](#index)**\n\n### Books\nConsider 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.\n\nName | Cost\n---- | ----\n*JavaScript: The Definitive Guide* by David Flanagan | Paid, but Free if available at your public or university library\n*Learning Web App Development: Build Quickly with Proven JavaScript Techniques* by Semmy Purewal | Paid, but Free if available at your public or university library\n*JavaScript: The Good Parts* by Douglas Crockford | Paid, but Free if available at your public or university library\n*[A Mind For Numbers: How to Excel at Math and Science (Even If You Flunked Algebra)](https://barbaraoakley.com/books/a-mind-for-numbers)* by Barbara Oakley | Paid, but Free if available at your public or university library\n*[Functional Design Patterns for Express.js: A step-by-step guide to building elegant, maintainable Node.js backends.](https://jonathanleemartin.com/books)* by Jonathan Lee Martin | Paid\n*[Express in Action: Writing, building, and testing Node.js applications](https://www.manning.com/books/express-in-action)* by Evan M. Hahn | Free online, but print book and ebook are Paid\n*[Pro Git](https://git-scm.com/book/en/v2)* by Scott Chacon and Ben Straub | Free\n\n**[\u0026#8679; Back to Index](#index)**\n\n### General Links and Tools\nName | Cost\n---- | ----\n[Visual Studio Code](https://code.visualstudio.com) | Free\n[VS Code keyboard shortcuts cheat sheet](https://devhints.io/vscode) on Devhints | Free\n[Replit](https://replit.com) | Free with some Paid features\n[Code Playground](https://www.sololearn.com/codes) on Sololearn | Free\n[CodePen](https://codepen.io) | Free with some Paid features\n[Scratch](https://scratch.mit.edu) | Free\n[Diffchecker](https://www.diffchecker.com) | Free with some Paid features\n[Can I use...](https://caniuse.com) | Free\n[Lorem Ipsum Generator](https://loremipsum.io) | Free\n[\"How to Use Google to Solve Your Programming Questions\" article](https://codinginflow.com/google-programming-questions) | Free\n[\"Don’t Believe Anyone Who Tells You Learning To Code Is Easy\" article](https://techcrunch.com/2014/05/24/dont-believe-anyone-who-tells-you-learning-to-code-is-easy/) | Free\n[\"Things I Wish Someone Had Told Me When I Was Learning How to Code\" article](https://www.freecodecamp.org/news/things-i-wish-someone-had-told-me-when-i-was-learning-how-to-code-565fc9dcb329/) | Free\n[\"How to be great at asking coding questions\" article](https://medium.com/@gordon_zhu/how-to-be-great-at-asking-questions-e37be04d0603) | Free\n\n**[\u0026#8679; Back to Index](#index)**\n\n## JavaScript\nName | Cost\n---- | ----\nfreeCodeCamp's [JavaScript Algorithms and Data Structures Certification](https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures-v8) | Free\nfreeCodeCamp's [Legacy JavaScript Algorithms and Data Structures Certification](https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures) | Free\nW3Schools's [JavaScript Tutorial](https://www.w3schools.com/js/default.asp) | Free\nUdacity's [Intro to JavaScript course](https://www.udacity.com/course/intro-to-javascript--ud803) | Free\nScrimba.com's [Introduction to JavaScript course](https://scrimba.com/learn/introductiontojavascript) | Free\nScrimba.com's [Learn JavaScript course](https://scrimba.com/learn/learnjavascript) | Free\n[JavaScript Basics tutorial](https://www.theodinproject.com/paths/foundations/courses/foundations#javascript-basics) on The Odin Project | Free\n[JavaScript Course](https://www.theodinproject.com/paths/full-stack-javascript/courses/javascript) on The Odin Project | Free\nCodecademy's [Learn JavaScript course](https://www.codecademy.com/learn/introduction-to-javascript) | Free\nCodecademy's [Learn JavaScript: Fundamentals course](https://www.codecademy.com/learn/learn-javascript-fundamentals) | Free\nCodecademy's [Learn Intermediate JavaScript course](https://www.codecademy.com/learn/learn-intermediate-javascript) | Free\nCodecademy's [Learn JavaScript: Arrays and Loops course](https://www.codecademy.com/learn/learn-javascript-arrays-and-loops) | Free\nCodecademy's [Learn JavaScript: Objects course](https://www.codecademy.com/learn/learn-javascript-objects) | Free\nCodecademy's [Learn JavaScript: Functions and Scope course](https://www.codecademy.com/learn/learn-javascript-functions-and-scope) | Free\nCodecademy's [Learn JavaScript: Error Handling course](https://www.codecademy.com/learn/javascript-errors-debugging) | Free\nCodecademy's [Learn JavaScript: Iterators course](https://www.codecademy.com/learn/learn-javascript-iterators) | Free\nCodecademy's [Learn JavaScript: Classes and Modules course](https://www.codecademy.com/learn/learn-javascript-classes-and-modules) | Free\nCodecademy's [Building Interactive JavaScript Websites course](https://www.codecademy.com/learn/build-interactive-websites) | Paid\nCodecademy's [Learn JavaScript: Best Practices course](https://www.codecademy.com/learn/learn-javascript-best-practices) | Free\n[JavaScript.info](https://javascript.info) | Free\n[Beginner JavaScript! course](https://beginnerjavascript.com) by Wes Bos | Paid\n[JavaScript Formatter](https://jsonformatter.org/jsbeautifier) | Free\n[Josh Comeau's JS Operator Lookup](https://www.joshwcomeau.com/operator-lookup) | Free\nUdacity's [JavaScript and the DOM course](https://www.udacity.com/course/javascript-and-the-dom--ud117) | Free\nUdacity's [Building High Conversion Web Forms course](https://www.udacity.com/course/building-high-conversion-web-forms--ud890) | Free\nUdacity's [Object-Oriented JavaScript course](https://www.udacity.com/course/object-oriented-javascript--ud711) | Free\n[JavaScript30 course](https://javascript30.com) by Wes Bos | Free\n[JavaScript to JSON Converter](https://transform.tools/js-object-to-json) | Free\n[Web APIs list](https://developer.mozilla.org/en-US/docs/Web/API) on MDN | Free\n[JavaScript Arrays cheat sheet](https://devhints.io/js-array) on Devhints | Free\n[JavaScript Date cheat sheet](https://devhints.io/js-date) on Devhints | Free\n[JavaScript Interview Questions](https://github.com/sudheerj/javascript-interview-questions) by [@sudheerj](https://github.com/sudheerj) on GitHub | Free\nCodecademy's [Technical Interview Practice with JavaScript course](https://www.codecademy.com/learn/technical-interview-practice-with-javascript) | Paid\n\n**[\u0026#8679; Back to Index](#index)**\n\n### ES6 Syntax\nName | Cost\n---- | ----\nfreeCodeCamp's [ES6 course](https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/#es6) | Free\nScrimba.com's [Introduction to ES6+ course](https://scrimba.com/learn/introtoes6) | Free\nUdacity's [ES6 - JavaScript Improved course](https://www.udacity.com/course/es6-javascript-improved--ud356) | Free\n[List of ES6 Features](https://github.com/lukehoban/es6features) by [@lukehoban](https://github.com/lukehoban) on GitHub | Free\n[ES6 for Everyone course](https://es6.io) by Wes Bos | Paid\n[ES6 cheat sheet](https://devhints.io/es6) on Devhints | Free\n\n**[\u0026#8679; Back to Index](#index)**\n\n### Web Requests and Asynchronous JavaScript\nName | Cost\n---- | ----\n[Postman](https://www.postman.com) | Free with some Paid features\n[Axios website](https://axios-http.com) | Free\nW3Schools's [JSON Tutorial](https://www.w3schools.com/js/js_json_intro.asp) | Free\nUdacity's [JavaScript Promises course](https://www.udacity.com/course/javascript-promises--ud898) | Free\n[Asynchronous JavaScript and APIs tutorial](https://www.theodinproject.com/paths/full-stack-javascript/courses/javascript#asynchronous-javascript-and-apis) on The Odin Project | Free\nfreeCodeCamp's [JSON APIs and AJAX course](https://www.freecodecamp.org/learn/data-visualization/#json-apis-and-ajax) | Free\nCodecademy's [Learn JavaScript: Asynchronous Programming](https://www.codecademy.com/learn/asynchronous-javascript) | Free\nCodecademy's [Learn JavaScript: Requests course](https://www.codecademy.com/learn/learn-javascript-requests) | Free\n[\"Understanding JavaScript Promises\" article](https://www.digitalocean.com/community/tutorials/understanding-javascript-promises) | Free\n[API list](https://github.com/public-apis/public-apis) by [@public-apis](https://github.com/public-apis) on GitHub | Free\n[API list](https://github.com/n0shake/Public-APIs) by [@n0shake](https://github.com/n0shake) on GitHub | Free\n[JSONView extension for Chrome](https://chrome.google.com/webstore/detail/jsonview/chklaanhfefbnpoihckbnefhakgolnmc?hl=en-US) | Free\n[HTTP Status Codes cheat sheet](http://www.cheat-sheets.org/saved-copy/http-response-codes-1.pdf) | Free\n[JSON Formatter, Validator, Minifier, and Converter](https://jsonformatter.org) | Free\n[XML to JSON Converter](https://jsonformatter.org/xml-to-json) on jsonconverter.org | Free\n[XML to JSON Converter](https://transform.tools/xml-to-json) on transform.tools | Free\n[YAML to JSON Converter](https://jsonformatter.org/yaml-to-json) on jsonconverter.org | Free\n[YAML to JSON Converter](https://transform.tools/yaml-to-json) on transform.tools | Free\n\n**[\u0026#8679; Back to Index](#index)**\n\n### Regular Expressions\nName | Cost\n---- | ----\nfreeCodeCamp's [Regular Expressions course](https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/#regular-expressions) | Free\nCodecademy's [Learn the Basics of Regular Expressions course](https://www.codecademy.com/learn/introduction-to-regular-expressions) | Free\n[Regular Expressions cheat sheet](https://cheatography.com/davechild/cheat-sheets/regular-expressions/pdf) | Free\n[Regular Expressions cheat sheet](https://devhints.io/regexp) on Devhints | Free\n[regex101](https://regex101.com) | Free\n\n**[\u0026#8679; Back to Index](#index)**\n\n### TypeScript\nName | Cost\n---- | ----\n[TypeScript website](https://www.typescriptlang.org) | Free\nCodecademy's [Learn TypeScript course](https://www.codecademy.com/learn/learn-typescript) | Free\nCodecademy's [Learn TypeScript: Fundamentals course](https://www.codecademy.com/learn/learn-typescript-fundamentals) | Free\nCodecademy's [Learn TypeScript: Functions course](https://www.codecademy.com/learn/learn-typescript-functions) | Free\nCodecademy's [Learn TypeScript: Object Types course](https://www.codecademy.com/learn/learn-typescript-object-types) | Free\nCodecademy's [Learn TypeScript: Union Types course](https://www.codecademy.com/learn/learn-typescript-union-types) | Free\nCodecademy's [Learn TypeScript: Complex Types coures](https://www.codecademy.com/learn/learn-typescript-complex-types) | Free\nCodecademy's [Learn TypeScript: Type Narrowing course](https://www.codecademy.com/learn/learn-typescript-type-narrowing) | Free\nCodecademy's [Learn Intermediate TypeScript course](https://www.codecademy.com/learn/learn-intermediate-type-script) | Paid\n[TypeScript cheat sheet](https://devhints.io/typescript) on Devhints | Free\n[JavaScript to TypeScript Converter](https://transform.tools/js-object-to-typescript) | Free\n[TypeScript to JavaScript Converter](https://transform.tools/typescript-to-javascript) | Free\n\n**[\u0026#8679; Back to Index](#index)**\n\n## HTML and CSS\nName | Cost\n---- | ----\nfreeCodeCamp's [Responsive Web Design Certification](https://www.freecodecamp.org/learn/2022/responsive-web-design) | Free\nfreeCodeCamp's [Legacy Responsive Web Design Challenges](https://www.freecodecamp.org/learn/responsive-web-design) | Free\nW3Schools's [HTML Tutorial](https://www.w3schools.com/html/default.asp) | Free\nW3Schools's [CSS Tutorial](https://www.w3schools.com/css/default.asp) | Free\nScrimba.com's [Introduction to HTML course](https://scrimba.com/learn/html) | Free\nScrimba.com's [Introduction to CSS course](https://scrimba.com/learn/introtocss) | Free\nUdacity's [Intro to HTML and CSS course](https://www.udacity.com/course/intro-to-html-and-css--ud001) | Free\n[HTML Foundations tutorial](https://www.theodinproject.com/paths/foundations/courses/foundations#html-foundations) on The Odin Project | Free\n[CSS Foundations tutorial](https://www.theodinproject.com/paths/foundations/courses/foundations#css-foundations) on The Odin Project | Free\n[Intermediate HTML and CSS Course](https://www.theodinproject.com/paths/full-stack-javascript/courses/intermediate-html-and-css) on The Odin Project | Free\n[Advanced HTML and CSS Course](https://www.theodinproject.com/paths/full-stack-javascript/courses/advanced-html-and-css) on The Odin Project | Free\nCodecademy's [Learn HTML course](https://www.codecademy.com/learn/learn-html) | Free\nCodecademy's [Learn HTML: Fundamentals course](https://www.codecademy.com/learn/learn-html-fundamentals) | Free\nCodecademy's [Learn HTML: Semantic HTML course](https://www.codecademy.com/learn/learn-html-semantic-html) | Free\nCodecademy's [Learn HTML: Forms course](https://www.codecademy.com/learn/learn-html-forms) | Free\nCodecademy's [Learn HTML: Tables course](https://www.codecademy.com/learn/learn-html-tables) | Free\nCodecademy's [Learn CSS course](https://www.codecademy.com/learn/learn-css) | Free\nCodecademy's [Learn CSS: Introduction course](https://www.codecademy.com/learn/learn-css-introduction) | Free\nCodecademy's [Learn CSS: Box Model and Layout course](https://www.codecademy.com/learn/learn-css-box-model-and-layout) | Free\nCodecademy's [Learn CSS: Colors course](https://www.codecademy.com/learn/learn-css-colors) | Free\nCodecademy's [Learn Color Design course](https://www.codecademy.com/learn/learn-color-design) | Paid\nCodecademy's [Learn CSS: Typography and Fonts course](https://www.codecademy.com/learn/learn-css-typography-and-fonts) | Free\nCodecademy's [Learn CSS: Accessibility course](https://www.codecademy.com/learn/learn-css-accessibility) | Free\nCodecademy's [Learn CSS: Browser Compatibility course](https://www.codecademy.com/learn/learn-css-browser-compatibility) | Free\nCodecademy's [Learn Intermediate CSS course](https://www.codecademy.com/learn/learn-intermediate-css) | Free\nCodecademy's [Learn CSS: Responsive Design course](https://www.codecademy.com/learn/learn-responsive-design) | Paid\nCodecademy's [Learn CSS: Transitions and Animations course](https://www.codecademy.com/learn/learn-css-transitions-and-animations) | Free\nCodecademy's [Learn CSS: Variables and Functions course](https://www.codecademy.com/learn/learn-css-variables-and-functions) | Free\nUdacity's [Responsive Web Design Fundamentals course](https://www.udacity.com/course/responsive-web-design-fundamentals--ud893) | Free\nUdacity's [Responsive Images course](https://www.udacity.com/course/responsive-images--ud882) | Free\nW3Schools's [Accessibility Tutorial](https://www.w3schools.com/accessibility/index.php) | Free\nUdacity's [Web Accessibility course](https://www.udacity.com/course/web-accessibility--ud891) | Free\nScrimba.com's [Intro to UI Design Fundamentals course](https://scrimba.com/learn/design) | Free\nScrimba.com's [Learn CSS Variables course](https://scrimba.com/learn/cssvariables) | Free\n\n**[\u0026#8679; Back to Index](#index)**\n\n### Flexbox and CSS Grid\nName | Cost\n---- | ----\nCodecademy's [Learn CSS: Flexbox and Grid course](https://www.codecademy.com/learn/learn-css-flexbox-and-grid) | Free\nfreeCodeCamp's [CSS Flexbox course](https://www.freecodecamp.org/learn/responsive-web-design/#css-flexbox) | Free\nScrimba.com's [Learn Flexbox course](https://scrimba.com/learn/flexbox) | Free\n[Flexbox tutorial](https://www.theodinproject.com/paths/foundations/courses/foundations#flexbox) on The Odin Project | Free\n[What the Flexbox?! course](https://flexbox.io) by Wes Bos | Free\n[Flexbox Playground](https://the-echoplex.net/flexyboxes) | Free\n[Flexbox cheat sheet](https://yoksel.github.io/flex-cheatsheet) | Free\n[Flexbox cheat sheet](https://devhints.io/css-flexbox) on Devhints | Free\nfreeCodeCamp's [CSS Grid course](https://www.freecodecamp.org/learn/responsive-web-design/#css-grid) | Free\nScrimba.com's [Learn CSS Grid course](https://scrimba.com/learn/cssgrid) | Free\n[Grid tutorial](https://www.theodinproject.com/paths/full-stack-javascript/courses/intermediate-html-and-css#grid) on The Odin Project | Free\n[CSS Grid course](https://cssgrid.io) by Wes Bos | Free\n[CSS Grid cheat sheet](https://yoksel.github.io/grid-cheatsheet) | Free\n[CSS Grid cheat sheet](https://devhints.io/css-grid) on Devhints | Free\n\n**[\u0026#8679; Back to Index](#index)**\n\n### Bootstrap\nName | Cost\n---- | ----\n[Bootstrap website](https://getbootstrap.com) | Free\nW3Schools's [Bootstrap 3 Tutorial](https://www.w3schools.com/bootstrap/default.asp) | Free\nW3Schools's [Bootstrap 4 Tutorial](https://www.w3schools.com/bootstrap4/default.asp) | Free\n[Bootstrap 4 cheat sheet](https://hackerthemes.com/bootstrap-cheatsheet) | Free\nScrimba.com's [Learn Bootstrap course](https://scrimba.com/learn/bootstrap4) | Free\nfreeCodeCamp's [Bootstrap course](https://www.freecodecamp.org/learn/front-end-libraries/#bootstrap) | Free\nCodecademy's [Learn Bootstrap course](https://www.codecademy.com/learn/learn-bootstrap) | Paid\n[\"Bootstrap 3 Vs Bootstrap 4 : What’s New?\" article](https://www.bootstrapdash.com/blog/bootstrap-3-vs-4) | Free\n\n**[\u0026#8679; Back to Index](#index)**\n\n### Sass\nName | Cost\n---- | ----\n[Sass website](https://sass-lang.com) | Free\nfreeCodeCamp's [SASS course](https://www.freecodecamp.org/learn/front-end-libraries/#sass) | Free\nW3Schools's [Sass Tutorial](https://www.w3schools.com/sass/default.php) | Free\nCodecademy's [Learn Sass course](https://www.codecademy.com/learn/learn-sass) | Paid\nCodecademy's [Learn Sass: Fundamentals course](https://www.codecademy.com/learn/learn-sass-fundamentals) | Free\nCodecademy's [Learn Sass: Functions and Operations course](https://www.codecademy.com/learn/learn-sass-functions-and-operations) | Free\nCodecademy's [Learn Sass: Mixins and Parent Selector course](https://www.codecademy.com/learn/learn-sass-mixins-and-the-parent-selector) | Free\nCodecademy's [Learn Sass: Best Practices course](https://www.codecademy.com/learn/learn-sass-best-practices) | Free\n[Sass cheat sheet](https://devhints.io/sass) on Devhints | Free\n[CSS to SCSS Converter](https://jsonformatter.org/css-to-scss) | Free\n[SCSS to CSS Converter](https://jsonformatter.org/scss-to-css) | Free\n[SCSS Formatter](https://jsonformatter.org/scss-formatter) | Free\n\n**[\u0026#8679; Back to Index](#index)**\n\n### HTML and CSS Tools\nName | Cost\n---- | ----\n[W3C Markup Validator](https://validator.w3.org) | Free\n[HTML Validator](https://jsonformatter.org/html-validator) from JSONformatter.org | Free\n[W3C CSS Validator](http://jigsaw.w3.org/css-validator) | Free\n[HTML tags list](https://html-css-js.com/html/tags) | Free\n[HTML input tag cheat sheet](https://devhints.io/html-input) on Devhints | Free\n[CSS cheat sheet](https://websitesetup.org/wp-content/uploads/2019/11/wsu-css-cheat-sheet-gdocs.pdf) | Free\n[CSS cheat sheet](https://devhints.io/css) on Devhints | Free\n[HTML Formatter](https://jsonformatter.org/html-formatter) | Free\n[CSS Formatter](https://jsonformatter.org/css-beautifier) | Free\nW3Schools's [HTML Color Picker](https://www.w3schools.com/colors/colors_picker.asp) | Free\n[Color Contrast Checker](https://webaim.org/resources/contrastchecker) | Free\n[Web Accessibility Evaluation Tool](https://wave.webaim.org) | Free\n[Normalize.css website](https://necolas.github.io/normalize.css) | Free\n[Autoprefixer CSS online](https://autoprefixer.github.io) | Free\n[CSS Gradient Generator](https://angrytools.com/gradient) | Free\n[Josh Comeau's CSS Gradient Generator](https://www.joshwcomeau.com/gradient-generator) | Free\n[Gradient Hunt](https://gradienthunt.com) | Free\n[Image to Colors Palette Generator](http://www.cssdrive.com/imagepalette/index.php) | Free\n[Color Hunt](https://colorhunt.co) | Free\n[Josh Comeau's CSS Shadow Palette Generator](https://www.joshwcomeau.com/shadow-palette) | Free\n[CSS Minifier](https://jsonformatter.org/minify-css) | Free\n[CSS Specificity Calculator](https://specificity.keegan.st) | Free\n\n**[\u0026#8679; Back to Index](#index)**\n\n## Fonts, Icons, and Images\n\n### Fonts\nCheck 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.\n\nName | Cost\n---- | ----\n[Google Fonts](https://fonts.google.com) | Free\n[DaFont](https://www.dafont.com) | Free, but it's important to check the source of the font that you use to be sure\n[Fonts2u.com](https://fonts2u.com) | Free, but it's important to check the source of the font that you use to be sure\n[1001 Free Fonts](https://www.1001freefonts.com) | Free, but it's important to check the source of the font that you use to be sure\n[BeFonts](https://befonts.com) | Free, but full features and license are Paid\n\n**[\u0026#8679; Back to Index](#index)**\n\n### Icon Font Libraries\nName | Cost\n---- | ----\n[Font Awesome](https://fontawesome.com) | Free and Paid content\n[Material Icons](https://fonts.google.com/icons) | Free\n[Weather Icons by erikflowers](https://erikflowers.github.io/weather-icons) | Free\n[Ionicons](https://ionicons.com) | Free\n\n**[\u0026#8679; Back to Index](#index)**\n\n### Stock Images\nCheck 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.\n\nName | Cost\n---- | ----\n[Burst](https://burst.shopify.com) by Shopify | Free\n[Unsplash](https://unsplash.com) | Free\n[Pexels](https://www.pexels.com) | Free\n[Pixabay](https://pixabay.com) | Free\n[FreeImages](https://www.freeimages.com) | Free\n[StockSnap.io](https://stocksnap.io) | Free\n[ISO Republic](https://isorepublic.com) | Free\n[reshot](https://www.reshot.com) | Free\n[Pickup Image](https://pickupimage.com) | Free\n[Foodiesfeed](https://www.foodiesfeed.com) | Free\n[CleanPNG transparent images](https://www.cleanpng.com) | Free\n[Free-Images.com](https://free-images.com) | Free\n[Icons8](https://icons8.com) | Free with Paid features\n[Iconfinder](https://www.iconfinder.com) | Free and Paid content\n[Feather Icons](https://feathericons.com/) | Free\n[Noun Project](https://thenounproject.com) | Free with Paid features\n\n**[\u0026#8679; Back to Index](#index)**\n\n### Image Editing Tools\nName | Cost\n---- | ----\n[cssFilters.co](https://www.cssfilters.co) | Free\n[Dynamic Dummy Image Generator](https://dummyimage.com) | Free\n[TinyPNG](https://tinypng.com) | Free with Paid features\n[Remove Image Background tool](https://www.remove.bg) | Free with Paid features\n[Photopea](https://www.photopea.com) | Free\n[Photo Image Editor Pixelstyle](https://apps.apple.com/us/app/photo-image-editor-pixelstyle/id1244649277?mt=12) | Free\n[Inkscape](https://inkscape.org/) | Free\n\n**[\u0026#8679; Back to Index](#index)**\n\n## Command Line, Git, and Markdown\nName | Cost\n---- | ----\n[Command Line Power User course](https://commandlinepoweruser.com) by Wes Bos | Free\nCodecademy's [Learn the Command Line course](https://www.codecademy.com/learn/learn-the-command-line) | Paid\n[Unix/Linux Commands cheat sheet](http://www.cheat-sheets.org/saved-copy/fwunixref.pdf) | Free\n[Mastering Markdown course](https://masteringmarkdown.com) by Wes Bos | Free\n[Markdown cheat sheet](https://devhints.io/markdown) on Devhints | Free\n[Markdown Formatter](https://jsonformatter.org/markdown-formatter) | Free\n[Markdown to HTML Converter](https://transform.tools/markdown-to-html) | Free\nUdacity's [Writing READMEs course](https://www.udacity.com/course/writing-readmes--ud777) | Free\n[GitHub Desktop](https://desktop.github.com) | Free\n[Git Basics tutorial](https://www.theodinproject.com/paths/foundations/courses/foundations#git-basics) on The Odin Project | Free\n[Intermediate Git tutorial](https://www.theodinproject.com/paths/full-stack-javascript/courses/javascript#intermediate-git) on The Odin Project | Free\n[Git cheat sheet](https://training.github.com/downloads/github-git-cheat-sheet.pdf) | Free\nW3Schools's [Git Tutorial](https://www.w3schools.com/git/default.asp) | Free\nUdacity's [Version Control with Git course](https://www.udacity.com/course/version-control-with-git--ud123) | Free\nCodecademy's [Learn Git: Introduction course](https://www.codecademy.com/learn/learn-git-introduction) | Free\nCodecademy's [Learn Git: Branching and Collaboration](https://www.codecademy.com/learn/learn-git-branching-and-collaboration) | Free\nCodecademy's [Learn GitHub: Introduction course](https://www.codecademy.com/learn/learn-github-introduction) | Free\nCodecademy's [Deploying Websites using Git and GitHub course](https://www.codecademy.com/learn/deploying-websites-using-git-and-github) | Free\nCodecademy's [Learn GitHub: Best Practices course](https://www.codecademy.com/learn/learn-github-best-practices) | Free\nCodecademy's [Learn Git \u0026 GitHub course](https://www.codecademy.com/learn/learn-git) | Paid\n\n**[\u0026#8679; Back to Index](#index)**\n\n## React.js\nName | Cost\n---- | ----\n[React.js website](https://reactjs.org) | Free\nW3Schools's [React Tutorial](https://www.w3schools.com/react/default.asp) | Free\nCodecademy's [Learn React course](https://www.codecademy.com/learn/react-101) | Free\nCodecademy's [Learn React: Introduction course](https://www.codecademy.com/learn/learn-react-introduction) | Free\nCodecademy's [Learn React: Additional Basics course](https://www.codecademy.com/learn/learn-react-additional-basics) | Free\nCodecademy's [Learn React: State Management course](https://www.codecademy.com/learn/learn-react-state-management) | Free\nCodecademy's [Learn React: Hooks course](https://www.codecademy.com/learn/learn-react-hooks) | Free\nCodecademy's [Learn React: Lifecycle Methods course](https://www.codecademy.com/learn/learn-react-lifecycle-methods) | Free\nCodecademy's [Learn Advanced React course](https://www.codecademy.com/learn/learn-advanced-react) | Paid\nScrimba.com's [Learn React course](https://scrimba.com/learn/learnreact) | Free\n[React Course](https://www.theodinproject.com/paths/full-stack-javascript/courses/react) on The Odin Project | Free\nfreeCodeCamp's [React course](https://www.freecodecamp.org/learn/front-end-libraries/#react) | Free\n[React Hooks Simplified course](https://courses.webdevsimplified.com/react-hooks-simplified) | Free\n[\"Demystifying useEffect's clean-up function\" article](https://maxrozen.com/demystifying-useeffect-cleanup-function) | Free\n[HTML to JSX Converter](https://transform.tools/html-to-jsx) | Free\n[React Resources](https://github.com/enaqx/awesome-react) by [@enaqx](https://github.com/enaqx) on GitHub | Free\n[React cheat sheet](https://devhints.io/react) on Devhints | Free\n[React Developer Tools extension for Chrome](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en-US) | Free\n[React Router website](https://reactrouter.com) | Free\nCodecademy's [Learn React Router v6 course](https://www.codecademy.com/learn/learn-react-router) | Free\nCodecademy's [Learn React Native course](https://www.codecademy.com/learn/learn-react-native) | Free\n[React Interview Questions](https://github.com/sudheerj/reactjs-interview-questions) by [@sudheerj](https://github.com/sudheerj) on GitHub | Free\n\n**[\u0026#8679; Back to Index](#index)**\n\n### Redux\nName | Cost\n---- | ----\n[Redux website](https://redux.js.org) | Free\nCodecademy's [Learn Redux course](https://www.codecademy.com/learn/learn-redux) | Free\nCodecademy's [Learn Redux: Fundamentals course](https://www.codecademy.com/learn/learn-redux-fundamentals) | Free\nCodecademy's [Learn Redux: Redux Toolkit course](https://www.codecademy.com/learn/learn-redux-redux-toolkit) | Free\nCodecademy's [Learn Redux: Middleware and Thunks course](https://www.codecademy.com/learn/learn-redux-middleware-and-thunks) | Free\nfreeCodeCamp's [Redux course](https://www.freecodecamp.org/learn/front-end-libraries/#redux) | Free\nfreeCodeCamp's [React and Redux course](https://www.freecodecamp.org/learn/front-end-libraries/#react-and-redux) | Free\n[Redux cheat sheet](https://devhints.io/redux) on Devhints | Free\n\n**[\u0026#8679; Back to Index](#index)**\n\n## Node.js\nName | Cost\n---- | ----\n[Node.js website](https://nodejs.org/en) | Free\n[NPM website](https://www.npmjs.com) | Free with some Paid features\n[NPM cheat sheet](https://devhints.io/npm) on Devhints | Free\nfreeCodeCamp's [Managing Packages with NPM course](https://www.freecodecamp.org/learn/apis-and-microservices/#managing-packages-with-npm) | Free\nCodecademy's [Learn Node.js course](https://www.codecademy.com/learn/learn-node-js) | Free\nCodecademy's [Learn Node.js: Fundamentals course](https://www.codecademy.com/learn/learn-nodejs-fundamentals) | Free\nCodecademy's [Learn Node.js: Setting Up a Server course](https://www.codecademy.com/learn/learn-nodejs-setting-up-a-server) | Free\nCodecademy's [Learn to Prevent Cross-Site Scripting with Node.js course](https://www.codecademy.com/learn/learn-to-prevent-cross-site-scripting-with-node-js) | Paid\nW3Schools's [Node.js Tutorial](https://www.w3schools.com/nodejs/default.asp) | Free\n[nodemon website](https://nodemon.io) | Free\n\n**[\u0026#8679; Back to Index](#index)**\n\n### Express.js\nName | Cost\n---- | ----\n[Express.js website](https://expressjs.com) | Free\n[\"Understanding Express.js\" article](http://evanhahn.com/understanding-express) by Evan Hahn | Free\n[Express.js cheat sheet](https://overapi.com/express) | Free\nfreeCodeCamp's [Basic Node and Express course](https://www.freecodecamp.org/learn/apis-and-microservices/#basic-node-and-express) | Free\n[NodeJS Course](https://www.theodinproject.com/paths/full-stack-javascript/courses/nodejs) on The Odin Project | Free\n[Pug website](https://pugjs.org) | Free\n[EJS website](https://ejs.co) | Free\n[Passport.js website](http://www.passportjs.org) | Free\nfreeCodeCamp's [Advanced Node and Express course](https://www.freecodecamp.org/learn/quality-assurance/#advanced-node-and-express) | Free\nCodecademy's [Learn Express course](https://www.codecademy.com/learn/learn-express) | Paid\nCodecademy's [User Authentication \u0026 Authorization in Express course](https://www.codecademy.com/learn/user-authentication-authorization-express) | Free\n[Helmet.js website](https://helmetjs.github.io) | Free\nfreeCodeCamp's [Information Security with HelmetJS course](https://www.freecodecamp.org/learn/information-security/#information-security-with-helmetjs) | Free\n[Socket.IO website](https://socket.io) | Free\n\n**[\u0026#8679; Back to Index](#index)**\n\n### JavaScript Testing\nName | Cost\n---- | ----\n[Mocha.js website](https://mochajs.org) | Free\n[Chai.js website](https://www.chaijs.com) | Free\n[Chai.js cheat sheet](https://devhints.io/chai) on Devhints | Free\n[Jasmine website](https://jasmine.github.io) | Free\n[Jasmine cheat sheet](https://devhints.io/jasmine) on Devhints | Free\n[Jest website](https://jestjs.io) | Free\n[Jest cheat sheet](https://devhints.io/jest) on Devhints | Free\nfreeCodeCamp's [Quality Assurance and Testing with Chai course](https://www.freecodecamp.org/learn/quality-assurance/#quality-assurance-and-testing-with-chai) | Free\nUdacity's [JavaScript Testing course](https://www.udacity.com/course/javascript-testing--ud549) | Free\n[Testing JavaScript tutorial](https://www.theodinproject.com/paths/full-stack-javascript/courses/javascript#testing-javascript) on The Odin Project | Free\nCodecademy's [Learn React Testing course](https://www.codecademy.com/learn/learn-react-testing) | Free\nCodecademy's [Learn JavaScript Unit Testing course](https://www.codecademy.com/learn/learn-javascript-unit-testing) | Paid\nCodecademy's [Learn Testing for Web Development course](https://www.codecademy.com/learn/learn-testing-for-web-development) | Paid\n\n**[\u0026#8679; Back to Index](#index)**\n\n## Other JavaScript Libraries\nName | Cost\n---- | ----\n[D3.js website](https://d3js.org) | Free\nfreeCodeCamp's [Data Visualization Certification](https://www.freecodecamp.org/learn/data-visualization) | Free\nScrimba.com's [Learn D3 course](https://scrimba.com/learn/d3js) | Free\nUdacity's [Data Visualization and D3.js course](https://www.udacity.com/course/data-visualization-and-d3js--ud507) | Free\nCodecademy's [Learn D3 course](https://www.codecademy.com/learn/learn-d3) | Paid\n[Chart.js website](https://www.chartjs.org) | Free\n[Moment.js website](https://momentjs.com) | Free\n[Moment.js cheat sheet](https://devhints.io/moment) on Devhints | Free\n[Vue.js website](https://vuejs.org) | Free\nScrimba.com's [Learn Vue.js course](https://scrimba.com/learn/learnvue) | Free\nCodecademy's [Learn Vue.js course](https://www.codecademy.com/learn/learn-vue-js) | Paid\n[Vue.js cheat sheet](https://devhints.io/vue) on Devhints | Free\n[Angular website](https://angular.io) | Free\nScrimba.com's [Build your first Angular app course](https://scrimba.com/learn/yourfirstangularapp) | Free\n[AngularJS website](https://angularjs.org) | Free\nW3Schools's [AngularJS Tutorial](https://www.w3schools.com/angular/default.asp) | Free\nCodecademy's [Learn AngularJS 1.X course](https://www.codecademy.com/learn/learn-angularjs) | Free\n[Angular.js cheat sheet](https://devhints.io/angularjs) on Devhints | Free\n[jQuery website](https://jquery.com) | Free\nW3Schools's [jQuery Tutorial](https://www.w3schools.com/jquery/default.asp) | Free\nfreeCodeCamp's [jQuery course](https://www.freecodecamp.org/learn/front-end-development-libraries/#jquery) | Free\nCodecademy's [Learn jQuery course](https://www.codecademy.com/learn/learn-jquery) | Paid\nCodecademy's [Learn jQuery: Fundamentals course](https://www.codecademy.com/learn/learn-jquery-fundamentals) | Free\nCodecademy's [Learn jQuery: Effects and Event Handling course](https://www.codecademy.com/learn/learn-jquery-effects-and-event-handling) | Free\nCodecademy's [Learn jQuery: Styles course](https://www.codecademy.com/learn/learn-jquery-styles) | Free\nCodecademy's [Learn jQuery: DOM Traversing course](https://www.codecademy.com/learn/learn-jquery-dom-traversing) | Free\n[p5.js website](https://p5js.org) | Free\nCodecademy's [Learn p5.js course](https://www.codecademy.com/learn/learn-p5js) | Free\nCodecademy's [Learn p5.js: Fundamentals course](https://www.codecademy.com/learn/learn-p5js-fundamentals) | Free\nCodecademy's [Learn p5.js: Interaction course](https://www.codecademy.com/learn/learn-p5js-interaction) | Free\nCodecademy's [Learn p5.js: Media course](https://www.codecademy.com/learn/learn-p5js-media) | Free\n[Three.js webspite](https://threejs.org) | Free\n[ProgressBar.js website](https://progressbarjs.readthedocs.io/en/latest/) | Free\n[Webpack.js website](https://webpack.js.org) | Free\n[Babel.js website](https://babeljs.io) | Free\n[TensorFlow website](https://www.tensorflow.org) | Free\nW3Schools's [TensorFlow Tutorial](https://www.w3schools.com/ai/ai_tensorflow_intro.asp) | Free\n[Brain.js website](https://brain.js.org) | Free\nScrimba.com's [Neural Networks in JavaScript course](https://scrimba.com/learn/neuralnetworks) | Free\n\n**[\u0026#8679; Back to Index](#index)**\n\n## MongoDB Databases\nName | Cost\n---- | ----\n[MongoDB website](https://www.mongodb.com) | Free and Paid services\nfreeCodeCamp's [MongoDB and Mongoose course](https://www.freecodecamp.org/learn/apis-and-microservices/#mongodb-and-mongoose) | Free\nCodecademy's [Learn MongoDB course](https://www.codecademy.com/learn/learn-mongodb) | Free\n[MongoDB University](https://university.mongodb.com) | Free\nUdacity's [Data Wrangling with MongoDB course](https://www.udacity.com/course/data-wrangling-with-mongodb--ud032) | Free\n[Mongoose.js website](https://mongoosejs.com) | Free\n[MongoDB cheat sheet](https://webdevsimplified.com/mongodb-cheat-sheet.html) | Free\n\n**[\u0026#8679; Back to Index](#index)**\n\n## SQL Databases\nName | Cost\n---- | ----\n[Postgres website](https://www.postgresql.org) | Free\n[Intro to SQL: Querying and managing data course](https://www.khanacademy.org/computing/computer-programming/sql) on Khan Academy | Free\nfreeCodeCamp's [Relational Database Certification](https://www.freecodecamp.org/learn/relational-database) | Free\n[Databases Course](https://www.theodinproject.com/paths/full-stack-javascript/courses/databases) on The Odin Project | Free\nCodecademy's [Learn SQL course](https://www.codecademy.com/learn/learn-sql) | Free\nCodecademy's [How to Transform Tables with SQL course](https://www.codecademy.com/learn/sql-table-transformation) | Paid\nCodecademy's [How to Analyze Business Metrics with SQL course](https://www.codecademy.com/learn/sql-analyzing-business-metrics) | Paid\nCodecademy's [Learn to Prevent SQL Injections with Node.js course](https://www.codecademy.com/learn/learn-to-prevent-sql-injections-with-node-js) | Paid\nCodecademy's [Learn Node-SQLite course](https://www.codecademy.com/learn/learn-node-sqlite) | Free\n[Knex Query Lab](https://michaelavila.com/knex-querylab) | Free\n[Knex cheat sheet](https://devhints.io/knex) on Devhints | Free\n\n**[\u0026#8679; Back to Index](#index)**","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fautumnchris%2Fresources-for-web-developers","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fautumnchris%2Fresources-for-web-developers","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fautumnchris%2Fresources-for-web-developers/lists"}