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

β–Ά 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/

  1. CSS

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

https://cssbattle.dev/

  1. Front End Development Libraries

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

  1. Java script

https://javascript30.com/

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

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

  1. React

https://t.me/webdevcoursefree/110

https://fullstackopen.com/en/part10

  1. 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 & 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! πŸš€πŸŒ