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. I've been into web development for a year. Besides this, I also do Competitive Coding and that too from the last year.

My 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. (Tip: Don't Try to learn everything in the first go it's an ongoing process)

And wrote my first HTML script ([Code Link], [Site Link]) 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]. It took me few weeks from there to gather the required knowledge of javascript to build a [TicTacToe Game]. 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).

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] 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.

Few of my Projects

• - [GeekNote]: A web app that provides organized notes and resources for our batch with a separate blogging system.
• - [hG]: Web app aimed to portray the Technical Society of the Institute.
• - [IEEESB Webapp] : A full-stack website for all utilities of the student branch.
• - [E-Cart System] E-Cart system with an automatic invoice generation system
• - [Event Broadcasting System]: Portal which aimed at making a single event broadcasting platform for different clubs of the institute

Resources I followed

• - HTML5 - [W3School]
• - CSS3 - [W3School]
• - PHP+SQL - [W3School]
• - The Complete JavaScript Course 2021: From Zero to Expert! By Jonas Schmedtmann - [Link]
• - HTML, CSS, and Javascript for Web Developers offered by Johns Hopkins University- [Link]
• - Bootstrap Framework -[Official Documentation]
• - Front-End Web UI Frameworks and Tools: Bootstrap 4 - (Coursera)
• - Front-End Web Development with React - [https://www.coursera.org/learn/front-end-react]
• - The Complete Node.js Developer Course (3rd Edition)By Andrew Mead, Rob Percival -[Link]
• - MongoDB - [MongoDB University]

Connect with me ✨

• - [Linkedin](https://www.linkedin.com/in/tusharjain0022/)
• - [GitHub](https://github.com/tusharjain0022)

Note: Blog First Published on https://dev.to/tusharjain0022/how-i-started-my-web-development-journey-2b8d