FREE Resources to Learn Web Development
Tags: webdev, beginners, learning, coding
Published: 2024-01-02 14:08:39

There's a wealth of free content on web development available today. You just need to explore the right places to find what suits you. Luckily, I've already compiled a list of these excellent free resources, so you don't have to search for them on your own!

## Fundamentals of Web Development
- [MDN Web Docs](https://developer.mozilla.org/en-US/)

## How the Web Works (3 Part Series):

- [How the Web Works: A Primer for Newcomers to Web Development](https://www.freecodecamp.org/news/how-the-web-works-a-primer-for-newcomers-to-web-development-or-anyone-really-b4584e63585c/)

## HTML

- [W3Schools: HTML Tutorial](https://www.w3schools.com/html/default.asp)
- [freeCodeCamp: Course by Dave Gray](https://youtu.be/kUMe1FH4CHE?si=JmQhlI2XL4Ix--Xq)

## CSS

- [W3Schools: CSS Tutorial](https://www.w3schools.com/css/default.asp)
- [CSS-Tricks](https://css-tricks.com/)
- [Traversy Media](https://youtu.be/yfoY53QXEnI?si=odgvnremf2blDcs2)

## JavaScript

- [The Modern JavaScript Tutorial](https://javascript.info/)
- [Learn JavaScript](https://learnjavascript.online/)
- [W3Schools: JavaScript Tutorial](https://learnjavascript.online/)
- [GeeksforGeeks](https://www.geeksforgeeks.org/javascript/)
- [freeCodeCamp](https://youtu.be/jS4aFq5-91M?si=4LUZghfJMKpnh9RX)
- [CodeWithHarry (in Hindi)](https://youtube.com/playlist?list=PLu0W_9lII9ahR1blWXxgSlL4y9iQBnLpR&si=EA0G_jpR8g-Q6HaD)

## React

- [React.dev](https://react.dev/learn)
- [Codevolution](https://youtube.com/playlist?list=PLC3y8-rFHvwgg3vaYJgHGnModB54rxOk3&si=kWYKM0YqVoiOnfsi)
- [React Tutorial](https://react-tutorial.app/)

## Node.js/Express

- [Node.js](https://nodejs.org/en/learn/getting-started/introduction-to-nodejs)
- [Express](https://expressjs.com/)
- [Dipesh Malvia](https://youtu.be/ekRpc5YgVZU?si=13g_onPR72JjiYGS)
- [Codevolution](https://youtube.com/playlist?list=PLC3y8-rFHvwh8shCMHFA5kWxD9PaPwxaY&si=AJSh4ylQ1XIFfDMD)

## API

- [https://rapidapi.com/learn](https://rapidapi.com/learn)

## MongoDB (NoSQL Database)

- [W3Schools: MongoDB Tutorial](https://www.w3schools.com/mongodb/)
- [Net Ninja](https://youtube.com/playlist?list=PL4cUxeGkcC9h77dJ-QJlwGlZlTd4ecZOA&si=cXW7OsgfIAOpuOX1)

## Git and GitHub

- [Learn Git Branching](https://learngitbranching.js.org/)
- [Kunal Kushwaha](https://youtu.be/apGV9Kg7ics?si=XlCjTvYAhXfBcGGj)

## MERN Stack

- [Net Ninja](https://youtube.com/playlist?list=PL4cUxeGkcC9iJ_KkrkBZWZRHVwnzLIoUE&si=LHULqQg4ZewLC8_B)
- [Traversy Media](https://youtube.com/playlist?list=PLillGF-RfqbbQeVSccR9PGKHzPJSWqcsm&si=qmW9IhL97_KXKNdF)

## Next.js

- [Next.js official documentation](https://nextjs.org/docs)
- [Codevolution](https://youtube.com/playlist?list=PLC3y8-rFHvwgC9mj0qv972IO5DmD-H0ZH&si=Pe7UooLhsO9_C97U)

## Everything
[freeCodeCamp](https://www.freecodecamp.org/): This website literally has everything! DSA too!

Certainly! Feel free to explore and choose resources that suit your preferences. If you decide to purchase a course on platforms like Udemy or Coursera, go ahead and start your learning journey!

If you ever need assistance, don't hesitate to reach out to me on Instagram.