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.
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😐.
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).
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
- 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
Top comments (12)
I don't advise using W3School as an ultime reference. It's good to learn things but It's known to contain few mistakes and some inaccurate content. Always consider the MDN and the official specification as a reference (even if I know that the specification is not easy to follow for beginners)
MDN is the sweet spot for me. Clear, accurate, comprehensive enough for almost all use cases as a web developer. The spec can be useful if you need a deep dive, but it's more for implementers rather than consumers of web APIs.
Hey! Great post!
I actually just got the same From Zero to Expert Udemy course yesterday. Apparently it was updated recently. As a graduate of the course, how did you find it?
Thanks for the resources
Solid coding, good going Tushar, congrats on winning the Hackathon.
This will be definitely helpful to all beginners out there! 🎉
Awesome post Tushar! Very inspiring!
Thanks for sharing! Keep writing!