Welcome to the mega list of 50+ tools and resources that have helped me throughout my web development learning. I have used these tools to create beautiful websites. These tools will also help you in many ways such as productivity. Some tools might you already know, but there are many tools that might be new to you. It will help you in boosting your productivity and achieve a better website application

So let’s begin the list.

Learning🧑‍💻

W3School

Well-organized and easy-to-understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, Python, PHP, Bootstrap, Java, XML, and more.

www.w3schools.com_.png

A web developer definitely knows this website. If you search any HTML, CSS, and JavaScript terms on Google, W3School’s web page will be among the top list. It’s a great website to learn web development in a sequence. It can also serve as learning different web development terms.

FreeCodeCamp

Learn to Code — For Free

www.freecodecamp.org_.png

FreeCodeCamp is one of the amazing platforms to learn a variety kind of stuff from one platform. It has a blog platform and YouTube channels for video tutorials. Each and every tutorial and blog is of high quality and created by amazing creators. I have learned React through freeCodeCamp’s YouTube tutorials. I highly recommend using their’s YouTube channel to learn anything in tech.

CSS-Tricks

Daily articles about CSS, HTML, JavaScript, and all things related to web design and development.

5bac277f1fc2b.png

Tons of guides and tutorials on CSS. They have covered most of the topics in CSS and keep on adding more posts to cover topics beyond CSS. Their guide is awesome with code. They have snippets (cheatsheet kind of) with code and diagrams to explain different complex CSS concepts such as flex in an easy way.

Scrimba