├── CONTRIBUTING.md ├── LICENSE └── README.md /CONTRIBUTING.md: -------------------------------------------------------------------------------- 1 | # Steps to Contribute 2 | - Please make sure any resource you add must be entirely or moderately free. 3 | - Also ensure to check if it is already present. 4 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2023 Shubham Kadam 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # List of Free Developer Resources 2 | 3 | ## Table Of Contents: 4 | 5 | - [Accessibility](#accessibility) 6 | - [Design](#design) 7 | - [Design Inspiration](#design-inspiration) 8 | - [Design Tools](#design-tools) 9 | - [Wireframe & Mockups](#wireframe--mockups) 10 | - [Templates](#templates) 11 | - [Fonts](#fonts) 12 | - [Colors](#colors) 13 | - [Color Palettes](#color-palettes) 14 | - [Gradients](#gradients) 15 | - [Image Resources](#image-resources) 16 | - [Photos](#photos) 17 | - [Icons](#icons) 18 | - [Illustrations](#illustrations) 19 | - [Patterns](#patterns) 20 | - [Image Compression](#image-compression) 21 | - [Background Remover](#background-remover) 22 | - [CSS](#css) 23 | - [CSS Frameworks](#css-frameworks) 24 | - [CSS Tools](#css-tools) 25 | - [CSS Animation](#css-animation) 26 | - [Generators](#generators) 27 | - [Code Optimization](#code-optimization) 28 | - [Converters](#converters) 29 | - [Validation & Compatibility](#validation--compatibility) 30 | - [In-Browser Coding](#in-browser-coding) 31 | - [APIs](#apis) 32 | - [Developer Tools](#developer-tools) 33 | - [Chrome Extensions](#chrome-extensions) 34 | - [Domain Name Search Engine](#domain-name-search-engine) 35 | - [Hosting](#hosting) 36 | - [Database](#database) 37 | - [Authentication](#authentication) 38 | - [Responsiveness](#responsiveness) 39 | - [Site Analyzers](#site-analyzers) 40 | - [Project Management](#project-management) 41 | - [Speed Test](#speed-test) 42 | - [Documentation](#documentation) 43 | - [RoadMaps](#roadmaps) 44 | - [YouTube Channels](#youtube-channels) 45 | - [General Web Dev](#general-web-dev) 46 | - [Design & Front-End](#design--front-end) 47 | - [Career & Advice](#career--advice) 48 | - [DevOps](#devops) 49 | - [Mobile](#mobile) 50 | - [Blockchain](#blockchain) 51 | - [Back End](#back-end) 52 | - [Books / Courses](#books--courses) 53 | - [Newsletters](#newsletters) 54 | - [Podcasts](#podcasts) 55 | - [Blogs](#blogs) 56 | - [Practise](#practise) 57 | 58 | ## Accessibility 59 | 60 | - [Accessibility Cheat-sheet](https://moritzgiessmann.de/accessibility-cheatsheet/) 61 | - [Accessible Brand Colors](https://abc.useallfive.com/) 62 | - [Colour Contrast Checker](https://www.websitehostingrating.com/color-contrast-perception-checker/) 63 | 64 | ## Design 65 | 66 | #### Design Inspiration 67 | 68 | - [Awwwards](https://www.awwwards.com/) 69 | - [Behance](https://www.behance.net/) 70 | - [Dribbble](https://dribbble.com/) 71 | - [Onepagelove](https://onepagelove.com/inspiration) 72 | - [Webframe](https://webframe.xyz/) 73 | 74 | ### Design Tools 75 | 76 | - [Adobe XD](https://www.adobe.com/products/xd.html) 77 | - [Figma](https://www.figma.com/) 78 | 79 | ### Wireframe & Mockups 80 | 81 | - [AppMockUp](https://app-mockup.com/) 82 | - [MockuPhone](https://mockuphone.com) 83 | - [moqups](https://app.moqups.com) 84 | - [Wireframe.cc](https://wireframe.cc) 85 | 86 | ### Templates 87 | 88 | - [Wix](https://www.wix.com/) 89 | - [Squarespace](https://www.squarespace.com) 90 | - [HTML5 Up](https://html5up.net/) 91 | - [Start Bootstrap](https://startbootstrap.com/) 92 | - [Templated.co](https://templated.co/) 93 | - [Free HTML5](https://freehtml5.co/) 94 | - [Colorlib](https://colorlib.com/wp/templates) 95 | - [Zero Theme](https://www.zerotheme.com/) 96 | - [Styleshout](https://www.styleshout.com/free-templates) 97 | - [HTML5xCSS3](https://www.html5xcss3.com/) 98 | - [Admin UI Themes](https://athemes.com/collections/free-bootstrap-admin-templates/) 99 | - [Ecommerce Themes](https://themewagon.com/free-html-ecommerce-templates-html5-bootstrap) 100 | - [Onepagelove](https://onepagelove.com/templates) 101 | - [Mashup Templates](http://www.mashup-template.com/templates.html) 102 | - [Cruip](https://cruip.com) 103 | - [Themeselection](https://themeselection.com/) 104 | 105 | ### Fonts 106 | 107 | - [Google Fonts](https://fonts.google.com) 108 | - [Font Flipper](https://fontflipper.com/) 109 | - [FontSpark](https://fontspark.app/) 110 | - [ColorAndFonts](https://www.colorsandfonts.com/) 111 | - [FontPair](https://fontpair.co/) 112 | 113 | ### Colors 114 | 115 | #### Color Palettes 116 | 117 | - [Stylify Me](http://stylifyme.com) - Get Color Palette from Websites 118 | - [https://color.hailpixel.com/](https://color.hailpixel.com/) 119 | - [https://paletton.com/](https://paletton.com/) 120 | - [https://color.adobe.com/create/color-wheel](https://color.adobe.com/create/color-wheel) 121 | - [https://flatuicolors.com/](https://flatuicolors.com/) 122 | - [https://www.0to255.com/](https://www.0to255.com/) 123 | - [https://coolors.co/](https://coolors.co/) 124 | - [https://www.colorsandfonts.com/](https://www.colorsandfonts.com/) 125 | - [https://mycolor.space/](https://mycolor.space/) 126 | - [https://colors.lol/](https://colors.lol/) 127 | - [http://colormind.io/](http://colormind.io/) 128 | 129 | #### Gradients 130 | 131 | - [https://uigradients.com](https://uigradients.com/) 132 | - [https://cssgradient.io/](https://cssgradient.io/) 133 | - [https://gradient-designer.csspost.com/](https://gradient-designer.csspost.com/) 134 | 135 | ## Image Resources 136 | 137 | ### Photos 138 | 139 | - [Pixabay](https://pixabay.com/) 140 | - [Pexels](https://www.pexels.com) 141 | - [Unsplash](https://unsplash.com/) 142 | - [freepik](https://www.freepik.com) 143 | - [Unsplash Source API](https://source.unsplash.com/) 144 | - [Placeholder Images](https://placeholder.com) 145 | - [Placeholder Image Generator](https://placeholderimage.dev/) 146 | 147 | ### Icons 148 | 149 | - [Iconfinder](https://www.iconfinder.com) 150 | - [flaticon](http://www.flaticon.com/) 151 | - [Font Awesome](https://fontawesome.com/) 152 | - [Heroicons](https://heroicons.dev/) 153 | - [Bootstrap Icons](https://icons.getbootstrap.com/) 154 | - [Simple Icons](https://simpleicons.org/) 155 | - [Material Icons](https://fonts.google.com/icons) 156 | - [Feather](https://feathericons.com/) 157 | 158 | ### Illustrations 159 | 160 | - [LottieFiles](https://lottiefiles.com/) 161 | - [unDraw Illustrations](https://undraw.co/illustrations) 162 | - [404 Illustrations](https://error404.fun/) 163 | - [smash illustrations](https://usesmash.com/) 164 | - [Control Illustrations](https://control.rocks/) 165 | - [DrawKit](https://www.drawkit.io/) 166 | - [Open Doodles](https://www.opendoodles.com/) 167 | - [freellustrations](https://freellustrations.com/) 168 | - [manypixels Illustrations](https://www.manypixels.co/gallery) 169 | - [Mixkit Illustrations](https://mixkit.co/free-stock-art/) 170 | - [Delesign Illustrations](https://delesign.com/free-designs/graphics/) 171 | 172 | ### Patterns 173 | 174 | - [patternico](https://patternico.com/) (image) 175 | - [Subtle Patterns](https://www.toptal.com/designers/subtlepatterns/) (image) 176 | - [Hero Patterns](https://www.heropatterns.com/) (CSS) 177 | - [pattern.css](https://bansal.io/pattern-css) (CSS) 178 | - [Patternify](http://www.patternify.com/) (CSS) 179 | - [Patternizer](https://patternizer.com/) (CSS) 180 | 181 | ### Image Compression 182 | 183 | - [tinypng](https://tinypng.com/) 184 | - [tinyjpg](https://tinyjpg.com/) 185 | - [jpegio](https://www.jpeg.io/) 186 | - [Squoosh](https://squoosh.app/) 187 | - [svgomg](https://jakearchibald.github.io/svgomg/) 188 | - [Compressor](https://compressor.io/) 189 | 190 | ### Background Remover 191 | 192 | - [removebg](https://www.remove.bg/) 193 | 194 | ## CSS 195 | 196 | - [BEM Cheat Sheet](https://9elements.com/bem-cheat-sheet/) 197 | 198 | ### CSS Frameworks 199 | 200 | - [tailwindcss](https://tailwindcss.com/) 201 | - [Bootstrap](https://getbootstrap.com/) 202 | - [Bulma](https://bulma.io/) 203 | - [Zurb Foundation](https://get.foundation/) 204 | - [Materialize](https://materializecss.com/) 205 | - [Bootswatch](https://bootswatch.com/) 206 | - [tailwindcomponents](https://tailwindcomponents.com/) 207 | - [Tailblocks](https://tailblocks.cc/) - Ready-to-use Tailwind CSS blocks 208 | - [tailwindUI](https://tailwindui.com/components) - Tailwind UI Components 209 | - [Tailwind Cheat-Sheet](https://nerdcave.com/tailwind-cheat-sheet) 210 | 211 | ### CSS Tools 212 | 213 | - [flexbox](https://flexbox.io/) 214 | - [CSS GRID](https://cssgrid.io/) 215 | - [cssmastery](https://estelle.github.io/cssmastery/#slide1) 216 | - [CSS Button Generator](http://css3buttongenerator.com) 217 | - [Box Shadows](https://box-shadow.dev/) 218 | - [Flexplorer](https://bennettfeely.com/flexplorer/) 219 | - [CSS Grid Generator](https://cssgrid-generator.netlify.app/) 220 | - [CSS Specificity calculator](https://polypane.app/css-specificity-calculator/) 221 | - [Specificity calculator](https://specificity.keegan.st/) 222 | - [CSS clip-path Maker](https://bennettfeely.com/clippy/) 223 | - [Custom Shape Dividers](https://www.shapedivider.app/) 224 | - [Fancy-Border-Radius](https://9elements.github.io/fancy-border-radius/) 225 | - [Houdini.how](https://houdini.how/) 226 | - [Neumorphism.io](https://neumorphism.io/) 227 | - [Glassmorphism.com](https://glassmorphism.com/) 228 | - [3D Book](https://3dbook.xyz/) 229 | - [98.css](https://jdan.github.io/98.css/) 230 | - [Enjoy CSS](https://enjoycss.com/) - Online CSS Code Generator 231 | - [CSS Arrow Please](https://cssarrowplease.com/) 232 | - [Image Effects with CSS](https://bennettfeely.com/image-effects/) 233 | 234 | ### CSS Animation 235 | 236 | - [csseffects](https://emilkowalski.github.io/css-effects-snippets/) 237 | - [Keyframes](https://keyframes.app/) 238 | - [animista](https://animista.net/) 239 | - [cubic-bezier](https://cubic-bezier.com/) 240 | - [Easings](https://easings.net/) 241 | 242 | ## Generators 243 | 244 | - [mockaroo](https://mockaroo.com/) - Data Generator 245 | - [JSON Generator](https://next.json-generator.com/) - Data Generator 246 | - [Favicon Generator](https://realfavicongenerator.net/) 247 | - [Free Favicon Maker](https://formito.com/tools/favicon) 248 | - [SHA256 Hash Generator](https://passwordsgenerator.net/sha256-hash-generator/) 249 | - [Online UUID Generator](https://www.uuidgenerator.net/) 250 | - [Meta Tags](https://metatags.io/) 251 | - [carbon](https://carbon.now.sh/) - Code Image 252 | - [codeimg](https://codeimg.io/) - Code Image 253 | - [htmldom](https://htmldom.dev/) 254 | 255 | ## Code Optimization 256 | 257 | - [Minify](http://minifier.org) - JavaScript & CSS minifier 258 | - [Code Beautify](https://codebeautify.org) - Validate, Minify, & Beautify 259 | - [Alchemize](https://alchemizeapp.com/) - Minify & pretty-print 260 | - [Diffr](https://loilo.github.io/diffr/) - Online Text Diffing Tool 261 | - [Diffchecker](https://www.diffchecker.com) - Online Diff Tool 262 | - [EStimator](https://estimator.dev/) - Modern JavaScript savings calculator 263 | 264 | ## Converters 265 | 266 | - [Babel](https://babeljs.io/repl) - Modern JavaScript Compiler 267 | - [Sassmeister](https://www.sassmeister.com/) - SCSS to CSS 268 | - [HTML to Jade/Pug](http://www.html2jade.org/) 269 | - [Base64 Converter](https://pr.gg/base64/) 270 | 271 | ## Validation & Compatibility 272 | 273 | - [Can I Use](https://caniuse.com/) - Browser Compatibility Lookup 274 | - [ECMAScript Compatibility Table](https://kangax.github.io/compat-table/es6/) 275 | - [W3C HTML Validation Service](https://validator.w3.org) 276 | - [HTML Validator & Linter](https://www.freeformatter.com/html-validator.html) 277 | - [W3C CSS Validation Service](https://jigsaw.w3.org/css-validator) 278 | - [CSS Validator](https://codebeautify.org/cssvalidate) 279 | - [JSLint](http://www.jslint.com/) - JavaScript Code Quality Tool 280 | - [embold](https://embold.io/) - Code analysis 281 | 282 | ## In-Browser Coding 283 | 284 | - [CodePen](https://codepen.io) 285 | - [JSFiddle](https://jsfiddle.net) 286 | - [Liveweave](http://liveweave.com) 287 | - [repl.it](https://repl.it) 288 | - [JS Bin](https://jsbin.com/) 289 | - [CodeSandbox](https://codesandbox.io/) 290 | 291 | ## APIs 292 | 293 | - [PrestoAPI](https://prestoapi.com/) - API Builder 294 | - [JSON Placeholder](https://jsonplaceholder.typicode.com/) 295 | - [OpenWeather](https://openweathermap.org/guide) 296 | - [The Star Wars API](https://swapi.dev/) 297 | - [They Said So Quotes API](http://quotes.rest/) 298 | - [Public API List](https://github.com/public-apis/public-apis) 299 | 300 | ## Developer Tools 301 | 302 | - [Visual Studio Code](https://code.visualstudio.com/) 303 | - [Postman](https://www.postman.com/) - API & REST Client 304 | - [Insomnia](https://insomnia.rest/) - API & REST Client 305 | - [StackEdit](https://stackedit.io) - In-browser Markdown editor 306 | - [KeyCode](https://keycode.info/) - JavaScript Event KeyCodes 307 | - [Screen size map](https://screensizemap.com/) 308 | - [snippet generator](https://snippet-generator.app/) 309 | - [Front-End Checklist](https://frontendchecklist.io/) 310 | - [BundlePhobia](https://bundlephobia.com/) - Cost of adding an npm package 311 | - [iHateRegex](https://ihateregex.io/) - Regex Cheat Sheet 312 | - [RegExr](https://regexr.com/) - Learn, Build, & Test RegEx 313 | - [regular expressions 101](https://regex101.com/) - Build, Debug, & Share regex 314 | - [kite](https://www.kite.com/) - AI Coding Assistant 315 | - [Wappalyzer](https://www.wappalyzer.com/) - Identify Technologies on websites 316 | - [HTML Entity Lookup](http://entity-lookup.leftlogic.com/) 317 | - [Pastebin](https://pastebin.com) - Snippet Manager 318 | - [HTTP Status Codes](https://httpstatuses.com/) 319 | - [GitHub](https://github.com) 320 | - [Clockify](https://clockify.me/) - Time Tracking 321 | - [Grammarly](https://app.grammarly.com/) 322 | - [Stack Overflow](https://stackoverflow.com/) 323 | - [Google](https://www.google.com/) 324 | - Chrome Developer Tools 325 | - [Bootstrap 5 Cheat Sheet](https://bootstrap-cheatsheet.themeselection.com/) 326 | 327 | ## Chrome Extensions 328 | 329 | - [React Developer Tools](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi) 330 | - [JSON Viewer](https://chrome.google.com/webstore/detail/json-viewer/gbmdgpbipfallnflgajpaliibnhdgobh) 331 | - [WhatFont](https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm?hl=en) 332 | - [Fonts Ninja](https://chrome.google.com/webstore/detail/fonts-ninja/eljapbgkmlngdpckoiiibecpemleclhh) 333 | - [CSS Peeper](https://chrome.google.com/webstore/detail/css-peeper/mbnbehikldjhnfehhnaidhjhoofhpehk?hl=en) 334 | - [CSSViewer](https://chrome.google.com/webstore/detail/cssviewer/ggfgijbpiheegefliciemofobhmofgce?hl=en) 335 | - [Dimensions](https://chrome.google.com/webstore/detail/dimensions/baocaagndhipibgklemoalmkljaimfdj) 336 | - [Page Ruler](https://chrome.google.com/webstore/detail/page-ruler/idhjfgkakeliobkfbijghiaklmiaheag?hl=en) 337 | - [Wireframe](https://chrome.google.com/webstore/detail/wireframe/amchfjeinhflcmbpdgdihhdoogdagcaf?hl=en-GB) 338 | - [ColorZilla](https://chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp?ref=designrevision.com) 339 | - [Wappalyzer](https://chrome.google.com/webstore/detail/wappalyzer/gppongmhjkpfnbhagpmjfkannfbllamg?hl=en%20) 340 | 341 | ## Domain Name Search Engine 342 | 343 | - [namecheap](https://www.namecheap.com/) 344 | - [NameMesh](https://www.namemesh.com/) - Domain Name Generator 345 | 346 | ## Hosting 347 | 348 | - [Netlify](https://www.netlify.com/) 349 | - [Heroku](https://www.heroku.com/) 350 | - [Vercel](https://vercel.com/) 351 | - [Surge](https://surge.sh/) 352 | 353 | ## Database 354 | 355 | - [HarperDB](https://harperdb.io/) 356 | - [MongoDB](https://www.mongodb.com/) 357 | - [Fauna](https://fauna.com/) 358 | - [Firebase](https://firebase.google.com/) 359 | 360 | ## Authentication 361 | 362 | - [Auth0](https://auth0.com/) 363 | - [Firebase Authentication](https://firebase.google.com/products/auth) 364 | 365 | ## Responsiveness 366 | 367 | - [Responsinator](http://www.responsinator.com) - Device Testing 368 | - [What's My Browser Size](https://www.webpagefx.com/tools/whats-my-browser-size/) 369 | 370 | ## Site Analyzers 371 | 372 | - [Measure](https://web.dev/measure/) 373 | - [Lighthouse Metrics](https://lighthouse-metrics.com/) 374 | 375 | ## Project Management 376 | 377 | - [Notion](https://www.notion.so/product) 378 | - [Trello](https://trello.com/) 379 | - [Coggle](https://coggle.it/) 380 | 381 | ## Speed Test 382 | 383 | - [keycdn](https://tools.keycdn.com/speed) - Speed & Performance Testing 384 | - [Pingdom Website Speed Test](https://tools.pingdom.com/) 385 | 386 | ## Documentation 387 | 388 | - [MDN Web Docs](https://developer.mozilla.org/en-US/) 389 | - [w3schools](https://www.w3schools.com/) 390 | - [React](https://reactjs.org/docs/getting-started.html) 391 | - [Vue.js](https://vuejs.org/v2/guide/) 392 | - [Angular](https://angular.io/docs) 393 | - [Tailwind CSS](https://tailwindcss.com/docs) 394 | - [Bootstrap](https://getbootstrap.com/docs/5.0/getting-started/introduction/) 395 | - [DevDocs](https://devdocs.io/) 396 | - [DevHints](https://devhints.io/) 397 | - [Svelte](https://svelte.dev/) 398 | - [Sass](https://sass-lang.com/) 399 | 400 | ## RoadMaps 401 | 402 | - [Web Developer Roadmap 2021](https://youtu.be/7k7ETzqOxn8) 403 | - [All you NEED to Become a Web Developer](https://youtu.be/LTwFX-hitQo) 404 | - [The **Simplest** Web Developer Path for 2021](https://youtu.be/N6Nq62z2C6c) 405 | - [Roadmap](https://roadmap.sh/) 406 | - [Frontend Learning Path in 2021](https://www.youtube.com/watch?v=i5zRYMc7PFw) 407 | 408 | ## YouTube Channels 409 | 410 | ### General Web Dev 411 | 412 | - [Ahmad Awais](https://www.youtube.com/channel/UCKJPVjhsLfzh1cJrUFF9jQg) 413 | - [Ben Awad](https://www.youtube.com/channel/UC-8QAzbLcRglXeN_MY9blyw) 414 | - [Better Dev](https://www.youtube.com/channel/UCmXVXfidLZQkppLPaATcHag) 415 | - [Claudio Bernasconi](https://www.youtube.com/channel/UCTbHPk0bIOQwTXuGgD195bw) 416 | - [CodeDamn](https://www.youtube.com/channel/UCJUmE61LxhbhudzUugHL2wQ) 417 | - [Coder Coder](https://www.youtube.com/channel/UCzNf0liwUzMN6_pixbQlMhQ) 418 | - [CoderOne](https://www.youtube.com/channel/UCMm15RFnHUvM-aSc50e7R9A) 419 | - [codeSTACKr](https://youtube.com/codeSTACKr) 420 | - [Codevolution](https://www.youtube.com/channel/UC80PWRj_ZU8Zu0HSMNVwKWw) 421 | - [Code with Ania Kubów](https://www.youtube.com/channel/UC5DNytAJ6_FISueUfzZCVsw) 422 | - [Coding Garden](https://www.youtube.com/channel/UCLNgu_OupwoeESgtab33CCw) 423 | - [Coding Addict](https://www.youtube.com/c/CodingAddict) 424 | - [Codú Community](https://www.youtube.com/channel/UCvI5azOD4eDumpshr00EfIw) 425 | - [Colby Fayock](https://www.youtube.com/channel/UC7Wpv0Aft4NPNhHWW_JC4GQ) 426 | - [Dave Gray](https://www.youtube.com/channel/UCY38RvRIxYODO4penyxUwTg) 427 | - [dcode](https://www.youtube.com/channel/UCjX0FtIZBBVD3YoCcxnDC4g) 428 | - [Dennis Ivy](https://www.youtube.com/channel/UCTZRcDjjkVajGL6wd76UnGg) 429 | - [Dev Ed](https://www.youtube.com/channel/UClb90NQQcskPUGDIXsQEz5Q) 430 | - [Faraday Academy](https://www.youtube.com/channel/UCxA99Yr6P_tZF9_BgtMGAWA) 431 | - [Florin Pop](https://www.youtube.com/channel/UCeU-1X402kT-JlLdAitxSMA) 432 | - [Fireship](https://www.youtube.com/channel/UCsBjURrPoezykLs9EqgamOA) 433 | - [freeCodeCamp.org](https://www.youtube.com/channel/UC8butISFwT-Wl7EV0hUK0BQ) 434 | - [Harry Wolff](https://www.youtube.com/channel/UCgdeMp2ZBnovi12THmLc47g) 435 | - [James Perkins](https://www.youtube.com/channel/UC-zet8Eyyy-OUE_fmocp3Wg) 436 | - [James Q Quick](https://www.youtube.com/channel/UC-T8W79DN6PBnzomelvqJYw) 437 | - [JavaScript Mastery](https://www.youtube.com/channel/UCmXmlB4-HJytD7wek0Uo97A) 438 | - [Leigh Halliday](https://www.youtube.com/channel/UCWPY8W-FAZ2HdDiJp2RC_sQ) 439 | - [Maksim Ivanov](https://www.youtube.com/channel/UC5hby9iDkwOTQM7PIjyjbgw) 440 | - [Programming with Mosh](https://www.youtube.com/channel/UCWv7vMbMWH4-V0ZXdmDpPBA) 441 | - [Program With Erik](https://www.youtube.com/channel/UCshZ3rdoCLjDYuTR_RBubzw) 442 | - [Tech With Tim](https://www.youtube.com/channel/UC4JX40jDee_tINbkjycV4Sg) 443 | - [The Net Ninja](https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg) 444 | - [thenewboston](https://www.youtube.com/channel/UCJbPGzawDH1njbqV-D5HqKw) 445 | - [Traversy Media](https://www.youtube.com/channel/UC29ju8bIPH5as8OGnQzwJyA) 446 | - [Web Dev Simplified](https://www.youtube.com/channel/UCFbNIlppjAuEX4znoulh0Cw) 447 | - [Weibenfalk](https://www.youtube.com/channel/UCnnnWy4UTYN258FfVGeXBbg) 448 | 449 | ### Design & Front-End 450 | 451 | - [Adrian Twarog](https://www.youtube.com/channel/UCvM5YYWwfLwpcQgbRr68JLQ) 452 | - [DesignCourse](https://www.youtube.com/channel/UCVyRiMvfUNMA1UPlDPzG5Ow) 453 | - [Franks Laboratory](https://www.youtube.com/channel/UCEqc149iR-ALYkGM6TG-7vQ) 454 | - [Jesse Showalter](https://www.youtube.com/channel/UCvBGFeXbBrq3W9_0oNLJREQ) 455 | - [Kevin Powell](https://www.youtube.com/channel/UCJZv4d5rbIKd4QHMPkcABCw) 456 | - [Online Tutorials](https://www.youtube.com/channel/UCbwXnUipZsLfUckBPsC7Jog) 457 | 458 | ### Career & Advice 459 | 460 | - [Akshay Saini](https://www.youtube.com/channel/UC3N9i_KvKZYP4F84FPIzgPQ) 461 | - [Ali Spittel](https://www.youtube.com/channel/UCOxxRhCHDqgtKplU_Ecu4BA) 462 | - [Andy Sterkowitz](https://www.youtube.com/c/AndySterkowitz/) 463 | - [Chau Codes](https://www.youtube.com/channel/UCBCMR6JnwHua6NfN5UhAsfg) 464 | - [Chris Hawkes](https://www.youtube.com/c/noobtoprofessional/) 465 | - [Chris Sean](https://www.youtube.com/channel/UCu1xbgCV5o48h_BYCQD7KJg) 466 | - [Clément Mihailescu](https://www.youtube.com/channel/UCaO6VoaYJv4kS-TQO_M-N_g) 467 | - [CodeStories](https://www.youtube.com/channel/UCqNNNJWqW-0bOziAeSMem9Q) 468 | - [CodingPhase](https://www.youtube.com/channel/UC46wWUso9H5KPQcoL9iE3Ug) 469 | - [Dorian Develops](https://www.youtube.com/channel/UCUOMtzQmEmhIAF8G_cha_Xw) 470 | - [DThompsonDev](https://www.youtube.com/channel/UC8ha68gfkmh5v2a2BAx7low) 471 | - [Developer Habits](https://www.youtube.com/channel/UCJLZwePkNHps5Bv7VwISyTA) 472 | - [Eddie Jaoude](https://www.youtube.com/channel/UC5mnBodB73bR88fLXHSfzYA) 473 | - [Emma Bostian](https://www.youtube.com/channel/UCw7tRECQrNixDvSvL5NKYqw) 474 | - [Filip](https://www.youtube.com/channel/UCG7EBd-JrRZehNv9e5m1fQQ) 475 | - [ForrestKnight](https://www.youtube.com/channel/UC2WHjPDvbE6O328n17ZGcfg) 476 | - [Francesco Ciulla](https://www.youtube.com/channel/UCBRxDSTfr2aJVODDh4WG_7g) 477 | - [Joshua Fluke](https://www.youtube.com/channel/UC-91UA-Xy2Cvb98deRXuggA) 478 | - [Kalle Hallden](https://www.youtube.com/channel/UCWr0mx597DnSGLFk1WfvSkQ) 479 | - [Nick White](https://www.youtube.com/channel/UC1fLEeYICmo3O9cUsqIi7HA) 480 | - [Praveen Kumar Purushothaman](https://www.youtube.com/user/praveenscience) 481 | - [Randall Kanna](https://www.youtube.com/channel/UCqC9s1NAkvPidFpGBewPs2w) 482 | - [RealToughCandy](https://www.youtube.com/channel/UC54NcJvLCvM2CNaBjd5j6HA) 483 | 484 | ### DevOps 485 | 486 | - [DevOps Directive](https://www.youtube.com/channel/UC4MdpjzjPuop_qWNAvR23JA) 487 | - [DanGitschooldude](https://www.youtube.com/c/DanGitschooldude) 488 | - [TechWorld with Nana](https://www.youtube.com/channel/UCdngmbVKX1Tgre699-XLlUA) 489 | 490 | ### Mobile 491 | 492 | - [Flutter Explained](https://www.youtube.com/channel/UCgUnLn1FpuHHmO66vn4o1NA) 493 | - [Robert Brunhage](https://www.youtube.com/channel/UCSLIg5O0JiYO1i2nD4RclaQ) 494 | - [Tadas Petra](https://www.youtube.com/channel/UCNaJHBXsvbfkItVMNmzmTPQ) 495 | - [William Candillon](https://www.youtube.com/channel/UC806fwFWpiLQV5y-qifzHnA) 496 | 497 | ### Blockchain 498 | 499 | - [EatTheBlocks](https://www.youtube.com/channel/UCZM8XQjNOyG2ElPpEUtNasA) 500 | 501 | ### Back End 502 | 503 | - [Caleb Curry](https://www.youtube.com/channel/UCZUyPT9DkJWmS_DzdOi7RIA) 504 | - [CodeBeauty](https://www.youtube.com/channel/UCl5-BV9aRaeDVohpE4sqJiQ) 505 | - [Python Engineer](https://www.youtube.com/channel/UCbXgNpp0jedKWcQiULLbDTA) 506 | 507 | ## Books / Courses 508 | 509 | - [Functional-Light JavaScript](https://github.com/getify/Functional-Light-JS) 510 | - [Eloquent JavaScript 3rd Edition](https://eloquentjavascript.net/) 511 | - [You Don't Know JS](https://github.com/getify/You-Dont-Know-JS) 512 | - [JavaScript 30](https://javascript30.com/) - Wes Bos 513 | - [CSS GRID](https://cssgrid.io/) - Wes Bos 514 | - [freeCodeCamp.org](https://freecodecamp.org) 515 | - [Sitepoint](https://www.sitepoint.com) 516 | 517 | ## Newsletters 518 | 519 | - [JavaScript Weekly](https://javascriptweekly.com/) 520 | - [Frontend Focus](https://frontendfoc.us) 521 | - [React Status](https://react.statuscode.com/) 522 | - [Bytesized](https://www.bytesized.xyz/) 523 | - [Flexbox Adventure](https://flexboxadventure.com/) 524 | 525 | ## Podcasts 526 | 527 | - [JS Party](https://changelog.com/jsparty) 528 | - [Ladybug](https://www.ladybug.dev/) 529 | - [Syntax.fm](https://syntax.fm) 530 | - [Full Stack Radio](https://fullstackradio.com/) 531 | - [ShopTalk Show](https://shoptalkshow.com) 532 | - [The Changelog](https://changelog.com/podcast) 533 | - [JavaScript Jabber](https://devchat.tv/show/javascript-jabber/) 534 | - [Self-Taught or Not](https://www.selftaughtornot.com/) 535 | - [Front End Happy Hour](https://frontendhappyhour.com/) 536 | 537 | ## Blogs 538 | 539 | - [Codepen](https://blog.codepen.io) 540 | - [codeSTACKr](https://codestackr.com) 541 | - [CSS-Tricks](https://css-tricks.com/) 542 | - [DEV.to](https://dev.to/) 543 | - [Flavio Copes](https://flaviocopes.com/) 544 | - [freeCodeCamp](https://www.freecodecamp.org/news/) 545 | - [Github Blog](https://blog.github.com) 546 | - [LogRocket](https://blog.logrocket.com) 547 | - [React Blog](https://reactjs.org/blog) 548 | - [Scotch.io](https://scotch.io) 549 | - [Smashing Magazine](https://www.smashingmagazine.com) 550 | - [Tania Rascia](https://www.taniarascia.com/) 551 | - [Edidiong Asikpo](https://edidiongasikpo.com/) 552 | - [Bolaji Ayodeji](https://blog.bolajiayodeji.com/) 553 | - [Catalin Pit](https://catalins.tech/) 554 | 555 | ## Practice 556 | 557 | - [30 Day Vanilla JS Coding Challenge](https://javascript30.com/) 558 | - [Clean-code in JS](https://github.com/ryanmcdermott/clean-code-javascript) 559 | --------------------------------------------------------------------------------