DEV Community

Adhyan Jain
Adhyan Jain

Posted on

1 1

πŸš€ Week 1 of My Web Development Journey

Hey everyone! πŸ‘‹

This week marks the beginning of my Web Development journey, as I started learning through "The Complete Full-Stack Web Development Bootcamp" by Angela Yu on Udemy.

Currently, my progress will be slower since my final exams are going on, but I’m committed to consistently building my foundation step by step! πŸ“šβœ¨


πŸ“š Topics I Learned:

πŸ”Ή Day 1: Heading Element

  • Learned about the six levels of headings (<h1> to <h6>).
  • Understood the importance of using headings for structure and SEO.

πŸ”Ή Day 2: Paragraph Element

  • Explored how <p> tags format text into readable blocks.
  • Focused on writing clean paragraphs instead of using <br> for spacing.

πŸ”Ή Day 3: Void Elements

  • Studied self-closing tags like <br>, <img>, <input>.
  • These elements simplify code and are essential for creating clean layouts.

πŸ”Ή Day 4: Movie Ranking Project

  • Built my first mini-project! 🎬
  • Ranked my favorite movies using headings and paragraphs.
  • Practiced proper folder structure and semantic HTML.

πŸ”Ή Day 5: List Elements

  • Worked with ordered (<ol>) and unordered (<ul>) lists.
  • Learned how lists improve organization and readability.

πŸ”Ή Day 6: Nesting and Indentation

  • Practiced proper nesting of elements.
  • Built the habit of clean indentation for better readability and collaboration.

πŸ”Ή Day 7: Anchor Elements

  • Created clickable hyperlinks with <a> tags.
  • Learned about linking internal pages vs external sites and opening links in new tabs.

πŸ”‘ Key Takeaways:

  • Clean indentation and proper nesting are essential good habits.
  • Understanding links and paths (relative vs absolute) is foundational for bigger projects.

⚑ Challenges I Faced:

  • No major challenges faced this week! The basic concepts were very easy and enjoyable to learn. 🎯

πŸ“‚ Proof of Work:

All exercises and mini-projects are uploaded here:

πŸ”— GitHub: CodeVault Repository

Also check out my Linkedin profile here:

πŸ”— Linkedin Profile: @adhyanjain


🎯 What's Next?

Moving on to more of HTML next week!

Super excited to learn more and build something amazing!


❓ Question for You:

When you started your web development journey, which HTML concept confused you the most?

Would love to hear your stories and tips! πŸš€


Feature flag article image

Create a feature flag in your IDE in 5 minutes with LaunchDarkly’s MCP server 🏁

How to create, evaluate, and modify flags from within your IDE or AI client using natural language with LaunchDarkly's new MCP server. Follow along with this tutorial for step by step instructions.

Read full post

Top comments (0)

MongoDB Atlas runs apps anywhere. Try it now.

MongoDB Atlas runs apps anywhere. Try it now.

MongoDB Atlas lets you build and run modern apps anywhereβ€”across AWS, Azure, and Google Cloud. With availability in 115+ regions, deploy near users, meet compliance, and scale confidently worldwide.

Start Free