FREE WEB DEVELOPMENT RESOURCES

Below is the list of all Web Development Resouces, hope you find them useful.

1. Online learning platforms

- Udemy - FreeCodeCamp - Treehouse - Frontend masters - Coursera - Traversy media - SoloLearn - Codecademy - Udacity - Alison - Code college - LinkedIn Learning - Skillshare - EdX

2. Editors and share code snippets - PlayCode - JSFiddle - CodePen - StackBlitz - JSBin - Codesandbox - Codeinterview .io - godbolt .org - wandbox .org - carbon .now.sh - pastebin .com - ideone .com - ide .judge0.com

3. Documentations and notes

- w3 schools - mdn - Devdocs - geeksforgeeks - tutorialspoint - javapoint

4. Competitive programming

- CodeChef - HackerEarth - HackerRank - AlgoExpert - LeetCode - TopCoder - Codewars - Codeforces - Coderbyte - Exercism

5. Learn by playing game

- Grid garden - Flexbox defense - Codecombat - Unfold - Ruby warrior - Screeps - coding game - CodeMonkey - CSS diner - Flexbox froggy - Check IO - Cyber-dojo - Untrusted

6. Colors 🎉

- Colorhunt - Paletto - Design Seeds - Coolors - Bootflat - 0 to 255 - uiGradients - BrandColors - Image color picker - Colour Lovers - WebGradients - Egg gradient - Gradient Hunt - Color-hex - FlatUIColors - CSS gradients

7. Background

- Repeat-X Repeat-Y - Texture King - Pattern8 - Subtle Patterns - Patternico - BG Patterns - Lost and Taken - Freepik - Cool backgrounds - BG generator

8. Icons

- Icons8 - Captain Icon - Iconmonstr - Linear Icons - Pixeden - Perfect Icons - Font Awesome - flaticon - Fontello - The Noun Project - Endless Icons - Round Icons - Iconfinder - Freeicons - Icon-icons - Findicons

9. Illustrations

- Undraw - Freepik - IRA design - DrawKit - Absurd Illustrations - Handz - freeillustrations .xyz - Freebie Supply - ManyPixels - Vivid.js - Humaaans - Open Doodles - Icons8 - Glazestock - Paper illustrations - illlustrations .co - isometric .online

10. Fonts

- Google fonts - Font Bundles - Behance - Dafont - Font Squirrel - Abstract Fonts - 1001 Fonts

11. Photos

- Unsplash - Pixabay - PicJumbo - IM Free - Pexels - Flickr - Gratisography - Stock Up - Cupcake - Adobe Stock - Icons8 - Rgbstock - Pikwizard - Stocksnap - Shutterstock - Freestocks

12. Testing

- Pingdom - Website Speed Test - SEO Site Checkup - Uptrends - Dotcom-Tools - GTmetrix - WebPageTest - Dareboost - SEO tools - Nibbler - BrowserStack

13. Hosting

- Github pages - Netlify - Firebase - AWS - Vercel - Heroku

14. JavaScript visual libraries

- Chart.js - D3.js - React-vis - Three.js - Victory - Chartkick - Google Charts - Flexmonster - ApexCharts - Echarts - Frappe Charts - ReCharts

15. CSS generators

- coolbackgrounds .io - css3buttongenerator .com - neumorphism .io - glassmorphism .com - css3generator .com - Fancy-border-radius - bennettfeely .com/clippy - cssgradient .io - blobmaker .app - getwaves .io - cssgenerator .org

- csssbuttongenerator .com - svgator .com - cssbuttoncreator .com - cssgenerators .net - svgbackgrounds .com - bgjar .com - cssboxshadow .com - css3generator .com - cssfiltergenerator .com - neumorphic .design

16. Code snippets

- Codepen - Codesandbox - CSS-Tricks - Hakim .se - Code My UI - CreativesFeed - Bootsnipp - 30 seconds of code - 30 Seconds of CSS - Stackoverflow - Code to go - Tweetsnippet - GitHub - W3 Schools - EnjoyCSS - Web Code Tool

17. Interview preparation

- CodeChef - HackerEarth - LeetCode - HackerRank - Interview Cake - InterviewBuddy - glassdoor - AlgoExpert - interviewing .io - Interview camp - Coderbyte - InterviewBit - GeeksForGeeks - AmbitionBox

18. Chrome extensions

- Wappalyzrer - CSS Scan - Marmoset - Pesticide - Ghostery - HTML Validator - Keyframes - ColorZilla - Page Ruler - UX Check - Checkbot - LambdaTest - JSONView

19 . Apply for internships

- angel .co - indeed .com - chegg .com - letsintern .com - perfectintern .com - remoteok .io - nodesk .io - remoteinternships .com - internhq .com

20. Apply for jobs

- angel .co - dice .com - hiring .careerbuilder.com - devsnap .io - freshersworld .com - flexjobs .com - remote .co - whoishiring .io - remoteml .com - weworkremotely .com - simplyhired .com - remoteok .io - upwork .com - freelancer .com

Credits : Thanks to @Pratham

 6 Free Games to Teach You CSS in 2022

1. CSS Battle - Test your CSS skills by solving coding challenges.
   
   
   
2. CSS Diner - Solve challenges by arranging dishes and food and learn about CSS selectors.
   
   
   
3. Grid Garden - Write CSS code to grow your carrot garden while learning about CSS grid.
   
   
   
4. Flexbox defense - Stop the incoming enemies from getting past your defenses using CSS.
   
   
   
5. Flexbox froggy - Master CSS Flexbox.
   
   
   
6. Hex Invaders - Learn about HEX colors by shooting off aliens having same colors!

Video Explanation :

 

All About Teched

TECHED : THE DOCUMENTARY

Starting from the beginning along some unmodified truth straight in front of you.

What is TECHED?

Teched is basically a profitable organization, I guess, which is made from two words combined TECH=TECHNOLOGY and ED=EDUCATION. 

As the name covers a wide range but currently it consists of two branches (no plans to create more branches as of now) that are:

- techedcs &

- techedadv

Hint : One Deals with so called tech while other with so called secondary education.

One more thing, why TECH_ED why not TECHED ?

Actually we needed an unique name, while TECHED is already related to huge numbers, so we decided to add that underscore in between.

FAQ

What is techdecs ?

techedcs is a name derived from teched of the channel techedcs where we can generally get the info related to the below topics :

- Free Course and offers - Programming / Coding - Google Cloud and Programs - Web Development ( & JavaScript ) - Projects and Portfolios - Learning Git & Github - Search Engine Optimization - App Development ( Kotlin ) - C, C++, C#, Java, Perl, Python, Ruby, Golang - Coursera, Udemy and lot more