Free Web Development Resources
List of all the web development resources at one place.
Marko Denic
2 years ago | 1 min read
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://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://wfh.io
Photos:
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:
Docs:
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
Upvote
Created by
Marko Denic
Making the web faster. Public mentor.
Post
Related Articles