🔥 Learn how to build a responsive website from a Figma design with HTML, Sass/SCSS, JS ➡️ https://coder-coder.com/responsive/ 💥 Practice your skills with Frontend Mentor, use code JESSCHAN10 for 10% off Pro: https://www.frontendmentor.io/?via=jesschan 😎 Want to support the channel? Join the Coder Coder Club for $5/mth: https://courses.coder-coder.com/p/club ____________________________ Learn web development using all FREE resources with this roadmap for 2025. 📘 RESOURCES: 🟢 WEB DEV BASICS https://www.youtube.com/watch?v=y2kg3MOk1sY https://developer.mozilla.org/en-US/docs/Learn_web_development/Getting_started/Environment_setup https://code.visualstudio.com https://www.youtube.com/watch?v=EUJlVYggR1Y https://www.youtube.com/watch?v=AR9Em0X-N_8 https://www.youtube.com/watch?v=ysEN5RaKOlA https://www.freecodecamp.org https://www.theodinproject.com https://scrimba.com 🟢 OTHER TECHNOLOGIES https://developer.mozilla.org/en-US/docs/Learn_web_development/Getting_started/Environment_setup/Command_line https://www.youtube.com/watch?v=uwAqEzhyjtw https://www.npmjs.com/ https://www.youtube.com/watch?v=P3aKRdUyr0s https://git-scm.com https://www.youtube.com/watch?v=tRZGeaHPoaw https://www.youtube.com/watch?v=8Dd7KRpKeaE 🟢 MORE CSS https://css-tricks.com/snippets/css/complete-guide-grid/ https://css-tricks.com/snippets/css/a-guide-to-flexbox/ https://css-tricks.com/snippets/css/a-guide-to-flexbox/ https://www.joshwcomeau.com/css/interactive-guide-to-flexbox/ https://www.joshwcomeau.com/css/interactive-guide-to-grid/ https://tailwindcss.com/ https://www.youtube.com/watch?v=6biMWgD6_JY 🟢 MORE JAVASCRIPT https://vite.dev/ https://scrimba.com/learn-react-c0e https://www.youtube.com/watch?v=x4rFhThSX04 https://www.youtube.com/watch?v=dCLhUialKPQ https://react.dev/reference/react https://www.typescriptlang.org/docs/handbook/intro.html https://www.youtube.com/playlist?list=PLNqp92_EXZBJYFrpEzdO2EapvU0GOJ09n https://www.totaltypescript.com/tutorials/beginners-typescript https://nextjs.org/learn https://www.youtube.com/watch?v=djDgTYrFMAY https://www.youtube.com/watch?v=Zq5fmkH0T78 https://astro.build 🟢 BACK-END PROGRAMMING LANGUAGES https://nodejs.org/en/learn/getting-started/introduction-to-nodejs https://www.youtube.com/watch?v=f2EqECiTBL8 https://www.edx.org/learn/python/harvard-university-cs50-s-introduction-to-programming-with-python https://programming-25.mooc.fi/ https://dev.java/learn/ https://www.youtube.com/watch?v=eIrMbAQSU34 https://www.youtube.com/watch?v=A74TOX803D0 https://centria.github.io/basic-csharp/ https://learn.microsoft.com/en-us/shows/csharp-for-beginners/ https://phptherightway.com/ https://www.youtube.com/watch?v=sVbEyFZKgqk&list=PLr3d3QYzkw2xabQRUpcZ_IBk9W50M9pe- 🟢 BACK-END DATABASES https://www.postgresql.org/docs/current/ https://www.youtube.com/watch?v=SpfIwlAYaKk https://learn.mongodb.com/ https://redis.io/docs/latest/operate/rc/rc-quickstart/ 🟢 ROADMAPS https://roadmap.sh/ ____________________________ 💻 Become a full-stack web dev with Zero to Mastery: https://academy.zerotomastery.io/a/aff_338z7xnj/external?affcode=441520_ti97uk6b 👕 Get my hoodie, mug, and other merch here: https://coder-coder.com/merch 🎨 Get my VS Code theme: https://marketplace.visualstudio.com/items?itemName=CoderCoder.codercoder-dark-theme https://twitter.com/thecodercoder https://www.instagram.com/thecodercoder ____________________________ 0:00 - Intro 0:33 - Tools 2:01 - Front-end Basics 3:55 - Other Technologies 5:36 - More CSS 7:03 - More JavaScript 9:31 - Back-end #css #javascript #html