When you are just starting out in the field of development, if your efforts are combined with right tools and resources, you can learn a lot of things in a very short amount of time.

When I joined college, I had the guidance of my seniors which made looking for relevant resources a fairly easy process.

I will try to list some of the resources I used while starting and tools I picked up on the way.

I hope you learn something new from this post!

Beginner

No matter which tech stack you take up later, the basics of web development start with HTML, CSS and JavaScript.

W3Schools

Whether you are just starting or are an expert in the field of web dev, you will require to go through this website from time to time. This website provides detailed information on most of the core technologies being used in web development these days. This is the perfect place for beginners to start their web dev journey.

FreeCodeCamp

FreeCodeCamp provides task based learning which helps you to remember the concepts by performing practical on a web editor side by side. You can also check their youtube channel for quality video content on different technologies.

100DaysCSS

CSS knowledge is very important if you want to create good looking UI Components, and 100 Days CSS makes it easier to practice while learning new things everyday. You can submit your code and track your progress also.

OverAPI

OverAPI provides cheat sheets related to most of the topics of web development. You can find references directly from the cheat sheet itself.

Tools

Wappalyzer

Wappalyzer is a browser extension which lists down all of the technologies used in a website. It can come in handy sometimes when you want to implement a certain feature which was used in a website you visited.

Remove.bg

Remove.bg is a website used to remove background from images. It uses AI to perfectly remove background from images.

cssgradient.io

This website can be used to create awesome looking gradients very easily.

Owl carousel

Not exactly a tool but it can be used to implement carousels in your website very easily without writing tons of JS.

Roadmap.sh

A wonderful website that provides you with roadmaps categorized on the basis of tools and roles. Definitely worth checking out.

My favorite

daily.dev

daily.dev is a browser extension which replaces your default homepage with blogs according to your preference. Trust me, you will find amazing things here.

These were some of the tools and resources I used in my initial days and I still use some of them.

These resources combined with youtube are enough to get started and grow in the field of development.

Plus you can find tons of free resources easily from a google search.

I wish you all the best for your development journey.

You can comment down your favorite tools and let others know about them.