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.
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.
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 😅 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😐.
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).
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.
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
- HTML5 - W3School
- CSS3 - W3School
- PHP+SQL - W3School
- Bootstrap Framework -Official Documentation
- Front-End Web UI Frameworks and Tools: Bootstrap 4 - Link
- Front-End Web Development with React - Link
- The Complete Node.js Developer Course (3rd Edition)By Andrew Mead, Rob Percival -Link
- MongoDB - MongoDB University