How I started my Web Development journey
Tags: webdev, javascript, react, beginners
Published: 2021-03-03 12:01:43

In this blog, I'll share my 1 year of learning experience 📊 and How I started my Web Development journey with a glimpse at some of my projects and courses/resources that I followed in this journey and few tips from my side if you are aiming towards the Web Development domain.

### Who am I?
I'm Tushar Jain, a  Full Stack Web Developer⌨, and a UI/UX designer🎨, Currently pursuing my BTech course in Computer Science and Engineering from the [Indian Institute of Information Technology, Ranchi](http://iiitranchi.ac.in/). I've been into web development for a year. Besides this, I also do Competitive Coding and that too from the last year. 

### Background
So I joined my Institute in 2019 and in my first two semesters of my college life I just enjoyed learning nothing as I was just trying to take a break from that JEE phase of my life :sweat_smile: but somehow I managed a decent GPA. Then I came to know about this web stuff at the end of the 2nd semester and decided to take a dive into web development before the lockdown last year. By the way, I was never into this coding or any HTML stuff in my school life😐. 

### How I started?
I started my journey by learning HTML5 and CSS3 in parallel from [W3School](https://www.w3schools.com/html/default.asp). (Tip: Don't Try to learn everything in the first go it's an ongoing process)
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6xyqhmd1lh1v7u1a139c.png)
And wrote my first HTML script ([Code Link](https://github.com/tusharjain0022/myfirsthtmlcode), [Site Link](https://tusharjain0022.github.io/myfirsthtmlcode/)) with the basic knowledge I got in two weeks from the W3school. (Tip: Try sharing your work with others to get feedback).

From there I started learning Javascript from [W3School](https://www.w3schools.com/js/default.asp). It took me few weeks from there to gather the required knowledge of javascript to build a [TicTacToe Game](https://github.com/tusharjain0022/TicTacToe). So In a month, I was having the basics of HTML+CSS+JS( although I didn't learn everything, I just learn those things which were required).
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/s0ehu6v6hjhcewq3rm2n.png)

In April our Institute's WebD community introduced a Hackathon in web development with the problem statement that we've to develop an E-Cart system. Although I was not having any knowledge of Backend but I registered in it (Tip: Hackathon is a great way to learn something new in a fixed interval of time and I take part in Hackathons whenever I get time.).
And I managed to learn PHP and SQL and managed to make my submission for the Hackathon. Here is my [submission](https://www.youtube.com/watch?v=CZL7HGIYpgk&ab_channel=Tusharjain) and Know what?? I came First in that Hackathon 🥳

After that, I came across the MERN stack in August last year (MongoDb + ExpressJS + ReactJS + NodeJS) and started learning this stack and made few projects using this tech stack. Currently, I'm trying to understand this tech stack more.
![Alt Text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fjwv1uygmb79zb5z8i4t.png)

### Few of my Projects
- [GeekNote](https://github.com/tusharjain0022/GeekNote-academics): A web app that provides organized notes and resources for our batch with a separate blogging system.

- [hG](https://github.com/houseofgeeks/hg): Web app aimed to portray the Technical Society of the Institute.


- [IEEESB Webapp](https://iiitieee.netlify.app/gallery) :
 A full-stack website for all utilities of the student branch.


- [E-Cart System](https://www.youtube.com/watch?v=CZL7HGIYpgk&ab_channel=Tusharjain) E-Cart system with an automatic invoice generation system

- [Event Broadcasting System](https://drive.google.com/file/d/1hRid46ZPqPWyAdx5YnGqirJXbMeNt7XH/view?usp=sharing): Portal which aimed at making a single event broadcasting platform for different clubs of the institute

### Resources I followed 
- HTML5 - [W3School](https://www.w3schools.com/html/default.asp) 
- CSS3 -  [W3School](https://www.w3schools.com/css/default.asp)
- PHP+SQL - [W3School](https://www.w3schools.com/php/default.asp)
- The Complete JavaScript Course 2021: From Zero to Expert! By Jonas Schmedtmann - [Link](https://www.udemy.com/course/the-complete-javascript-course/)
- HTML, CSS, and Javascript for Web Developers offered by Johns Hopkins University- [Link](https://www.coursera.org/learn/html-css-javascript-for-web-developers)
- Bootstrap Framework -[Official Documentation](https://getbootstrap.com/docs/5.0/getting-started/introduction/)
- Front-End Web UI Frameworks and Tools: Bootstrap 4 - [Link](HTML, CSS, and Javascript for Web Developers)
- Front-End Web Development with React - [Link](https://www.coursera.org/learn/front-end-react)
- The Complete Node.js Developer Course (3rd Edition)By Andrew Mead, Rob Percival -[Link](https://www.udemy.com/course/the-complete-nodejs-developer-course-2/)
- MongoDB - [MongoDB University](https://university.mongodb.com/)



### Connect with me ✨
- [Linkedin](https://www.linkedin.com/in/tusharjain0022/)
- [GitHub](https://github.com/tusharjain0022)