├── .gitignore └── README.md /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Recommended Resources for Web Developers 2 | 3 | An ongoing collective list of recommended resources for web developers. The vast majority of which are free, though some, however, are paid. 4 | 5 | --- 6 | 7 | ## Index 8 | * [General Resources](#general-resources) 9 | * [Tutorials and Docs](#tutorials-and-docs) 10 | * [YouTube Channels](#youtube-channels) 11 | * [Blogs, Chats, and Forums](#blogs-chats-and-forums) 12 | * [Challenges, Algorithms, and Data Structures](#challenges-algorithms-and-data-structures) 13 | * [MOOCs](#moocs) 14 | * [Books](#books) 15 | * [General Links and Tools](#general-links-and-tools) 16 | * [JavaScript](#javascript) 17 | * [ES6 Syntax](#es6-syntax) 18 | * [Web Requests and Asynchronous JavaScript](#web-requests-and-asynchronous-javascript) 19 | * [Regular Expressions](#regular-expressions) 20 | * [TypeScript](#typescript) 21 | * [HTML and CSS](#html-and-css) 22 | * [Flexbox and CSS Grid](#flexbox-and-css-grid) 23 | * [Bootstrap](#bootstrap) 24 | * [Sass](#sass) 25 | * [HTML and CSS Tools](#html-and-css-tools) 26 | * [Fonts, Icons, and Images](#fonts-icons-and-images) 27 | * [Fonts](#fonts) 28 | * [Icon Font Libraries](#icon-font-libraries) 29 | * [Stock Images](#stock-images) 30 | * [Image Editing Tools](#image-editing-tools) 31 | * [Command Line, Git, and Markdown](#command-line-git-and-markdown) 32 | * [React.js](#reactjs) 33 | * [Redux](#redux) 34 | * [Node.js](#nodejs) 35 | * [Express.js](#expressjs) 36 | * [JavaScript Testing](#javascript-testing) 37 | * [Other JavaScript Libraries](#other-javascript-libraries) 38 | * [MongoDB](#mongodb) 39 | * [SQL Databases](#sql-databases) 40 | 41 | ## General Resources 42 | 43 | ### Tutorials and Docs 44 | Name | Cost 45 | ---- | ---- 46 | [W3Schools](https://www.w3schools.com) | Free with some Paid content 47 | [MDN (Mozilla Developer Network)](https://developer.mozilla.org) | Free 48 | [freeCodeCamp](https://www.freecodecamp.org) | Free 49 | [JavaScript.info](https://javascript.info) | Free 50 | [DevDocs.io](https://devdocs.io) | Free 51 | [Devhints](https://devhints.io) | Free 52 | [The Odin Project](https://www.theodinproject.com) | Free 53 | [LinkedIn Learning](https://www.linkedin.com/learning) | Paid, but Free with some public library and university library memberships 54 | [Codecademy](https://www.codecademy.com) | Free and Paid content 55 | [Udacity](https://www.udacity.com) | Free and Paid content 56 | [Sololearn](https://www.sololearn.com) | Free with Paid features 57 | 58 | **[⇧ Back to Index](#index)** 59 | 60 | ### YouTube Channels 61 | Name | Cost 62 | ---- | ---- 63 | [freeCodeCamp.org](https://www.youtube.com/c/Freecodecamp) | Free 64 | [Traversy Media](https://www.youtube.com/c/TraversyMedia) | Free 65 | [LearnWebCode](https://www.youtube.com/user/LearnWebCode) | Free 66 | [Web Dev Simplified](https://www.youtube.com/c/WebDevSimplified) | Free 67 | [CS Dojo](https://www.youtube.com/c/CSDojo) | Free 68 | [Kevin Powell](https://www.youtube.com/kepowob) | Free 69 | [CS50](https://www.youtube.com/c/cs50) | Free 70 | [Faraday Academy](https://www.youtube.com/c/FaradayAcademy) | Free 71 | [The Coding Train](https://www.youtube.com/c/TheCodingTrain) | Free 72 | 73 | **[⇧ Back to Index](#index)** 74 | 75 | ### Blogs, Chats, and Forums 76 | Name | Cost 77 | ---- | ---- 78 | [Stack Overflow](https://stackoverflow.com) | Free with Paid features 79 | [freeCodeCamp's Programming Tutorials blog](https://www.freecodecamp.org/news) | Free 80 | [freeCodeCamp's forum](https://forum.freecodecamp.org) | Free 81 | [CSS-Tricks](https://css-tricks.com) | Free 82 | [DEV Community](https://dev.to) | Free 83 | [The Odin Project's Discord server](https://discord.com/invite/fbFCkYabZB) | Free 84 | [Codecademy's forum](https://discuss.codecademy.com) | Free 85 | [Ben Ilegbodu's blog](https://www.benmvp.com) | Free 86 | [Josh Comeau's blog](https://www.joshwcomeau.com) | Free 87 | [Web Dev Simplified's blog](https://blog.webdevsimplified.com) | Free 88 | [Web Dev Simplified's Discord server](https://discord.com/invite/7StTjnR) | Free 89 | [Kevin Powell's Discord server](https://discord.com/invite/nTYCvrK) | Free 90 | [CS50's Discord server](https://discord.com/invite/cs50) | Free 91 | 92 | **[⇧ Back to Index](#index)** 93 | 94 | ### Challenges, Algorithms, and Data Structures 95 | Name | Description | Cost 96 | ---- | ----------- | ---- 97 | [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 98 | Algorithms 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 99 | [Project Euler](https://projecteuler.net) | Hundreds of mathematical programming challenges that can be solved in the programming language of your choice. | Free 100 | [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 101 | [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 102 | freeCodeCamp'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 103 | [Sorting Algorithms Visualization Comparisons](https://www.cs.usfca.edu/~galles/visualization/ComparisonSort.html) | Animated visualizations of the functioning of various popular sorting algorithms. | Free 104 | [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 105 | [NeetCode](https://neetcode.io) | Practice algorithms for interview prep for free and watch courses on DSA with a Pro membership. | Free and Paid content 106 | [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 107 | 108 | **[⇧ Back to Index](#index)** 109 | 110 | ### MOOCs 111 | Name | Description | Cost 112 | ---- | ----------- | ---- 113 | [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 114 | [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 115 | [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 116 | [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 117 | [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 118 | [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 119 | [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 120 | [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 121 | [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 122 | 123 | **[⇧ Back to Index](#index)** 124 | 125 | ### Books 126 | 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. 127 | 128 | Name | Cost 129 | ---- | ---- 130 | *JavaScript: The Definitive Guide* by David Flanagan | Paid, but Free if available at your public or university library 131 | *Learning Web App Development: Build Quickly with Proven JavaScript Techniques* by Semmy Purewal | Paid, but Free if available at your public or university library 132 | *JavaScript: The Good Parts* by Douglas Crockford | Paid, but Free if available at your public or university library 133 | *[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 134 | *[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 135 | *[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 136 | *[Pro Git](https://git-scm.com/book/en/v2)* by Scott Chacon and Ben Straub | Free 137 | 138 | **[⇧ Back to Index](#index)** 139 | 140 | ### General Links and Tools 141 | Name | Cost 142 | ---- | ---- 143 | [Visual Studio Code](https://code.visualstudio.com) | Free 144 | [VS Code keyboard shortcuts cheat sheet](https://devhints.io/vscode) on Devhints | Free 145 | [Replit](https://replit.com) | Free with some Paid features 146 | [Code Playground](https://www.sololearn.com/codes) on Sololearn | Free 147 | [CodePen](https://codepen.io) | Free with some Paid features 148 | [Scratch](https://scratch.mit.edu) | Free 149 | [Diffchecker](https://www.diffchecker.com) | Free with some Paid features 150 | [Can I use...](https://caniuse.com) | Free 151 | [Lorem Ipsum Generator](https://loremipsum.io) | Free 152 | ["How to Use Google to Solve Your Programming Questions" article](https://codinginflow.com/google-programming-questions) | Free 153 | ["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 154 | ["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 155 | ["How to be great at asking coding questions" article](https://medium.com/@gordon_zhu/how-to-be-great-at-asking-questions-e37be04d0603) | Free 156 | 157 | **[⇧ Back to Index](#index)** 158 | 159 | ## JavaScript 160 | Name | Cost 161 | ---- | ---- 162 | freeCodeCamp's [JavaScript Algorithms and Data Structures Certification](https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures-v8) | Free 163 | freeCodeCamp's [Legacy JavaScript Algorithms and Data Structures Certification](https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures) | Free 164 | W3Schools's [JavaScript Tutorial](https://www.w3schools.com/js/default.asp) | Free 165 | Udacity's [Intro to JavaScript course](https://www.udacity.com/course/intro-to-javascript--ud803) | Free 166 | Scrimba.com's [Introduction to JavaScript course](https://scrimba.com/learn/introductiontojavascript) | Free 167 | Scrimba.com's [Learn JavaScript course](https://scrimba.com/learn/learnjavascript) | Free 168 | [JavaScript Basics tutorial](https://www.theodinproject.com/paths/foundations/courses/foundations#javascript-basics) on The Odin Project | Free 169 | [JavaScript Course](https://www.theodinproject.com/paths/full-stack-javascript/courses/javascript) on The Odin Project | Free 170 | Codecademy's [Learn JavaScript course](https://www.codecademy.com/learn/introduction-to-javascript) | Free 171 | Codecademy's [Learn JavaScript: Fundamentals course](https://www.codecademy.com/learn/learn-javascript-fundamentals) | Free 172 | Codecademy's [Learn Intermediate JavaScript course](https://www.codecademy.com/learn/learn-intermediate-javascript) | Free 173 | Codecademy's [Learn JavaScript: Arrays and Loops course](https://www.codecademy.com/learn/learn-javascript-arrays-and-loops) | Free 174 | Codecademy's [Learn JavaScript: Objects course](https://www.codecademy.com/learn/learn-javascript-objects) | Free 175 | Codecademy's [Learn JavaScript: Functions and Scope course](https://www.codecademy.com/learn/learn-javascript-functions-and-scope) | Free 176 | Codecademy's [Learn JavaScript: Error Handling course](https://www.codecademy.com/learn/javascript-errors-debugging) | Free 177 | Codecademy's [Learn JavaScript: Iterators course](https://www.codecademy.com/learn/learn-javascript-iterators) | Free 178 | Codecademy's [Learn JavaScript: Classes and Modules course](https://www.codecademy.com/learn/learn-javascript-classes-and-modules) | Free 179 | Codecademy's [Building Interactive JavaScript Websites course](https://www.codecademy.com/learn/build-interactive-websites) | Paid 180 | Codecademy's [Learn JavaScript: Best Practices course](https://www.codecademy.com/learn/learn-javascript-best-practices) | Free 181 | [JavaScript.info](https://javascript.info) | Free 182 | [Beginner JavaScript! course](https://beginnerjavascript.com) by Wes Bos | Paid 183 | [JavaScript Formatter](https://jsonformatter.org/jsbeautifier) | Free 184 | [Josh Comeau's JS Operator Lookup](https://www.joshwcomeau.com/operator-lookup) | Free 185 | Udacity's [JavaScript and the DOM course](https://www.udacity.com/course/javascript-and-the-dom--ud117) | Free 186 | Udacity's [Building High Conversion Web Forms course](https://www.udacity.com/course/building-high-conversion-web-forms--ud890) | Free 187 | Udacity's [Object-Oriented JavaScript course](https://www.udacity.com/course/object-oriented-javascript--ud711) | Free 188 | [JavaScript30 course](https://javascript30.com) by Wes Bos | Free 189 | [Web APIs list](https://developer.mozilla.org/en-US/docs/Web/API) on MDN | Free 190 | [JavaScript Arrays cheat sheet](https://devhints.io/js-array) on Devhints | Free 191 | [JavaScript Date cheat sheet](https://devhints.io/js-date) on Devhints | Free 192 | [JavaScript Interview Questions](https://github.com/sudheerj/javascript-interview-questions) by [@sudheerj](https://github.com/sudheerj) on GitHub | Free 193 | Codecademy's [Technical Interview Practice with JavaScript course](https://www.codecademy.com/learn/technical-interview-practice-with-javascript) | Paid 194 | 195 | **[⇧ Back to Index](#index)** 196 | 197 | ### ES6 Syntax 198 | Name | Cost 199 | ---- | ---- 200 | freeCodeCamp's [ES6 course](https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/#es6) | Free 201 | Scrimba.com's [Introduction to ES6+ course](https://scrimba.com/learn/introtoes6) | Free 202 | Udacity's [ES6 - JavaScript Improved course](https://www.udacity.com/course/es6-javascript-improved--ud356) | Free 203 | [List of ES6 Features](https://github.com/lukehoban/es6features) by [@lukehoban](https://github.com/lukehoban) on GitHub | Free 204 | [ES6 for Everyone course](https://es6.io) by Wes Bos | Paid 205 | [ES6 cheat sheet](https://devhints.io/es6) on Devhints | Free 206 | 207 | **[⇧ Back to Index](#index)** 208 | 209 | ### Web Requests and Asynchronous JavaScript 210 | Name | Cost 211 | ---- | ---- 212 | [Postman](https://www.postman.com) | Free with some Paid features 213 | [Axios website](https://axios-http.com) | Free 214 | W3Schools's [JSON Tutorial](https://www.w3schools.com/js/js_json_intro.asp) | Free 215 | Udacity's [JavaScript Promises course](https://www.udacity.com/course/javascript-promises--ud898) | Free 216 | [Asynchronous JavaScript and APIs tutorial](https://www.theodinproject.com/paths/full-stack-javascript/courses/javascript#asynchronous-javascript-and-apis) on The Odin Project | Free 217 | freeCodeCamp's [JSON APIs and AJAX course](https://www.freecodecamp.org/learn/data-visualization/#json-apis-and-ajax) | Free 218 | Codecademy's [Learn JavaScript: Asynchronous Programming](https://www.codecademy.com/learn/asynchronous-javascript) | Free 219 | Codecademy's [Learn JavaScript: Requests course](https://www.codecademy.com/learn/learn-javascript-requests) | Free 220 | ["Understanding JavaScript Promises" article](https://www.digitalocean.com/community/tutorials/understanding-javascript-promises) | Free 221 | [API list](https://github.com/public-apis/public-apis) by [@public-apis](https://github.com/public-apis) on GitHub | Free 222 | [API list](https://github.com/n0shake/Public-APIs) by [@n0shake](https://github.com/n0shake) on GitHub | Free 223 | [JSONView extension for Chrome](https://chrome.google.com/webstore/detail/jsonview/chklaanhfefbnpoihckbnefhakgolnmc?hl=en-US) | Free 224 | [HTTP Status Codes cheat sheet](http://www.cheat-sheets.org/saved-copy/http-response-codes-1.pdf) | Free 225 | [JSON Formatter, Validator, Minifier, and Converter](https://jsonformatter.org) | Free 226 | [XML to JSON Converter](https://jsonformatter.org/xml-to-json) | Free 227 | [YAML to JSON Converter](https://jsonformatter.org/yaml-to-json) | Free 228 | 229 | **[⇧ Back to Index](#index)** 230 | 231 | ### Regular Expressions 232 | Name | Cost 233 | ---- | ---- 234 | freeCodeCamp's [Regular Expressions course](https://www.freecodecamp.org/learn/javascript-algorithms-and-data-structures/#regular-expressions) | Free 235 | Codecademy's [Learn the Basics of Regular Expressions course](https://www.codecademy.com/learn/introduction-to-regular-expressions) | Free 236 | [Regular Expressions cheat sheet](https://cheatography.com/davechild/cheat-sheets/regular-expressions/pdf) | Free 237 | [Regular Expressions cheat sheet](https://devhints.io/regexp) on Devhints | Free 238 | [regex101](https://regex101.com) | Free 239 | 240 | **[⇧ Back to Index](#index)** 241 | 242 | ### TypeScript 243 | Name | Cost 244 | ---- | ---- 245 | [TypeScript website](https://www.typescriptlang.org) | Free 246 | Codecademy's [Learn TypeScript course](https://www.codecademy.com/learn/learn-typescript) | Free 247 | Codecademy's [Learn TypeScript: Fundamentals course](https://www.codecademy.com/learn/learn-typescript-fundamentals) | Free 248 | Codecademy's [Learn TypeScript: Functions course](https://www.codecademy.com/learn/learn-typescript-functions) | Free 249 | Codecademy's [Learn TypeScript: Object Types course](https://www.codecademy.com/learn/learn-typescript-object-types) | Free 250 | Codecademy's [Learn TypeScript: Union Types course](https://www.codecademy.com/learn/learn-typescript-union-types) | Free 251 | Codecademy's [Learn TypeScript: Complex Types coures](https://www.codecademy.com/learn/learn-typescript-complex-types) | Free 252 | Codecademy's [Learn TypeScript: Type Narrowing course](https://www.codecademy.com/learn/learn-typescript-type-narrowing) | Free 253 | Codecademy's [Learn Intermediate TypeScript course](https://www.codecademy.com/learn/learn-intermediate-type-script) | Paid 254 | [TypeScript cheat sheet](https://devhints.io/typescript) on Devhints | Free 255 | 256 | **[⇧ Back to Index](#index)** 257 | 258 | ## HTML and CSS 259 | Name | Cost 260 | ---- | ---- 261 | freeCodeCamp's [Responsive Web Design Certification](https://www.freecodecamp.org/learn/2022/responsive-web-design) | Free 262 | freeCodeCamp's [Legacy Responsive Web Design Challenges](https://www.freecodecamp.org/learn/responsive-web-design) | Free 263 | W3Schools's [HTML Tutorial](https://www.w3schools.com/html/default.asp) | Free 264 | W3Schools's [CSS Tutorial](https://www.w3schools.com/css/default.asp) | Free 265 | Scrimba.com's [Introduction to HTML course](https://scrimba.com/learn/html) | Free 266 | Scrimba.com's [Introduction to CSS course](https://scrimba.com/learn/introtocss) | Free 267 | Udacity's [Intro to HTML and CSS course](https://www.udacity.com/course/intro-to-html-and-css--ud001) | Free 268 | [HTML Foundations tutorial](https://www.theodinproject.com/paths/foundations/courses/foundations#html-foundations) on The Odin Project | Free 269 | [CSS Foundations tutorial](https://www.theodinproject.com/paths/foundations/courses/foundations#css-foundations) on The Odin Project | Free 270 | [Intermediate HTML and CSS Course](https://www.theodinproject.com/paths/full-stack-javascript/courses/intermediate-html-and-css) on The Odin Project | Free 271 | [Advanced HTML and CSS Course](https://www.theodinproject.com/paths/full-stack-javascript/courses/advanced-html-and-css) on The Odin Project | Free 272 | Codecademy's [Learn HTML course](https://www.codecademy.com/learn/learn-html) | Free 273 | Codecademy's [Learn HTML: Fundamentals course](https://www.codecademy.com/learn/learn-html-fundamentals) | Free 274 | Codecademy's [Learn HTML: Semantic HTML course](https://www.codecademy.com/learn/learn-html-semantic-html) | Free 275 | Codecademy's [Learn HTML: Forms course](https://www.codecademy.com/learn/learn-html-forms) | Free 276 | Codecademy's [Learn HTML: Tables course](https://www.codecademy.com/learn/learn-html-tables) | Free 277 | Codecademy's [Learn CSS course](https://www.codecademy.com/learn/learn-css) | Free 278 | Codecademy's [Learn CSS: Introduction course](https://www.codecademy.com/learn/learn-css-introduction) | Free 279 | Codecademy's [Learn CSS: Box Model and Layout course](https://www.codecademy.com/learn/learn-css-box-model-and-layout) | Free 280 | Codecademy's [Learn CSS: Colors course](https://www.codecademy.com/learn/learn-css-colors) | Free 281 | Codecademy's [Learn Color Design course](https://www.codecademy.com/learn/learn-color-design) | Paid 282 | Codecademy's [Learn CSS: Typography and Fonts course](https://www.codecademy.com/learn/learn-css-typography-and-fonts) | Free 283 | Codecademy's [Learn CSS: Accessibility course](https://www.codecademy.com/learn/learn-css-accessibility) | Free 284 | Codecademy's [Learn CSS: Browser Compatibility course](https://www.codecademy.com/learn/learn-css-browser-compatibility) | Free 285 | Codecademy's [Learn Intermediate CSS course](https://www.codecademy.com/learn/learn-intermediate-css) | Free 286 | Codecademy's [Learn CSS: Responsive Design course](https://www.codecademy.com/learn/learn-responsive-design) | Paid 287 | Codecademy's [Learn CSS: Transitions and Animations course](https://www.codecademy.com/learn/learn-css-transitions-and-animations) | Free 288 | Codecademy's [Learn CSS: Variables and Functions course](https://www.codecademy.com/learn/learn-css-variables-and-functions) | Free 289 | Udacity's [Responsive Web Design Fundamentals course](https://www.udacity.com/course/responsive-web-design-fundamentals--ud893) | Free 290 | Udacity's [Responsive Images course](https://www.udacity.com/course/responsive-images--ud882) | Free 291 | W3Schools's [Accessibility Tutorial](https://www.w3schools.com/accessibility/index.php) | Free 292 | Udacity's [Web Accessibility course](https://www.udacity.com/course/web-accessibility--ud891) | Free 293 | Scrimba.com's [Intro to UI Design Fundamentals course](https://scrimba.com/learn/design) | Free 294 | Scrimba.com's [Learn CSS Variables course](https://scrimba.com/learn/cssvariables) | Free 295 | 296 | **[⇧ Back to Index](#index)** 297 | 298 | ### Flexbox and CSS Grid 299 | Name | Cost 300 | ---- | ---- 301 | Codecademy's [Learn CSS: Flexbox and Grid course](https://www.codecademy.com/learn/learn-css-flexbox-and-grid) | Free 302 | freeCodeCamp's [CSS Flexbox course](https://www.freecodecamp.org/learn/responsive-web-design/#css-flexbox) | Free 303 | Scrimba.com's [Learn Flexbox course](https://scrimba.com/learn/flexbox) | Free 304 | [Flexbox tutorial](https://www.theodinproject.com/paths/foundations/courses/foundations#flexbox) on The Odin Project | Free 305 | [What the Flexbox?! course](https://flexbox.io) by Wes Bos | Free 306 | [Flexbox Playground](https://the-echoplex.net/flexyboxes) | Free 307 | [Flexbox cheat sheet](https://yoksel.github.io/flex-cheatsheet) | Free 308 | [Flexbox cheat sheet](https://devhints.io/css-flexbox) on Devhints | Free 309 | freeCodeCamp's [CSS Grid course](https://www.freecodecamp.org/learn/responsive-web-design/#css-grid) | Free 310 | Scrimba.com's [Learn CSS Grid course](https://scrimba.com/learn/cssgrid) | Free 311 | [Grid tutorial](https://www.theodinproject.com/paths/full-stack-javascript/courses/intermediate-html-and-css#grid) on The Odin Project | Free 312 | [CSS Grid course](https://cssgrid.io) by Wes Bos | Free 313 | [CSS Grid cheat sheet](https://yoksel.github.io/grid-cheatsheet) | Free 314 | [CSS Grid cheat sheet](https://devhints.io/css-grid) on Devhints | Free 315 | 316 | **[⇧ Back to Index](#index)** 317 | 318 | ### Bootstrap 319 | Name | Cost 320 | ---- | ---- 321 | [Bootstrap website](https://getbootstrap.com) | Free 322 | W3Schools's [Bootstrap 3 Tutorial](https://www.w3schools.com/bootstrap/default.asp) | Free 323 | W3Schools's [Bootstrap 4 Tutorial](https://www.w3schools.com/bootstrap4/default.asp) | Free 324 | [Bootstrap 4 cheat sheet](https://hackerthemes.com/bootstrap-cheatsheet) | Free 325 | Scrimba.com's [Learn Bootstrap course](https://scrimba.com/learn/bootstrap4) | Free 326 | freeCodeCamp's [Bootstrap course](https://www.freecodecamp.org/learn/front-end-libraries/#bootstrap) | Free 327 | Codecademy's [Learn Bootstrap course](https://www.codecademy.com/learn/learn-bootstrap) | Paid 328 | ["Bootstrap 3 Vs Bootstrap 4 : What’s New?" article](https://www.bootstrapdash.com/blog/bootstrap-3-vs-4) | Free 329 | 330 | **[⇧ Back to Index](#index)** 331 | 332 | ### Sass 333 | Name | Cost 334 | ---- | ---- 335 | [Sass website](https://sass-lang.com) | Free 336 | freeCodeCamp's [SASS course](https://www.freecodecamp.org/learn/front-end-libraries/#sass) | Free 337 | W3Schools's [Sass Tutorial](https://www.w3schools.com/sass/default.php) | Free 338 | Codecademy's [Learn Sass course](https://www.codecademy.com/learn/learn-sass) | Paid 339 | Codecademy's [Learn Sass: Fundamentals course](https://www.codecademy.com/learn/learn-sass-fundamentals) | Free 340 | Codecademy's [Learn Sass: Functions and Operations course](https://www.codecademy.com/learn/learn-sass-functions-and-operations) | Free 341 | Codecademy's [Learn Sass: Mixins and Parent Selector course](https://www.codecademy.com/learn/learn-sass-mixins-and-the-parent-selector) | Free 342 | Codecademy's [Learn Sass: Best Practices course](https://www.codecademy.com/learn/learn-sass-best-practices) | Free 343 | [Sass cheat sheet](https://devhints.io/sass) on Devhints | Free 344 | [CSS to SCSS Converter](https://jsonformatter.org/css-to-scss) | Free 345 | [SCSS to CSS Converter](https://jsonformatter.org/scss-to-css) | Free 346 | [SCSS Formatter](https://jsonformatter.org/scss-formatter) | Free 347 | 348 | **[⇧ Back to Index](#index)** 349 | 350 | ### HTML and CSS Tools 351 | Name | Cost 352 | ---- | ---- 353 | [W3C Markup Validator](https://validator.w3.org) | Free 354 | [HTML Validator](https://jsonformatter.org/html-validator) from JSONformatter.org | Free 355 | [W3C CSS Validator](http://jigsaw.w3.org/css-validator) | Free 356 | [HTML tags list](https://html-css-js.com/html/tags) | Free 357 | [HTML input tag cheat sheet](https://devhints.io/html-input) on Devhints | Free 358 | [CSS cheat sheet](https://websitesetup.org/wp-content/uploads/2019/11/wsu-css-cheat-sheet-gdocs.pdf) | Free 359 | [CSS cheat sheet](https://devhints.io/css) on Devhints | Free 360 | [HTML Formatter](https://jsonformatter.org/html-formatter) | Free 361 | [CSS Formatter](https://jsonformatter.org/css-beautifier) | Free 362 | W3Schools's [HTML Color Picker](https://www.w3schools.com/colors/colors_picker.asp) | Free 363 | [Color Contrast Checker](https://webaim.org/resources/contrastchecker) | Free 364 | [Web Accessibility Evaluation Tool](https://wave.webaim.org) | Free 365 | [Normalize.css website](https://necolas.github.io/normalize.css) | Free 366 | [Autoprefixer CSS online](https://autoprefixer.github.io) | Free 367 | [CSS Gradient Generator](https://angrytools.com/gradient) | Free 368 | [Josh Comeau's CSS Gradient Generator](https://www.joshwcomeau.com/gradient-generator) | Free 369 | [Gradient Hunt](https://gradienthunt.com) | Free 370 | [Image to Colors Palette Generator](http://www.cssdrive.com/imagepalette/index.php) | Free 371 | [Color Hunt](https://colorhunt.co) | Free 372 | [Josh Comeau's CSS Shadow Palette Generator](https://www.joshwcomeau.com/shadow-palette) | Free 373 | [CSS Minifier](https://jsonformatter.org/minify-css) | Free 374 | [CSS Specificity Calculator](https://specificity.keegan.st) | Free 375 | 376 | **[⇧ Back to Index](#index)** 377 | 378 | ## Fonts, Icons, and Images 379 | 380 | ### Fonts 381 | 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. 382 | 383 | Name | Cost 384 | ---- | ---- 385 | [Google Fonts](https://fonts.google.com) | Free 386 | [DaFont](https://www.dafont.com) | Free, but it's important to check the source of the font that you use to be sure 387 | [Fonts2u.com](https://fonts2u.com) | Free, but it's important to check the source of the font that you use to be sure 388 | [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 389 | [BeFonts](https://befonts.com) | Free, but full features and license are Paid 390 | 391 | **[⇧ Back to Index](#index)** 392 | 393 | ### Icon Font Libraries 394 | Name | Cost 395 | ---- | ---- 396 | [Font Awesome](https://fontawesome.com) | Free and Paid content 397 | [Material Icons](https://fonts.google.com/icons) | Free 398 | [Weather Icons by erikflowers](https://erikflowers.github.io/weather-icons) | Free 399 | [Ionicons](https://ionicons.com) | Free 400 | 401 | **[⇧ Back to Index](#index)** 402 | 403 | ### Stock Images 404 | 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. 405 | 406 | Name | Cost 407 | ---- | ---- 408 | [Burst](https://burst.shopify.com) by Shopify | Free 409 | [Unsplash](https://unsplash.com) | Free 410 | [Pexels](https://www.pexels.com) | Free 411 | [Pixabay](https://pixabay.com) | Free 412 | [FreeImages](https://www.freeimages.com) | Free 413 | [StockSnap.io](https://stocksnap.io) | Free 414 | [ISO Republic](https://isorepublic.com) | Free 415 | [reshot](https://www.reshot.com) | Free 416 | [Pickup Image](https://pickupimage.com) | Free 417 | [Foodiesfeed](https://www.foodiesfeed.com) | Free 418 | [CleanPNG transparent images](https://www.cleanpng.com) | Free 419 | [Free-Images.com](https://free-images.com) | Free 420 | [Icons8](https://icons8.com) | Free with Paid features 421 | [Iconfinder](https://www.iconfinder.com) | Free and Paid content 422 | [Feather Icons](https://feathericons.com/) | Free 423 | [Noun Project](https://thenounproject.com) | Free with Paid features 424 | 425 | **[⇧ Back to Index](#index)** 426 | 427 | ### Image Editing Tools 428 | Name | Cost 429 | ---- | ---- 430 | [cssFilters.co](https://www.cssfilters.co) | Free 431 | [Dynamic Dummy Image Generator](https://dummyimage.com) | Free 432 | [TinyPNG](https://tinypng.com) | Free with Paid features 433 | [Remove Image Background tool](https://www.remove.bg) | Free with Paid features 434 | [Photopea](https://www.photopea.com) | Free 435 | [Photo Image Editor Pixelstyle](https://apps.apple.com/us/app/photo-image-editor-pixelstyle/id1244649277?mt=12) | Free 436 | [Inkscape](https://inkscape.org/) | Free 437 | 438 | **[⇧ Back to Index](#index)** 439 | 440 | ## Command Line, Git, and Markdown 441 | Name | Cost 442 | ---- | ---- 443 | [Command Line Power User course](https://commandlinepoweruser.com) by Wes Bos | Free 444 | Codecademy's [Learn the Command Line course](https://www.codecademy.com/learn/learn-the-command-line) | Paid 445 | [Unix/Linux Commands cheat sheet](http://www.cheat-sheets.org/saved-copy/fwunixref.pdf) | Free 446 | [Mastering Markdown course](https://masteringmarkdown.com) by Wes Bos | Free 447 | [Markdown cheat sheet](https://devhints.io/markdown) on Devhints | Free 448 | [Markdown Formatter](https://jsonformatter.org/markdown-formatter) | Free 449 | Udacity's [Writing READMEs course](https://www.udacity.com/course/writing-readmes--ud777) | Free 450 | [GitHub Desktop](https://desktop.github.com) | Free 451 | [Git Basics tutorial](https://www.theodinproject.com/paths/foundations/courses/foundations#git-basics) on The Odin Project | Free 452 | [Intermediate Git tutorial](https://www.theodinproject.com/paths/full-stack-javascript/courses/javascript#intermediate-git) on The Odin Project | Free 453 | [Git cheat sheet](https://training.github.com/downloads/github-git-cheat-sheet.pdf) | Free 454 | W3Schools's [Git Tutorial](https://www.w3schools.com/git/default.asp) | Free 455 | Udacity's [Version Control with Git course](https://www.udacity.com/course/version-control-with-git--ud123) | Free 456 | Codecademy's [Learn Git: Introduction course](https://www.codecademy.com/learn/learn-git-introduction) | Free 457 | Codecademy's [Learn Git: Branching and Collaboration](https://www.codecademy.com/learn/learn-git-branching-and-collaboration) | Free 458 | Codecademy's [Learn GitHub: Introduction course](https://www.codecademy.com/learn/learn-github-introduction) | Free 459 | Codecademy's [Deploying Websites using Git and GitHub course](https://www.codecademy.com/learn/deploying-websites-using-git-and-github) | Free 460 | Codecademy's [Learn GitHub: Best Practices course](https://www.codecademy.com/learn/learn-github-best-practices) | Free 461 | Codecademy's [Learn Git & GitHub course](https://www.codecademy.com/learn/learn-git) | Paid 462 | 463 | **[⇧ Back to Index](#index)** 464 | 465 | ## React.js 466 | Name | Cost 467 | ---- | ---- 468 | [React.js website](https://reactjs.org) | Free 469 | W3Schools's [React Tutorial](https://www.w3schools.com/react/default.asp) | Free 470 | Codecademy's [Learn React course](https://www.codecademy.com/learn/react-101) | Free 471 | Codecademy's [Learn React: Introduction course](https://www.codecademy.com/learn/learn-react-introduction) | Free 472 | Codecademy's [Learn React: Additional Basics course](https://www.codecademy.com/learn/learn-react-additional-basics) | Free 473 | Codecademy's [Learn React: State Management course](https://www.codecademy.com/learn/learn-react-state-management) | Free 474 | Codecademy's [Learn React: Hooks course](https://www.codecademy.com/learn/learn-react-hooks) | Free 475 | Codecademy's [Learn React: Lifecycle Methods course](https://www.codecademy.com/learn/learn-react-lifecycle-methods) | Free 476 | Codecademy's [Learn Advanced React course](https://www.codecademy.com/learn/learn-advanced-react) | Paid 477 | Scrimba.com's [Learn React course](https://scrimba.com/learn/learnreact) | Free 478 | [React Course](https://www.theodinproject.com/paths/full-stack-javascript/courses/react) on The Odin Project | Free 479 | freeCodeCamp's [React course](https://www.freecodecamp.org/learn/front-end-libraries/#react) | Free 480 | [React Hooks Simplified course](https://courses.webdevsimplified.com/react-hooks-simplified) | Free 481 | ["Demystifying useEffect's clean-up function" article](https://maxrozen.com/demystifying-useeffect-cleanup-function) | Free 482 | [React Resources](https://github.com/enaqx/awesome-react) by [@enaqx](https://github.com/enaqx) on GitHub | Free 483 | [React cheat sheet](https://devhints.io/react) on Devhints | Free 484 | [React Developer Tools extension for Chrome](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en-US) | Free 485 | [React Router website](https://reactrouter.com) | Free 486 | Codecademy's [Learn React Router v6 course](https://www.codecademy.com/learn/learn-react-router) | Free 487 | Codecademy's [Learn React Native course](https://www.codecademy.com/learn/learn-react-native) | Free 488 | [React Interview Questions](https://github.com/sudheerj/reactjs-interview-questions) by [@sudheerj](https://github.com/sudheerj) on GitHub | Free 489 | 490 | **[⇧ Back to Index](#index)** 491 | 492 | ### Redux 493 | Name | Cost 494 | ---- | ---- 495 | [Redux website](https://redux.js.org) | Free 496 | Codecademy's [Learn Redux course](https://www.codecademy.com/learn/learn-redux) | Free 497 | Codecademy's [Learn Redux: Fundamentals course](https://www.codecademy.com/learn/learn-redux-fundamentals) | Free 498 | Codecademy's [Learn Redux: Redux Toolkit course](https://www.codecademy.com/learn/learn-redux-redux-toolkit) | Free 499 | Codecademy's [Learn Redux: Middleware and Thunks course](https://www.codecademy.com/learn/learn-redux-middleware-and-thunks) | Free 500 | freeCodeCamp's [Redux course](https://www.freecodecamp.org/learn/front-end-libraries/#redux) | Free 501 | freeCodeCamp's [React and Redux course](https://www.freecodecamp.org/learn/front-end-libraries/#react-and-redux) | Free 502 | [Redux cheat sheet](https://devhints.io/redux) on Devhints | Free 503 | 504 | **[⇧ Back to Index](#index)** 505 | 506 | ## Node.js 507 | Name | Cost 508 | ---- | ---- 509 | [Node.js website](https://nodejs.org/en) | Free 510 | [NPM website](https://www.npmjs.com) | Free with some Paid features 511 | [NPM cheat sheet](https://devhints.io/npm) on Devhints | Free 512 | freeCodeCamp's [Managing Packages with NPM course](https://www.freecodecamp.org/learn/apis-and-microservices/#managing-packages-with-npm) | Free 513 | Codecademy's [Learn Node.js course](https://www.codecademy.com/learn/learn-node-js) | Free 514 | Codecademy's [Learn Node.js: Fundamentals course](https://www.codecademy.com/learn/learn-nodejs-fundamentals) | Free 515 | Codecademy's [Learn Node.js: Setting Up a Server course](https://www.codecademy.com/learn/learn-nodejs-setting-up-a-server) | Free 516 | Codecademy'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 517 | W3Schools's [Node.js Tutorial](https://www.w3schools.com/nodejs/default.asp) | Free 518 | [nodemon website](https://nodemon.io) | Free 519 | 520 | **[⇧ Back to Index](#index)** 521 | 522 | ### Express.js 523 | Name | Cost 524 | ---- | ---- 525 | [Express.js website](https://expressjs.com) | Free 526 | ["Understanding Express.js" article](http://evanhahn.com/understanding-express) by Evan Hahn | Free 527 | [Express.js cheat sheet](https://overapi.com/express) | Free 528 | freeCodeCamp's [Basic Node and Express course](https://www.freecodecamp.org/learn/apis-and-microservices/#basic-node-and-express) | Free 529 | [NodeJS Course](https://www.theodinproject.com/paths/full-stack-javascript/courses/nodejs) on The Odin Project | Free 530 | [Pug website](https://pugjs.org) | Free 531 | [EJS website](https://ejs.co) | Free 532 | [Passport.js website](http://www.passportjs.org) | Free 533 | freeCodeCamp's [Advanced Node and Express course](https://www.freecodecamp.org/learn/quality-assurance/#advanced-node-and-express) | Free 534 | Codecademy's [Learn Express course](https://www.codecademy.com/learn/learn-express) | Paid 535 | Codecademy's [User Authentication & Authorization in Express course](https://www.codecademy.com/learn/user-authentication-authorization-express) | Free 536 | [Helmet.js website](https://helmetjs.github.io) | Free 537 | freeCodeCamp's [Information Security with HelmetJS course](https://www.freecodecamp.org/learn/information-security/#information-security-with-helmetjs) | Free 538 | [Socket.IO website](https://socket.io) | Free 539 | 540 | **[⇧ Back to Index](#index)** 541 | 542 | ### JavaScript Testing 543 | Name | Cost 544 | ---- | ---- 545 | [Mocha.js website](https://mochajs.org) | Free 546 | [Chai.js website](https://www.chaijs.com) | Free 547 | [Chai.js cheat sheet](https://devhints.io/chai) on Devhints | Free 548 | [Jasmine website](https://jasmine.github.io) | Free 549 | [Jasmine cheat sheet](https://devhints.io/jasmine) on Devhints | Free 550 | [Jest website](https://jestjs.io) | Free 551 | [Jest cheat sheet](https://devhints.io/jest) on Devhints | Free 552 | freeCodeCamp's [Quality Assurance and Testing with Chai course](https://www.freecodecamp.org/learn/quality-assurance/#quality-assurance-and-testing-with-chai) | Free 553 | Udacity's [JavaScript Testing course](https://www.udacity.com/course/javascript-testing--ud549) | Free 554 | [Testing JavaScript tutorial](https://www.theodinproject.com/paths/full-stack-javascript/courses/javascript#testing-javascript) on The Odin Project | Free 555 | Codecademy's [Learn React Testing course](https://www.codecademy.com/learn/learn-react-testing) | Free 556 | Codecademy's [Learn JavaScript Unit Testing course](https://www.codecademy.com/learn/learn-javascript-unit-testing) | Paid 557 | Codecademy's [Learn Testing for Web Development course](https://www.codecademy.com/learn/learn-testing-for-web-development) | Paid 558 | 559 | **[⇧ Back to Index](#index)** 560 | 561 | ## Other JavaScript Libraries 562 | Name | Cost 563 | ---- | ---- 564 | [D3.js website](https://d3js.org) | Free 565 | freeCodeCamp's [Data Visualization Certification](https://www.freecodecamp.org/learn/data-visualization) | Free 566 | Scrimba.com's [Learn D3 course](https://scrimba.com/learn/d3js) | Free 567 | Udacity's [Data Visualization and D3.js course](https://www.udacity.com/course/data-visualization-and-d3js--ud507) | Free 568 | Codecademy's [Learn D3 course](https://www.codecademy.com/learn/learn-d3) | Paid 569 | [Chart.js website](https://www.chartjs.org) | Free 570 | [Moment.js website](https://momentjs.com) | Free 571 | [Moment.js cheat sheet](https://devhints.io/moment) on Devhints | Free 572 | [Vue.js website](https://vuejs.org) | Free 573 | Scrimba.com's [Learn Vue.js course](https://scrimba.com/learn/learnvue) | Free 574 | Codecademy's [Learn Vue.js course](https://www.codecademy.com/learn/learn-vue-js) | Paid 575 | [Vue.js cheat sheet](https://devhints.io/vue) on Devhints | Free 576 | [Angular website](https://angular.io) | Free 577 | Scrimba.com's [Build your first Angular app course](https://scrimba.com/learn/yourfirstangularapp) | Free 578 | [AngularJS website](https://angularjs.org) | Free 579 | W3Schools's [AngularJS Tutorial](https://www.w3schools.com/angular/default.asp) | Free 580 | Codecademy's [Learn AngularJS 1.X course](https://www.codecademy.com/learn/learn-angularjs) | Free 581 | [Angular.js cheat sheet](https://devhints.io/angularjs) on Devhints | Free 582 | [jQuery website](https://jquery.com) | Free 583 | W3Schools's [jQuery Tutorial](https://www.w3schools.com/jquery/default.asp) | Free 584 | freeCodeCamp's [jQuery course](https://www.freecodecamp.org/learn/front-end-development-libraries/#jquery) | Free 585 | Codecademy's [Learn jQuery course](https://www.codecademy.com/learn/learn-jquery) | Paid 586 | Codecademy's [Learn jQuery: Fundamentals course](https://www.codecademy.com/learn/learn-jquery-fundamentals) | Free 587 | Codecademy's [Learn jQuery: Effects and Event Handling course](https://www.codecademy.com/learn/learn-jquery-effects-and-event-handling) | Free 588 | Codecademy's [Learn jQuery: Styles course](https://www.codecademy.com/learn/learn-jquery-styles) | Free 589 | Codecademy's [Learn jQuery: DOM Traversing course](https://www.codecademy.com/learn/learn-jquery-dom-traversing) | Free 590 | [p5.js website](https://p5js.org) | Free 591 | Codecademy's [Learn p5.js course](https://www.codecademy.com/learn/learn-p5js) | Free 592 | Codecademy's [Learn p5.js: Fundamentals course](https://www.codecademy.com/learn/learn-p5js-fundamentals) | Free 593 | Codecademy's [Learn p5.js: Interaction course](https://www.codecademy.com/learn/learn-p5js-interaction) | Free 594 | Codecademy's [Learn p5.js: Media course](https://www.codecademy.com/learn/learn-p5js-media) | Free 595 | [Three.js webspite](https://threejs.org) | Free 596 | [ProgressBar.js website](https://progressbarjs.readthedocs.io/en/latest/) | Free 597 | [Webpack.js website](https://webpack.js.org) | Free 598 | [Babel.js website](https://babeljs.io) | Free 599 | [TensorFlow website](https://www.tensorflow.org) | Free 600 | W3Schools's [TensorFlow Tutorial](https://www.w3schools.com/ai/ai_tensorflow_intro.asp) | Free 601 | [Brain.js website](https://brain.js.org) | Free 602 | Scrimba.com's [Neural Networks in JavaScript course](https://scrimba.com/learn/neuralnetworks) | Free 603 | 604 | **[⇧ Back to Index](#index)** 605 | 606 | ## MongoDB 607 | Name | Cost 608 | ---- | ---- 609 | [MongoDB website](https://www.mongodb.com) | Free and Paid services 610 | freeCodeCamp's [MongoDB and Mongoose course](https://www.freecodecamp.org/learn/apis-and-microservices/#mongodb-and-mongoose) | Free 611 | Codecademy's [Learn MongoDB course](https://www.codecademy.com/learn/learn-mongodb) | Free 612 | [MongoDB University](https://university.mongodb.com) | Free 613 | Udacity's [Data Wrangling with MongoDB course](https://www.udacity.com/course/data-wrangling-with-mongodb--ud032) | Free 614 | [Mongoose.js website](https://mongoosejs.com) | Free 615 | [MongoDB cheat sheet](https://webdevsimplified.com/mongodb-cheat-sheet.html) | Free 616 | 617 | **[⇧ Back to Index](#index)** 618 | 619 | ## SQL Databases 620 | Name | Cost 621 | ---- | ---- 622 | [Postgres website](https://www.postgresql.org) | Free 623 | [Intro to SQL: Querying and managing data course](https://www.khanacademy.org/computing/computer-programming/sql) on Khan Academy | Free 624 | freeCodeCamp's [Relational Database Certification](https://www.freecodecamp.org/learn/relational-database) | Free 625 | [Databases Course](https://www.theodinproject.com/paths/full-stack-javascript/courses/databases) on The Odin Project | Free 626 | Codecademy's [Learn SQL course](https://www.codecademy.com/learn/learn-sql) | Free 627 | Codecademy's [How to Transform Tables with SQL course](https://www.codecademy.com/learn/sql-table-transformation) | Paid 628 | Codecademy's [How to Analyze Business Metrics with SQL course](https://www.codecademy.com/learn/sql-analyzing-business-metrics) | Paid 629 | Codecademy's [Learn to Prevent SQL Injections with Node.js course](https://www.codecademy.com/learn/learn-to-prevent-sql-injections-with-node-js) | Paid 630 | Codecademy's [Learn Node-SQLite course](https://www.codecademy.com/learn/learn-node-sqlite) | Free 631 | [Knex Query Lab](https://michaelavila.com/knex-querylab) | Free 632 | [Knex cheat sheet](https://devhints.io/knex) on Devhints | Free 633 | 634 | **[⇧ Back to Index](#index)** --------------------------------------------------------------------------------