DEV Community

Marko Denic
Marko Denic

Posted on • Updated on

Free Web Development Resources

Enjoy!

Learning Platforms:

https://freecodecamp.org
https://codecademy.com
https://javascript30.com
https://frontendmentor.io
https://testautomationu.applitools.com
https://coursera.org
https://khanacademy.org
https://sololearn.com

Free Hosting:

https://netlify.com
https://firebase.google.com
https://aws.amazon.com
https://heroku.com
https://pages.github.com
https://vercel.com
https://surge.sh
https://render.com
https://docs.gitlab.com/ee/user/project/pages

Coding Challenge Platforms:

https://codewars.com
https://topcoder.com
https://codingame.com
https://hackerrank.com
https://projecteuler.net
https://coderbyte.com
https://codechef.com
https://exercism.io
https://leetcode.com
https://spoj.com

Freelancing platforms:

📌 https://toptal.com
📌 https://upwork.com
📌 https://freelancer.com
📌 https://peopleperhour.com
📌 https://simplyhired.com
📌 https://envato.com
📌 https://guru.com
📌 https://fiverr.com
📌 https://hireable.com
📌 https://6nomads.com

List of websites to find remote jobs:

📌 https://flexjobs.com
📌 https://remote.co/remote-jobs
📌 https://justremote.co
📌 https://weworkremotely.com
📌 https://remoteok.io
📌 https://jobspresso.co
📌 https://europeremotely.com
📌 https://wfh.io

Photos:

📷 https://unsplash.com
📷 https://pixabay.com
📷 https://pexels.com

Illustrations:

https://undraw.co/illustrations
https://drawkit.io
https://icons8.com/ouch
https://iradesign.io
https://interfacer.xyz
https://blush.design

Icons:

https://fontawesome.com
https://flaticon.com
https://icons8.com
https://material.io/resources/icons
https://iconmonstr.com

Fonts:

✍️ https://fonts.google.com
✍️ https://fontspace.com
✍️ https://1001fonts.com
✍️ https://fontsquirrel.com

Youtube Channels:

🔗 Traversy Media
🔗 FreeCodeCamp
🔗 The Net Ninja
🔗 Google Chrome Developers
🔗 The New Boston
🔗 Derek Banas
🔗 Academind

Podcasts:

🔗 Syntax
🔗 Fullstack radio
🔗 The Changelog
🔗 The Laracasts Snippet
🔗 Front End Happy Hour
🔗 JavaScript Jabber Archives
🔗 Commit Your Code!
🔗 Shop Talk
🔗 Ladybug Podcast
🔗 CodePen Radio
🔗 JAMStack Radio
🔗 Modern Web

Code Editors:

🚀 Visual Studio Code [VS Code]
🚀 Sublime Text
🚀 Atom
🚀 Brackets
🚀 Vim

Color Palettes:

🎨 https://coolors.co
🎨 https://colorhunt.co
🎨 https://paletton.com
🎨 https://color-hex.com
🎨 https://mycolor.space

UI Inspiration:

https://landingexam.com/
https://uimovement.com
https://uigarage.net
https://collectui.com
https://httpster.net

Docs:

🔥 https://developer.mozilla.org
🔥 https://w3schools.com
🔥 https://w3docs.com
🔥 https://devdocs.io

Animation Libraries:

⧩ CSShake
⧩ Animate.css
⧩ AnimeJS
⧩ GreenSock (GSAP)
⧩ Magic Animations
⧩ Hover css
⧩ AniJS
⧩ Wicked CSS
⧩ Tuesday
⧩ Mo.js
⧩ Bounce.js

Charts / Data Visualization:

📊 Chart.js
📊 D3.js
📊 three.js

Chrome Extensions:

🔖 Web Developer
🔖 CSSViewer
🔖 Wappalyzer
🔖 JSONView
🔖 Lorem Ipsum Generator

Website Optimization Tools:

⚡ Google PageSpeed Insights
⚡ GTmetrix
⚡ WebPageTest
⚡ Yslow

CSS Generators:

Button Generator
Glassmorphism CSS Generator
Neumorphism Generator

If you liked this article, be sure to ❤️ it.

This article is a repost from my blog. Find the original post here: Free Web Development Resources.

Let's keep in touch:
Blog: markodenic.com
Twitter: @denicmarko
Github: github.com/MarkoDenic

Top comments (4)

Collapse
 
joelbonetr profile image
JoelBonetR 🥇

Nice list, FreeCodeCamp is a good place for getting certificates about full-stack (mainly front-end tbh), didn't check others yet but sure I'll do.

I would add Intellij idea community to free IDE list as many companies use jetbrains IDEs.

Also note DBeaver community as database IDE/Client.

Collapse
 
spiritupbro profile image
spiritupbro

please remove freelancer.com complaintsboard.com/freelancercom-... don't ever use freelancer.com anymore this website is a scam take a look at this, they closed account without warning beware

Collapse
 
perpetual_education profile image
perpetual . education

How do you feel about "free" development resources?

Collapse
 
perpetual_education profile image
perpetual . education • Edited

We keep thinking about this.

Free resources for everything: Library

Can't learn to ride a horse at the library.

"Free resources" aren't a new thing. But - the fact that someone tried to get paid for their hard work - creates a contrast. What? I can't go to college for free? I'm not guaranteed a job? What?

"Free" is often a marketing tactic until you are taught that you need more / and then there you are - right back where you were.