My Web-development Journey
Tags: webdev, javascript, react, css
Published: 2022-01-10 17:27:17

## Why Web-development?

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7ka924jvj5h2cq6427r9.png)

 I was in my second year of college, pursuing B.Tech Computer Engineering and due to the pandemic “COVID-19”, College wasn’t going well at that time. At that moment, I realised that depending all on college will be of no use so, I started to explore what interests me the most while learning. Then, I found out that web-development resources on internet are so easy to understand and are available on a large scale, that anyone can start learning it at free of cost. Without a doubt in my mind, I started collecting the resources and started my web-development learning journey. Honestly, that decision was the best in my life, to give a kick-start in my programmer’s journey.

## Ways of learning Web-development:

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/64eszwa2ifst69rn1hiv.png)

 The best way to learn web-development is to listen and watch some courses and practice by yourself. After some days of practice , you will be able to read and learn from web-documentations. Whenever you face any problem, a programmer or developer always depends on [Google](https://www.google.com/) and [Stackoverflow](https://stackoverflow.com/). I will provide the resources with you below in this blog.

## Topics related to Web-development:

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ixmzd4omydop0wu3e4do.png) 

 **FronEnd and BackEnd**
Web-development is categorised in two parts : FrontEnd Web-Development and BackEnd Web-Development

**FrontEnd Web-development** is the development of what the clients see such as, the designs and the functionalities of the website. To be a FrontEnd developer, We have to learn:

1. HTML
2. CSS
3. JavaScript

We can also learn the frameworks and libraries of FrontEnd like, Bootstrap, Tailwind and jQuery, to make ourselves and our work more faster and better in the designing the Websites.

**BackEnd Web-development** is the development of the server’s side . It helps to connect the clients and servers with its technologies. To be a BackEnd developer, We have to learn:

1. Node. js
2. Express. js
3. APIs
4. Git, Github and Version Control
5. Databases : MySQL and NoSQL(MongoDB)
6. EJS and React. js

When you complete these topics both FrontEnd technologies and BackEnd technologies and you are familiar working with these concepts , you are called as Full-Stack Developer.

## Best Resources of Web-development:

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vmcr5f4cc0xnkvwzhwn9.png)

 These are the resources from which I learned Web development completely:

**Web-development Video Resources:**

_Free Courses:_

[Traversy Media](https://www.youtube.com/user/TechGuyWeb) – Youtube Channel
[freecodecamp](https://www.youtube.com/c/Freecodecamp) – Youtube Channel
[freecodecamp HTML/CSS](https://www.youtube.com/watch?v=mU6anWqZJcc&t=1s) – Youtube Video
[freecodecamp Javascript](https://www.youtube.com/watch?v=jS4aFq5-91M) – Youtube Video

_Paid Courses:_

[Angela Yu](https://www.udemy.com/course/the-complete-web-development-bootcamp/) – Udemy
[Colt Steele](https://www.udemy.com/course/the-web-developer-bootcamp/) – Udemy

**Web-development Documentation Resources:**

[W3 Schools](https://www.w3schools.com/)
[MDN Documentation](https://developer.mozilla.org/en-US/)
[dev.to](https://dev.to/)

You can follow the youtube channels and learn from them or you could enrolled to one of the courses in Udemy to start off your journey. A special mention for practice is, https://www.freecodecamp.org/learn/ , you can learn anything from here .

## Conclusion:

Why learning Web-development was my best decision? – It is because, in my learning time period , I learned so much extra-development topics, which I can apply on any software development works and even in Blockchain-development that many scopes of work were opened for me to build myself a better developer and use my development skills to develop anything I want.

**For more blog content, Visit my blogs**: [Blogs](https://richardwarepam.tech/blogs/)

> “Wake up , get out of your normal comfort zone and start learning Web-development . Your life’s gonna change soon, once you have learned it.”
> – Richard Warepam