Ultimate List of Free Web Development Resources -

๐Ÿงต MEGA THREAD ๐Ÿงต ๐Ÿ‘‡

#100DaysOfCode #javascript #Python3 #programmer #CSS3 #webdevelopment #html #WomenWhoCode
Topics Covered ๐Ÿ‘‡

๐Ÿ”นOnline Learning Platforms
๐Ÿ”น Free Code Snippets
๐Ÿ”น Documents
๐Ÿ”น Learn By Playing Games
๐Ÿ”น Icons
๐Ÿ”น Illustrations
๐Ÿ”น Free Web Hosting
๐Ÿ”น YouTube Channel

Let's Start ๐Ÿ”ฅ๐Ÿ”ฅ
๐Ÿ”ถ Online Leaning Platforms

๐Ÿ”น Free Code Camp -
freecodecamp.org

๐Ÿ”น Udemy -
udemy.com

๐Ÿ”น Treehouse -
teamtreehouse.com

๐Ÿ”น Udacity -
udacity.com

๐Ÿ”น Cousera -
coursera.org

๐Ÿ”น Sololearn -
sololearn.com
๐Ÿ”น Frontend Masters -
frontendmasters.com

๐Ÿ”น W3Schools -
w3schools.com

๐Ÿ”น Codeacademy -
codecademy.com

๐Ÿ”น Traversy Media -
traversymedia.com

๐Ÿ”น Alison -
alison.com

๐Ÿ”น Skillshare -
skillshare.com
๐Ÿ”ถ Free Code Snippets

๐Ÿ”น Codepen -
codepen.io

๐Ÿ”น Free Frontend -
freefrontend.com

๐Ÿ”น Code My UI -
codemyui.com

๐Ÿ”น Play Code -
playcode.io

๐Ÿ”น JS Bin -
jsbin.com

๐Ÿ”น JS Fiddle -
jsfiddle.net
๐Ÿ”น CodeSandBox -
codesandbox.io

๐Ÿ”น Web Code Tools -
webcode.tools

๐Ÿ”นCSS Flow -
cssflow.com

๐Ÿ”น CodePly -
codeply.com

๐Ÿ”น CodePad -
coderpad.io

๐Ÿ”น CSS Deck -
cssdeck.com
๐Ÿ”ถ Documentation

๐Ÿ”น Dev Docs -
devdocs.io

๐Ÿ”น GeeksForGeeks -
devdocs.io

๐Ÿ”น Tutorials Point -
tutorialspoint.com

๐Ÿ”น W3Schools -
w3schools.com

๐Ÿ”น Java Point -
javatpoint.com
๐Ÿ”ถ Online Games

๐Ÿ”น Floxbox Defense -
flexboxdefense.com

๐Ÿ”น Unflod -
unfold.com

๐Ÿ”น Grid Garden -
cssgridgarden.com

๐Ÿ”น CSS Diner -
flukeout.github.io

๐Ÿ”น Code Combat -
codecombat.com
๐Ÿ”น Coding Game -
codingame.com

๐Ÿ”น Screeps -
screeps.com

๐Ÿ”น Flexbox Froggy -
flexboxfroggy.com

๐Ÿ”น Code Monkey -
codemonkey.com

๐Ÿ”น Cyber Dojo -
cyber-dojo.org/creator/home
๐Ÿ”ถ Free Icons

๐Ÿ”น Font Awesome -
fontawesome.com

๐Ÿ”น Icons8 -
icons8.com

๐Ÿ”น Flaticon -
flaticon.com

๐Ÿ”น Pixeden -
pixeden.com

๐Ÿ”น Fontello -
fontello.com

๐Ÿ”น Icon Finder -
iconfinder.com
๐Ÿ”น Captain Icon -
mariodelvalle.github.io/CaptainIconWeb/

๐Ÿ”น Endless Icons -
endlessicons.com

๐Ÿ”น Icon-Icons -
icon-icons.com

๐Ÿ”น Round Icons -
roundicons.com
๐Ÿ”ถ Illustrations

๐Ÿ”น Freepik -
freepik.com

๐Ÿ”น Undraw -
undraw.co

๐Ÿ”น Drawkit -
drawkit.io

๐Ÿ”น Humaaans -
humaaans.com

๐Ÿ”น Handz -
handz.design
๐Ÿ”น Open Doodles -
opendoodles.com

๐Ÿ”น Illustration. co -
illustration.co

๐Ÿ”น Vivid Js -
webkul.github.io/vivid/

๐Ÿ”น Many Pixels -
manypixels.co
๐Ÿ”ถ Free Web Hosting

๐Ÿ”น GitHub Pages -
github.com

๐Ÿ”น Netlify -
netlify.com

๐Ÿ”น AWS -
aws.amazon.com

๐Ÿ”น Firebase -
firebase.google.com

๐Ÿ”น Infinity Free -
infinityfree.net
๐Ÿ”น WordPress -
wordpress.com

๐Ÿ”น Wix -
wix.com

๐Ÿ”น Weebly -
weebly.com/in

๐Ÿ”น Shopify -
shopify.in
๐Ÿ”ถ YouTube Channel

๐Ÿ”น FreeCodeCamp -
youtube.com/c/Freecodecamp

๐Ÿ”นTraversy Media -
youtube.com/c/TraversyMedia

๐Ÿ”น Dev Ed -
youtube.com/c/DevEd

๐Ÿ”น Programming With Mosh -
youtube.com/c/programmingwโ€ฆ
๐Ÿ”น Tyler Moore -
youtube.com/user/Conutant

๐Ÿ”น Web Bos -
youtube.com/c/WesBos

๐Ÿ”น Coding The Smart Way -
youtube.com/c/Codingthesmaโ€ฆ

๐Ÿ”น Code With Harry -
youtube.com/c/CodeWithHarry

๐Ÿ”น Clever Programmer -
youtube.com/c/CleverPrograโ€ฆ

๐Ÿ”น Yahoo Baba -
youtube.com/c/YahooBaba
I Hope This Amazing List Is Helpful For You ๐Ÿ˜€

Share This Ultimate List With Your Programmer Friends ๐Ÿ™โค๏ธ

โ€ข โ€ข โ€ข

Missing some Tweet in this thread? You can try to force a refresh
ใ€€

Keep Current with Coding Master

Coding Master Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @CodingMaster6

4 May
45 Free Tools & Resources You're Gonna Love -

๐Ÿงต BIG THREAD ๐Ÿงต ๐Ÿ‘‡

#javascript #webdevelopment #webdesign #programmers #WomenWhoCode
1. Tabler Icons -

Free and open-source icons designed with attention to detail to make your design stand out.

Visit ๐Ÿ‘‡
ย tablericons.com
2. Remove bg -

Remove Image Background: 100% automatically โ€“ in 5 seconds โ€“ without a single click โ€“ for free.

Visit ๐Ÿ‘‡
ย remove.bg
Read 25 tweets
4 May
Best CSS Generators For Web Developers ๐Ÿ”ฅ๐Ÿ”ฅ

๐Ÿงต THREAD ๐Ÿงต๐Ÿ‘‡

#100DaysOfCode #Python #javascript #DataScience #CSS3 #Website #WomenWhoCode
๐Ÿ”ถ CSS3 Generator -

CSS3 Generator is a more traditional example of code snippets you might need in everyday situations. The CSS3 Generator webapp has over 10 different code generators .

Visit ๐Ÿ‘‡

css3generator.com
๐Ÿ”ถ ColorZilla Gradients -

It's completely free and has a visual editor like Photoshop to generate the gradient codes.

Visit ๐Ÿ‘‡

colorzilla.com/gradient-editoโ€ฆ
Read 9 tweets
3 May
GitHub Repositories to improve your Programming Skills -

๐Ÿงต THREAD ๐Ÿงต๐Ÿ‘‡

#github #development #Coding #programming #100DaysOfCode #javascript #WomenWhoCode
1. Free Programming Books -

Freely available programming books

167k โญ

Repo:ย github.com/EbookFoundatioโ€ฆ
2. Awesome-

Awesome lists about all kinds of interesting topics

148k โญ

Repo:ย github.com/sindresorhus/aโ€ฆ
Read 12 tweets
3 May
FullStack Development Complete Roadmap -

๐Ÿงต THREAD ๐Ÿงต๐Ÿ‘‡

#100DaysOfCode #fullstack #webdevelopment #coding #programming
๐Ÿ”ถ START FROM FRONTEND

๐Ÿ”นHTML
- Semantic HTML
- Forms & Validations

๐Ÿ”น CSS
- Flexbox, Grid
- Layouts
- Responsive Design
- Floats, Box Model, Display, Position
- Media Queries, Animation, Transform
๐Ÿ”น JavaScript
- Basic Syntax
- Arrays, Functions, Events
- DOM Manipulation
- ES6 JS
- Fetching APIs
- AJAX/JSON

!! BASIC COMPLETED !!
Read 10 tweets
2 May
50 Great Websites For Web Developers -

๐Ÿงต BIG THREAD ๐Ÿงต๐Ÿ‘‡

#100DaysOfCode #webdeveloper #webdevelopment #Coding #WomenWhoCode #javascript #css3
1. Hidden Tools -
hiddentools.dev

2. Music For Programming -
musicforprogramming.net

3. Programming Language Convertor -
ide.onelang.io

4. HTTP Cat -
http.cat

5. Iconscout -
iconscout.com
6. CSS Zen Garden -
csszengarden.com

7. A List Apart -
alistapart.com

8. Code Project -
codeproject.com

9. Scotch -
scotch.io

10. TutsPlus -
tutsplus.com
Read 12 tweets
24 Apr
50 Free CSS Resources For Web Developers ( PART - 1 )

๐Ÿ“ข A BIG THREAD ๐Ÿ“ข

#CSS3 #webdevelopers #100DaysOfCode #coding #DEVCommunity #WomenWhoCode #stackoverflow #programmer #Frontend
๐Ÿ”น Colors

1. Color Hunt
colorhunt.co

2. Coolors
coolors.co

3. HTML color codes
htmlcolorcodes.com

4. UI Gradients
uigradients.com
5. Gradient generator
cssgradient.io

6. Encycolorpedia
encycolorpedia.com

7. WebFx
webfx.com/web-design/colโ€ฆ

8. Radial Gradient
css-gradient.com

9. COLORS
clrs.cc

10. Flat UI colors 2
flatuicolors.com
Read 12 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!

Follow Us on Twitter!