DEV Community

Metta Surendhar
Metta Surendhar

Posted on • Originally published at mettasurendhar.hashnode.dev

Freshman in College? Here’s How I Started with Web Development

Starting a journey into web development can feel overwhelming 😰, especially if you think you're starting late or don't know where to begin. I started my development journey in the second semester of my first year, and even though I felt behind, I was determined to succeed 💪. Here’s how I went from being a complete beginner to building my first websites 🌐, and I hope my story can inspire other students who are just starting out 🚀.


Image description

The Initial Struggles 😓

When I first thought about learning web development, I had no clue where to begin. There were so many technologies, languages, and tools—it felt overwhelming 😵. But I realized that the best way to learn was to start small and gradually build up my skills 🛠️.


Finding the Right Resources 🔍

After spending some time surfing through videos and articles, I decided to focus on frontend development. The visual aspect of frontend work appealed to me, and I wanted to see immediate results from my efforts 👀. Here’s how I began:

1.HTML Basics:

  • I started with the basics of HTML, the backbone of any web page. To structure my learning, I enrolled in a Udemy course by Dr. Angela Yu, which provided a comprehensive introduction to HTML 📚.
  • My First Website: Following the tutorials, I built my first website. You can view it here and check out the GitHub repo 🌐.

2.Learning CSS:

  • After gaining a basic understanding of HTML, I moved on to CSS to learn how to style and layout web pages. CSS brought my static HTML pages to life, adding colors, fonts, and layouts 🎨.

  • My First Portfolio Website: My first attempt at applying CSS was creating a basic portfolio website. You can see the result here and access the GitHub repo 💼.


Hands-On Learning 🛠️

One of the most important aspects of my learning process was hands-on practice. Here are some tips that helped me, and I hope they can help you too:

1.Start Small: 🌱

  • Begin with simple projects. Don’t worry about perfection at first; the goal is to understand how things work. Building small websites will give you the confidence to tackle more complex projects later.

2.Make Mistakes and Learn: 🧩

  • Don’t be afraid to make mistakes. Debugging and troubleshooting are crucial parts of the learning process. Each error is an opportunity to learn and improve.

3.Use Online Resources: 🌐

  • Platforms like Udemy, freeCodeCamp, and YouTube offer excellent tutorials. Follow along, but also try to build something on your own.

4.Explore Code Repositories: 📂

  • Clone repositories from GitHub, explore the code, and see how experienced developers structure their projects. Don’t hesitate to copy code and modify it to understand how it works.

5.Join Communities: 🤝

  • Engage with online communities like Stack Overflow, Reddit, and local developer groups. These platforms provide support, answer questions, and offer valuable advice.

Moving Forward 🚀

The journey doesn’t end with learning HTML and CSS. Once you feel comfortable with these basics, you can dive into more advanced topics like JavaScript, React, and backend development. Each new skill you pick up will unlock more possibilities and let you create more dynamic and interactive websites.

Conclusion 🎉

Starting late or feeling lost at the beginning is completely normal, but sticking with it is what matters. My early struggles and later successes in learning web development have taught me that with determination, the right resources, and hands-on practice, anyone can get good at this.

So, start with the basics, put what you learn into practice, test your skills, and don’t be afraid to make mistakes. If you need help, feel free to clone my repositories, go through the code, and learn by doing. Remember, the journey of a thousand miles begins with a single step. Keep moving forward, and you’ll reach your goals. 🚶‍♂️

If you're just starting, I hope my experience inspires you to take that first step. Happy coding! 💻

Feel free to reach out if you have any questions or need more guidance on your web development journey! 📩

Top comments (0)