Ultimate Web Development Resources
views
11 min read
A collection of Web Developement Resources at one place
Table of Contents
- Table of Contents
- Web Development Roadmaps
- Websites to learn
- Web Images or Photos
- Web Color Palettes
- Chrome Extensions For Web Developers
- Web fonts
- Website Optimization Tools
- Interview Preparation
- Free Website Templates For Inspiration
- HTML Learning Resources
- CSS Learning Resources
- JS Learning Resources
- Bio Links
- Github Student Developer Pack Resources
- Animations and Graphics
- Awesome CSS generators
- Free YouTube resources
- Code Playgrounds
- Top React Component Libraries
- Top JavaScript Libraries
- List Of Projects
- Preview List Of Projects
Web Development Roadmaps
Web design softwares
- Adobe Dreamweaver
- Rapidweaver
- Coffeecup HTML Editor
- VsCode
- Wix
- Zeplin
- Figma
- InVision
- Sketch
- Webflow
- Lunacy
- Origami
- FluidUI
- Vectr
Prototyping tools for UI/UX
- Figma
- Invision
- AdobeXD
- Canva
- Sketch
- Webflow
- Justinmind
- Fluid UI
- Framer
- Penpot
- Balsamiq Wireframing
- Axure RP
- Origami Studio
Free Hosting
- Vercel
- Amazon
- Byethost
- 000webhost
- Netlify
- Firebase
- Gitlab
- Github
- glitch
- pagecloud
- Render
- Surge
- Wix
- cyclic
- InfinityFree
- Deta
- Railway
- Supabase
- Glitch
- Fleek
- ByetHost
- Strikingly
- WordPress
- Weebly
- Jimdo
- AwardSpace
- Anglefire
- Neocities
- Tripod
- uCoz
- FreeHostingEU
- u Host Full
- Freehostia
- 000webhost.com
Websites to learn
- Freecodecamp
- Codeacademy
- w3schools
- GeeksforGeeks
- Javascript30
- Frontendmentor
- Test automation
- Coursera
- Coding Ninja
- Udemy
- Khanacademy
- Sololearn
- Treehouse
- javatpoint
- Odin Project
- Select Star SQL
- MDN Webdocs
- Exercism
- InternetingIsHard
- Full Stack Open
- Open Classrooms
- DevDocs.io
- codewithharry.com
- CodePen
- Stack Overflow
- Tutorialspoint
Websites for code challenges
- AtCoder
- BFE.dev
- CodeStudio
- Code Chef
- Code Wars
- Codeforces
- Coder Byte
- Codingame
- CSS Battle
- Exercism
- Frontend Mento
- Frontend Practice
- GeeksforGeeks
- Hacker Rank
- HackerEarth
- InterviewBit
- JavaScript30
- KodeKloud
- Leet Code
- Project Euler
- Sphere Online Judge
- Top Coder
- CSES
Web Images or Photos
Web Color Palettes
- Coolors
- Colorhunt
- Paletton
- Color Hex
- ColorSpace
- Color Picker
- MyColor
- Khroma
- UIColorPicker
- Realtime Colors
- Adobe Colors
Chrome Extensions For Web Developers
- CSS3 GENERATOR
- CSSPeeper
- Fake Filler
- Stylebot
- PERFECTPIXEL
- WhatFont
- Pesticide for Chrome
- JSON Viewer Pro
- Check My Links
- Wappalyzer
- Page Ruler
- Page load time
- ColorPick Eyedropper
- WhatRuns
- ColorZilla
- daily.dev
- LT Debug
- React Developer Tools
- Redux DevTools
Chart Visualizations
Web Illustrations
- Freepik
- Open Doodles
- ManyPixels
- Open Peeps
- Flaticon
- Bulbman.art
- Drawkit.io
- Icons8.com
- Blush.design
- Interfacer.xyz
- Fffuel
- Illustrations-figma
- Storyset
- Sketch Valley
- SVG Repo
- Vector-illustrations
- 3dicons
- Noun Project
- Iconshock
- Handz
- FreeIllustrations
- HeroIcons
- UnDraw
- ShapeFest
- Graphic Burger
- Illustrations Kit
- UI Illustrations
- Humaaans
- UI Store
Web fonts
Website Optimization Tools
- Google PageSpeed Insights
- GTmetrix
- Webpagetest
- Yslow
- Optimizeimages
- JSON validator and formatter
- DebugBear Speed Test
- TinyPNG
- JPEG Optimizer
- CloudConvert
Interview Preparation
- Front End Interview Handbook
- Tech Interview Handbook
- React Interview Questions
- Interview Cake
- Google Interview Warmup
- JS Challenger Interview Handbook
Free Website Templates For Inspiration
- One Page Love
- UIdeck
- Tooplate
- Colorlib
- Cruip
- Startbootstrap
- templatemo
- HTML5up
- StyleShout
- Awwwards
- Themes For App
- Divi
Website Copier
HTML Learning Resources
- Learn HTML – Full Tutorial for Beginners(Freecodecamp)
- Learn HTML - Codecademy
- HTML Tutorial - W3schools
- HTML Tutorial - Tutorialspoint
- HTML Full Course - Build a Website Tutorial(Freecodecamp)
- HTML Crash Course For Absolute Beginners - Traversy Media
- HTML Tutorial - How to Make a Super Simple Website(Freecodecamp)
- HTML & CSS Full Course - Beginner to Pro(SuperSimpleDev
- HTML: HyperText Markup Language
- HTML Full Course For Beginners - Brocode
CSS Learning Resources
- Learn CSS - web.dev
- Learn CSS - Codecademy
- CSS Tutorial - W3schools
- CSS Tutorial - Zero to Hero (Complete Course)(Freecodecamp)
- CSS tips and tricks - Kevin Powell
- Introduction to CSS - Web Dev Simplified
- A Complete Guide to Flexbox
JS Learning Resources
- Learn JavaScript - Full Course for Beginners (YouTube - FreeCodeCamp)
- JavaScript Tutorial for Beginners: Learn JavaScript in 1 Hour (YouTube - Programming With Mosh)
- JavaScript Programming - Full Course (YouTube - FreeCodeCamp)
- JavaScript Tutorial (W3Schools - Documentation)
- Learn JavaScript - (CodeAcademy - Course)
- Learn JavaScript: Free JS Courses for Beginners (FreeCodeCamp - Documentation)
- Chai aur Javascript / (Chai aur Code)
Let's pick a framework/library for you
- React-Tutorial
- React-Docs
- Vue JS-Tutorial
- Vue JS-Docs
- Angular-Tutorial
- Angular-Docs
- NextJS-Tutorial
- NextJS-Docs
Bio Links
Github Student Developer Pack Resources
More information about the pack can be found here Github Student Developer Pack
Website for Project Management and Notes
User Authentication
Animations and Graphics
Awesome CSS generators
- Buttons CSS generator
- Animista
- Clippy
- Fancy Buttons generator
- Shapes CSS generator
- Neumorphism/Soft UI generator
- CSS Grid Generator
- Get Waves
- Fancy Border Radius Generator
- Glassmorphism CSS Generator
- Ready-made CSS animations
- Keyframes Generators
Free YouTube resources
- Codewithharry
- Traversy Media
- The Net Ninja
- LearnCode.academy
- Wes Bos
- CSS-Tricks
- freeCodeCamp
- DevTips
- LevelUpTuts
- Florin Pop
- The New Boston
- codeSTACKr
- James Q Quick
- Wed dev Simplified
- Thapa Technical
- Coder Coder
- Coder's Gyan
- JavaScript Mastery
- developedbyed
- Apna College
- AsmrProg
- Akshay Saini
- Codevolution
- Kevin Powell
- codedamn
- Chai aur Code
- developedbyed
- Hitesh Choudhary
- Clever Programmer
- Sonny Sangha
- Sheryians Coding School
Code Playgrounds
Top React Component Libraries
Top JavaScript Libraries
Top JavaScript Frameworks
Top JavaScript Runtime
Top JavaScript Frameworks Backend
List Of Projects
Preview List Of Projects
Please note that the links provided are the GitHub repository URLs for each project.
Web For Testing and Check The Security Score
Table Of Content
- Table of Contents
- Web Development Roadmaps
- Web design softwares
- Prototyping tools for UI/UX
- Free Hosting
- Websites to learn
- Websites for code challenges
- Web Images or Photos
- Web Color Palettes
- Chrome Extensions For Web Developers
- Chart Visualizations
- Web Illustrations
- Web fonts
- Website Optimization Tools
- Interview Preparation
- Free Website Templates For Inspiration
- Website Copier
- HTML Learning Resources
- CSS Learning Resources
- JS Learning Resources
- Let's pick a framework/library for you
- Bio Links
- Github Student Developer Pack Resources
- Website for Project Management and Notes
- User Authentication
- Animations and Graphics
- Awesome CSS generators
- Free YouTube resources
- Code Playgrounds
- Top React Component Libraries
- Top JavaScript Libraries
- Top JavaScript Frameworks
- Top JavaScript Runtime
- Top JavaScript Frameworks Backend
- List Of Projects
- Preview List Of Projects
- Web For Testing and Check The Security Score