Awesome-web-development-resources 🚀

This is an Awesome Web Development Resources list Here you can find all free resources to learn web development ☟

🌐 Demo

Explore the live demo here.

⭐ Show Your Support

If you find this repository helpful, don't forget to ⭐ it! Your support means a lot and helps others discover these valuable resources.

Table of content

Explore a diverse range of Resorces ☟

• Youtube channels
• Websites
• Instagram pages
• Coding challenge
• CSS Generators
• UI components
• Chrome extension
• Docs
• cheatsheets
• Podcasts
• Code editors
• HTML & CSS snippets
• Newsletter
• Remote jobs
• Color pallets
• UI Design inspiration

Youtube channels

▶ TheNewBoston
▶ CodeWithHarry
▶ ThapaTechnical
▶ Akshay saini
▶ Freecodecamp
▶ Codingshuttle
▶ Aonacollege
▶ CoderCoder
▶ Webdevsimplified
▶ Codedamn
▶ thecodingeeks
▶ Derek Banas
▶ ProgrammingKnowledge
▶ Edureka
▶ Traversy Media
▶ LearnCode.academy
▶ Programming with Mosh
▶ DesignCourse
▶ Hitesh Choudhary
▶ DevTips
▶ LevelUpTuts
▶ Treehouse
▶ LearnWebCode
▶ Adam Khoury
▶ 1stWebDesigner
▶ Tuts+ Web Design
▶ Joseph Smith

Websites

Useful websites to learning Web Development 👇👇

1. HTML

https://www.w3schools.com/html/ https://html.com/

2. CSS

https://www.w3schools.com/css/

https://cssbattle.dev/

3. Front End Development Libraries

https://www.freecodecamp.org/learn/front-end-development-libraries/

4. Java script

https://javascript30.com/

https://snipcart.com/blog/javascript-practice-exercises

https://www.codewars.com/collections/coding-challenges

5. React

https://t.me/webdevcoursefree/110

https://fullstackopen.com/en/part10

6. Other Resources

https://devchallenges.io/

http://codier.io/

Instagram Pages

📍 Code Station
📍 Code architects
📍 vee codes
📍 Design with rehana
📍 Baby wolf code
📍 Code with random
📍 Code with biki
📍 Code with harshad
📍 julio codes
📍 Frontend everything
📍 Html hints
📍 Frontend webdevelopers
📍 Frontendjoe
📍 Parth web dev
📍 webstrom tech
📍 David web dev
📍 Code clash
📍 Coding master
📍 Developers community
📍 edurise
📍 Richwebdeveloper
📍 Cssdevarmy
📍 Sparsh codes
📍 Coding batch

Coding challenge websites

🔖GeeksforGeeks
🔖codewars
🔖leetcode
🔖hackerrank
🔖topcoder
🔖exercism
🔖coderbyte
🔖codingame
🔖codechef
🔖projecteuler
🔖edabit
🔖codeforces
🔖hackerearth

CSS Generators

🧩CSS Border Radius Generator
🧩CSS Button Generator
🧩CSS Box Shadow Generator
🧩CSS Clip Path Generator
🧩CSS Column Generator
🧩CSS Cubic Bezier Generator
🧩CSS Flip Switch Generator
🧩CSS Flexbox Generator
🧩CSS Loader Generator
🧩CSS Scrollbar Generator
🧩CSS Text Gradient Generator
🧩CSS Image Filter Generator
🧩CSS Input Range Generator
🧩CSS Layout Generator
🧩CSS Menu Generator
🧩CSS Sprite Generator
🧩CSS RGBA Generator
🧩CSS Ribbon Generator
🧩CSS Ribbon Banner Generator
🧩CSS Text Rotate Generator
🧩CSS Text Shadow Generator
🧩CSS Triangle Generator
🧩CSS 3D Transform Generator

Cheatsheets

Websites For Web Development Cheat Sheets

📃 thinkful
📃 html.com
📃 dev.to
📃 hackerthemes
📃 seo=cheat-sheet

• HTML
  📃 html5doctor
  📃 htmlcheatsheet
  📃 html5sec
  📃 html5-canvas-cheat-sheet
  

• CSS
  📃 caniuse
  📃 CSS3-Animation-Cheat-Sheet
  📃 css-grid-cheat-sheet
  📃 grid
  📃 media-queries-cheat-sheet
  📃 responsive-web-design-cheatsheet
  

• Javascript
  📃 modern-js-cheatsheet
  📃 developer-cheatsheet
  

HTML & CSS snippets

⚪ codepad.co
⚪ snipplr.com [CSS]
⚪ snipplr.com [HTML]
⚪ codepen.io
⚪ webcode.tools [CSS Generator]
⚪ webcode.tools [HTML Generator]
⚪ codemyui.com
⚪ bootsnipp.com
⚪ codeply.com
⚪ freefrontend.com [HTML]
⚪ freefrontend.com [CSS]
⚪ css-tricks.com

UI design inspirations

🎨 dribbble.com
🎨 behance.net
🎨 awwwards.com
🎨 pinterest.com
🎨 lapa.ninja
🎨 thefwa.com
🎨 cssdesignawards.com
🎨 siteinspire.com
🎨 designinspiration.com
🎨 codepen.io
🎨 collectui.com
🎨 onepagelove.com

✨Contributing

Have additional resources to share? Contributions are welcome!

📚 License

This repository is licensed under the MIT License - see the LICENSE.md file for details.

Happy learning and coding! 🚀🌐