Hey devs! π
Iβm back with another weekly update on my coding journey, where Iβm working through The Complete Full-Stack Web Development Bootcamp by Angela Yu.
Even though my final exams are ongoing, Iβve been keeping up with small daily wins β and theyβre really stacking up! πͺ
π What I Learned This Week
πΉ Day 8: Image Elements
- Learned how to use the
<img>
tag to embed images. - Understood the importance of
alt
attributes for accessibility and SEO.
πΉ Day 9: Birthday Invite Project
- Built a fun web-based birthday invitation.
- Practiced layout, file structure, and embedding media in a clean, presentable way.
πΉ Day 10: File Paths
- Explored absolute vs. relative file paths.
- Practiced organizing folders and linking assets like images and stylesheets.
πΉ Day 11: HTML Portfolio Project
- Created a basic portfolio using only HTML.
- Focused on proper semantic structure and content organization.
πΉ Day 12: Adding CSS
- Applied external CSS for the first time!
- Learned how to style elements using selectors and began exploring visual hierarchy.
πΉ Day 13: CSS Selectors
- Practiced using tag, class, and ID selectors effectively.
- Gained confidence in applying precise styles to structure my pages better.
πΉ Day 14: Color Vocabulary
- Dived into HEX, RGB, and HSL color systems.
- Improved page aesthetics using consistent and readable color schemes.
π§ Key Takeaways
- Organizing files and folders properly makes scaling projects much easier.
- Semantic HTML isnβt just about structure β it boosts SEO and accessibility.
- Consistency matters. Even 30 minutes a day pays off when done regularly.
β‘ Challenges I Faced
So far, things are going smoothly! But:
- Understanding file paths and organizing folder structures took a few trial runs to get right.
π Check Out My Work
All code and projects are open-source and available here:
π GitHub: GitHub Repo
π LinkedIn: Adhyan Jain
π¬ Question for You
What was the first full project you built using just HTML?
Iβd love to hear your stories β letβs grow together and learn from one another! π
Top comments (0)