When I started my journey into Frontend development with
HerTechTrail
, I didn’t realize how much I would rely on continuous learning, problem-solving, and debugging. My experience building my portfolio website and other projects has been a mix of excitement, frustration, and, ultimately, growth. Through it all, my tutors, accountability partner, and online resources have been instrumental—in helping me debug errors, refine designs, and understand complex frontend concepts.
- Building My Portfolio Website – From structuring my first HTML and CSS layout to ensuring responsiveness across devices, I had to go beyond just writing code—I had to understand how CSS styling, layouts, and media queries work in real-world projects. With guidance from my tutors, accountability Partners, and online resources, I was able to correct styling issues, structure my components, and improve the visual hierarchy.
- Fixing Errors & Debugging Issues – Every developer knows the frustration of things not working as expected. I encountered issues where my social icons were too big, elements were overlapping, and responsiveness wasn’t working correctly. By checking my codes, I was able to pinpoint and fix errors faster, improving my problem-solving skills along the way.
- Version Control & Deployment – Understanding Git and GitHub workflows was another crucial step. While pushing my project, I ran into commit and push errors. Learning how to properly initialize a repository, manage commits, and push changes helped me streamline my workflow, thanks to insights from my previous learning.
- Interactivity & Usability Improvements – Making skills clickable, ensuring the contact button links to my email, and adding a border to the hero section were all enhancements I made by iterating and learning from my mistakes. With guidance from my tutors, I learned how to structure interactive elements for better usability.
- Frontend Development is an Iterative Process – Writing clean, maintainable code is just the beginning. The real magic happens when you refine, test, and improve your work over multiple iterations.
- Understanding CSS is Key – Layout issues, font sizes, and responsiveness problems often come down to CSS mastery. I learned how to use flexbox, grid, and media queries to create a seamless experience across devices.
- Version Control is Non-Negotiable – Learning Git commands helped me manage my work efficiently, ensuring that I could track changes and fix issues without losing progress.
- Debugging is a Skill, Not Just a Task – Encountering errors in CSS, HTML, or Git commands taught me the importance of reading error messages, researching solutions, and systematically testing fixes.
- Leveraging Online Resources is a Game-Changer – Instead of spending hours searching for solutions, I used reliable online resources to get instant explanations, code corrections, and suggestions. This drastically accelerated my learning curve.
- Deepening my knowledge of JavaScript for more dynamic, interactive websites
- Exploring frontend frameworks like React to build more scalable applications
- Continuing to refine my portfolio and take on more challenging projects
This journey has taught me that every challenge is an opportunity to learn. From fixing minor styling issues to troubleshooting Git errors, I’ve realized that Frontend development is not just about writing code—it’s about problem-solving, creativity, and continuous learning.
For anyone starting out: Keep building, keep debugging, and never stop learning.
What’s the biggest lesson you’ve learned while working on a Frontend project? Let’s share experiences!
#FrontendDevelopment #CSS #HTML #WebDesign #LearningByDoing #GitHub #ProblemSolving
Product Manager | Project Manager | Customer Support Specialist
1 个月Welldone Bukunmi Atoyebi - Fatokun ???? I celebrate your learning grit