• actual post

<aside> ☝ Roadmaps

backend.pdf

devops.pdf

full-stack.pdf

frontend.pdf

javascript.pdf

react.pdf

nodejs.pdf

system-design.pdf

react.pdf

</aside>

<aside> ☝ Resources useful for WEB DEVLOPERS

📖 Some Resources:

Paid Courses:

• Harkirat: 100xDevs (classx.co.in)
• Dot Batch: Web Development Bootcamp | BONUS: Recursion, Backtracking & Dynamic Programming (codehelp.in)

Free Courses:

• Chai aur Code: YouTube Channel
• Shreyians School: YouTube Channel
• FREE CODE CAMP
• For UI/UX: Follow Ansh Mehra: Learn UX Design for Free
• 35 Most Valuable github Repositories for developers*

30 Web Development Blogs You Should Follow Right Now

DOCUMENTATIONS AND CHEATSHEETS

• MDN Web Docs - The MDN Web Docs site provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and progressive web apps.
• DevDocs - Fast, offline, and free documentation browser for developers. Search 100+ docs in one web app.
• DEVHINTS - A modest collection of cheatsheets.
• FLEX - Malven - A visual cheatsheet for CSS flex layout.
• GRID - Malven - A visual cheatsheet for CSS grid layout.
• CSS Grid Cheat Sheet - Your ultimate CSS grid visual guide.
• OverAPI - Collection Of Cheat Sheets.
• Awesome Cheatsheets - Awesome cheatsheets for popular programming languages, frameworks and development tools.
• GitSheet - A dead simple git cheatsheet.
• HTML5 Doctor - This is a quick reference of elements that are new or have been redefined in HTML5.
• HTML5 Canvas Cheat Sheet HTML5 Canvas Cheat Sheet.
• Cheatography - Programming Cheat Sheets.
• CSS 3, Media Queries Cheat Sheet - CSS 3, Media Queries Cheat Sheet.
• SEO Cheat Sheet - The Web Developer's SEO Cheat Sheet.
• Bootstrap 5 Cheat Sheet - ThemeSelection's Bootstrap 5 Cheat Sheet. </aside>

<aside> ☝ Useful Web Development Resources

So here are the resources you need for web development and these are free resources!!!

Royalty free Images and videos

1. Unsplash - unsplash.com
2. Pexels - pexels.com
3. Pixabay - pixabay.com
4. Coverr - coverr.co
5. PNG-EGG- www.pngegg.com

Hosting and Deployment

1. Netlify - netlify.com
2. Heroku - heroku.com

Icons & Fonts

1. Flaticon flaticon.com
2. Icons8 icons8.com
3. Fontawesome fontawesome.com
4. Google Fonts fonts.google.com

Learning

1. FreeCodeCamp freecodecamp.org
2. The Odin Project www.theodinproject.com
3. Mem dev mem.dev

Mockup and UI Tools

1. Figma - figma.com
2. Zeplin - zeplin.com

Project design ideas

1. Awwards - awwwards.com
2. Dribble - dribble.com </aside>

<aside> ☝ more

DEVELOPER BLOG SITES

• DEV - A constructive and inclusive social network. Open source and radically transparent.
• Medium - Medium is an open platform where readers find dynamic thinking, and where expert and undiscovered voices can share their writing on any topic.
• Hacker News - Get the latest from Hacker News!
• Hacker Noon - Hacker Noon reflects the technology industry with unfettered stories and opinions written by real tech professionals.
• freeCodeCamp News - Free Code Camp community news.
• Smashing Magazine - Smashing Magazine — for web designers and developers.
• Hashnode - Hashnode is a free content creation platform and community that allows you to publish articles on your own domain.

📺 YOUTUBE CHANNELS

• The Net Ninja
• Traversy Media
• freeCodeCamp.org
• Coding Addict
• Fireship
• LearnCode.academy
• Wes Bos
• Codevolution </aside>