Thread by @tucker_dev, A big of free web development resources Learning platformsLearn HTML, [...]

A big

https://abs.twimg.com/emoji/v2/... draggable="false" alt="🧵" title="Thread" aria-label="Emoji: Thread"> of free web development resources

https://abs.twimg.com/emoji/v2/... draggable="false" alt="⬇️" title="Pfeil nach unten" aria-label="Emoji: Pfeil nach unten">

https://abs.twimg.com/emoji/v2/... draggable="false" alt="✨" title="Funken" aria-label="Emoji: Funken">Learning platforms

https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Learn HTML, CSS, JS, Algo and DS, other web certs: https://www.freecodecamp.org/
https://www.freecodecamp.org/">... class="Emoji" style="height:16px;" src=" https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Learn HTML, CSS, JS, and Rails: https://www.theodinproject.com/ ">https://www.theodinproject.com/">...

freeCodeCamp.org

Learn to code. Build projects. Earn certifications.Since 2015, 40,000 graduates have gotten jobs at tech companies including Google, Apple, Amazon, and Microsoft.

https://www.freecodecamp.org/

https://abs.twimg.com/emoji/v2/... draggable="false" alt="✨" title="Funken" aria-label="Emoji: Funken">Learning HTML

https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Visual guide: https://htmlreference.io/
https://htmlreference.io/">... class="Emoji" style="height:16px;" src=" https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Crash course by Brad Traversy: https://www.youtube.com/watch?v=UB1O30fR-EE&t=216s">https://www.youtube.com/watch...

https://abs.twimg.com/emoji/v2/... draggable="false" alt="✨" title="Funken" aria-label="Emoji: Funken">Learning CSS

https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Visual guide: https://cssreference.io/
https://cssreference.io/">... class="Emoji" style="height:16px;" src=" https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Fun game for learning CSS Flexbox: https://flexboxfroggy.com/
https://flexboxfroggy.com/">... class="Emoji" style="height:16px;" src=" https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Playground for learning CSS Grid: https://mozilladevelopers.github.io/playground/css-grid">https://mozilladevelopers.github.io/playgroun...

CSS Grid Layout + Firefox = ❤️

CSS Grid Layout is a game-changer for web developers. Learn more about CSS Grid and the CSS Grid Layout panel in Firefox.

https://cssreference.io/

https://abs.twimg.com/emoji/v2/... draggable="false" alt="✨" title="Funken" aria-label="Emoji: Funken">Learning JavaScript

https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Best docs in my opinion: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide
https://developer.mozilla.org/en-US/doc... class="Emoji" style="height:16px;" src=" https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">JavaScript guide: https://javascript.info/ ">https://javascript.info/">...

https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Build 30 apps in 30 days: https://javascript30.com/
https://javascript30.com/">... class="Emoji" style="height:16px;" src=" https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Eloquent JavaScript book: http://eloquentjavascript.net/
https://eloquentjavascript.net/">... class="Emoji" style="height:16px;" src=" https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Key concepts visualized: https://dev.to/lydiahallie/javascript-visualized-event-loop-3dif">https://dev.to/lydiahall...

✨♻️ JavaScript Visualized: Event Loop

Oh boi the event loop. It’s one of those things that every JavaScript developer has to deal with in o...

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide

https://abs.twimg.com/emoji/v2/... draggable="false" alt="✨" title="Funken" aria-label="Emoji: Funken">Practice and Problem-solving

https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">CodeWars: https://www.codewars.com/
https://www.codewars.com/">... class="Emoji" style="height:16px;" src=" https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Edabit: https://edabit.com/
https://edabit.com/">... class="Emoji" style="height:16px;" src=" https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Exercism: https://exercism.io/ ">https://exercism.io/">...

Exercism

Code Practice and Mentorship for Everyone. Level up your programming skills with 1,879 exercises across 38 languages, and insightful discussion with our dedicated team of welcoming mentors. Exercism...

https://www.codewars.com/

https://abs.twimg.com/emoji/v2/... draggable="false" alt="✨" title="Funken" aria-label="Emoji: Funken">Cheatsheets

https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Devhints: https://devhints.io/ ">https://devhints.io/">...

Devhints — TL;DR for developer documentation

A ridiculous collection of web development cheatsheets · One-page guide to

https://devhints.io/

https://abs.twimg.com/emoji/v2/... draggable="false" alt="✨" title="Funken" aria-label="Emoji: Funken">Free hosting

https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Heroku: https://www.heroku.com/
https://www.heroku.com/">... class="Emoji" style="height:16px;" src=" https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Netlify: https://www.netlify.com/
https://www.netlify.com/">... class="Emoji" style="height:16px;" src=" https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Vercel: https://vercel.com/ ">https://vercel.com/">...

Develop. Preview. Ship. – Vercel

Vercel is the easiest way to deploy websites. Host your web projects with zero configuration, automatic SSL, and global CDN.

https://www.heroku.com/

https://abs.twimg.com/emoji/v2/... draggable="false" alt="✨" title="Funken" aria-label="Emoji: Funken">Icons

https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Development themed: https://vorillaz.github.io/devicons/#/main
https://vorillaz.github.io/devicons/... class="Emoji" style="height:16px;" src=" https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Fontawesome: https://fontawesome.com/
https://fontawesome.com/">... class="Emoji" style="height:16px;" src=" https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Feathericons (minimalist style): https://feathericons.com/ ">https://feathericons.com/">...

Feather – Simply beautiful open source icons

Feather is a collection of simply beautiful open source icons. Each icon is designed on a 24x24 grid with an emphasis on simplicity, consistency and readability.

https://vorillaz.github.io/devicons/#/main

https://abs.twimg.com/emoji/v2/... draggable="false" alt="✨" title="Funken" aria-label="Emoji: Funken">Illustrations

https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">IRA Design: https://iradesign.io/
https://iradesign.io/">... class="Emoji" style="height:16px;" src=" https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">unDraw: https://undraw.co/
https://undraw.co/">... class="Emoji" style="height:16px;" src=" https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Hero Patterns: https://www.heropatterns.com/
https://www.heropatterns.com/">... class="Emoji" style="height:16px;" src=" https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Blush: https://blush.design/ ">https://blush.design/">...

Blush, Illustrations for everyone

Blush makes it easy to add illustrations to your projects. With collections made by artists across the globe, there’s something for everyone—and every project.

https://iradesign.io/

https://abs.twimg.com/emoji/v2/... draggable="false" alt="✨" title="Funken" aria-label="Emoji: Funken">Color Palettes

https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Coolors: https://coolors.co/
https://coolors.co/">... class="Emoji" style="height:16px;" src=" https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Color Hunt: https://colorhunt.co/ ">https://colorhunt.co/">...

Color Hunt - Color Palettes for Designers and Artists

Color Hunt is a free and open platform for color inspiration with thousands of trendy hand-picked color palettes

https://coolors.co/

https://abs.twimg.com/emoji/v2/... draggable="false" alt="✨" title="Funken" aria-label="Emoji: Funken">Photos

https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Unsplash: https://unsplash.com/
https://unsplash.com/">... class="Emoji" style="height:16px;" src=" https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Pexels: https://www.pexels.com/ ">https://www.pexels.com/">...

Beautiful Free Images & Pictures | Unsplash

Beautiful, free images and photos that you can download and use for any project. Better than any royalty free or stock photos.

https://unsplash.com/

https://abs.twimg.com/emoji/v2/... draggable="false" alt="✨" title="Funken" aria-label="Emoji: Funken">Design Tools

https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Figma (wireframes, prototyping): https://www.figma.com/
https://www.figma.com/">... class="Emoji" style="height:16px;" src=" https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Excalidraw (lo-fi sketching, diagrams): https://excalidraw.com/
https://excalidraw.com/">... class="Emoji" style="height:16px;" src=" https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Canva (free photoshop/Illustrator alternative): https://www.canva.com/ ">https://www.canva.com/">...

Excalidraw

Excalidraw is a whiteboard tool that lets you easily sketch diagrams that have a hand-drawn feel to them.

https://www.figma.com/

https://abs.twimg.com/emoji/v2/... draggable="false" alt="✨" title="Funken" aria-label="Emoji: Funken">UI Inspiration

https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">CollectUI: https://collectui.com"> https://collectui.com

https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Httpster: https://httpster.net"> https://httpster.net

https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">UI Garage: https://uigarage.net"> https://uigarage.net

https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">CSS Nectar: https://cssnectar.com/ ">https://cssnectar.com/">...

CSS Gallery for Web Design Inspiration - CSS Nectar

CSS Nectar is a css website design showcase for web designers and developers. Every day we select the best of the web design and add it to our gallery. Submit or suggest a website.

https://collectui.com

https://abs.twimg.com/emoji/v2/... draggable="false" alt="✨" title="Funken" aria-label="Emoji: Funken">Computer Science Fundamentals

https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Self-teaching roadmap with free books and videos: https://teachyourselfcs.com/ ">https://teachyourselfcs.com/">...

https://abs.twimg.com/emoji/v2/... draggable="false" alt="✨" title="Funken" aria-label="Emoji: Funken">YouTube instructors

https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Net Ninja: https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg
https://www.youtube.com/channel/U... class="Emoji" style="height:16px;" src=" https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Brad Traversy: https://www.youtube.com/user/TechGuyWeb
https://www.youtube.com/user/Tech... class="Emoji" style="height:16px;" src=" https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Dev Ed: https://www.youtube.com/channel/UClb90NQQcskPUGDIXsQEz5Q
https://www.youtube.com/channel/U... class="Emoji" style="height:16px;" src=" https://abs.twimg.com/emoji/v2/... draggable="false" alt="🔺" title="Nach oben zeigendes rotes Dreieck" aria-label="Emoji: Nach oben zeigendes rotes Dreieck">Academind: https://www.youtube.com/channel/UCSJbGtTlrDami-tDGPUV9-w">https://www.youtube.com/channel/U...

Academind

There's always something to learn! Whether you want to have look at Angular Tutorials or Guides, Vue.js, other Frontend Development Content or Data Science T...

https://www.youtube.com/channel/UCW5YeuERMmlnqo4oq8vwUpg

Latest Threads Unrolled: