Well as a human, I love free things 😒. So, I have gathered some free resources that I've used over the years. And I want to share them with you all amazing people.

To develop anything, we first need a computer💻 and an internet🌎 connection. Then of course an operating system (we all know linux is available totally for free).

Let's talk about the things that come after these:

Code editor:

1. VS code
2. Sublime text editor
3. Atom

Online code editors:

1. Codepen
2. CodeSandbox
3. Stackblitz
4. Gitpod
5. Glitch
6. Playcode.io

Stock photos and videos:

1. Pexels
2. Unsplash
3. Pixabay
4. Mixkit
5. Coverr

Vectors and illustrations:

1. Freepik
2. Undraw
3. Vecteezy
4. Openclipart
5. Vectorstock

Fonts:

1. Google fonts
2. Fontspace

Icons:

1. Font Awesome
2. Material-ui icons
3. Animated icons
4. Freepik

Mockup tools:

1. Figma
2. Zepllin

Design ideas:

1. Awwwards
2. Dribbble
3. Webdesign Inspiration

Browser extensions:

1. Wappalyzer - Look at website technology stack
2. Colorzilla - Pick color from anysite and do color related stuffs
3. CSS3 generator - Allows you to generate CSS3 snippets
4. Daily Dev - Developer news
5. Gitpod - Fork and edit any repo instantly

 

Now its time to make our website public. But before that, we need:

Compressor:

1. Optimizilla
2. Tinypng
3. Code compressor

Hosting providers:

1. Netlify
2. Heroku
3. Github pages
4. Vercel
5. Surge
6. Render
7. Cloudflare pages and workers
8. Firebase hosting

I've covered free learning resources in this article:

Thank you so much for sticking around. And here is a bonus for you: More free dev resources. And if you are a student then you can always apply for Student developer pack by Github in collaborations with many other service providers.

Here is more by Brad Travercy and Path to free self-taught education in Computer Science by Open Source Society University.