,
etc to organize my content.
CSS Styling: Learning how to set fonts, colors, and layouts with Flexbox and Grid. This really made my designs come to life.
CSS Variables: Using variables to store colors, fonts, and other values, making it easier to maintain and update styles consistently.
Flexbox: Mastering this layout model helped me align and distribute space among items in a container, even when their sizes were unknown.
Grids: Learning CSS Grid allowed me to create complex and flexible layouts with ease.
CSS Positioning: Understanding how to position elements on a page using properties like absolute, relative, static and fixed.
CSS Transitions and Animations: Adding smooth transitions and animations to elements, making the user experience more dynamic and engaging.
Accessibility: Ensuring that my web pages are usable by people with disabilities.
Responsiveness: Making sure my web pages look great on all devices, from desktops to mobile phones, using media queries and responsive design principles.
Learning from YouTube and ChatGPT
FreeCodeCamp was great, but sometimes certain concepts needed more depth. Whenever I hit a roadblock, I turned to YouTube for detailed explanations and examples.
ChatGPT was a lifesaver whenever I got stuck. Whenever I had questions or needed a quick explanation, ChatGPT was there to help me out.
One of the valuable things I learned was how to host, deploy, and document my projects on GitHub. I also learned how to create GitHub Pages to showcase my work.
Building My Projects
Working on projects with FreeCodeCamp was both challenging and fun. These projects were essential for earning my Responsive Web Design certification and really helped me apply the skills I’ve been developing.
Project Highlights:
Challenges and Solutions:
-
Debugging CSS: Debugging can be tricky, but using the browser developer tool made it much easier to inspect and fix my code. This helped me quickly identify and resolve issues.
-
CSS Styling and Variables: Figuring out some of the CSS styling and variables was a bit challenging. I spent a lot of time researching the right CSS variables to achieve the effects I wanted, but it was rewarding when everything came together.
What’s Next:
-
JavaScript: Over the next 6 weeks, I’ll be diving into JavaScript to add interactivity to my web pages. I’m excited to see how it can enhance user experiences. I’ll be working towards the FreeCodeCamp JavaScript Algorithms and Data Structures (Beta) Certification.
-
Udacity Front End Web DeveloperNanodegree: I’m considering enrolling in the Udacity Front End Web Developer Nanodegree program later in the year to deepen my knowledge and skills even further.
-
Frameworks: I’m planning to explore front-end frameworks like React to build more complex and dynamic applications.
I’m looking forward to the new challenges and learning opportunities ahead.
Conclusion
Learning to build static web pages with HTML and CSS over the past 10 weeks has been an incredible journey. From FreeCodeCamp lessons to YouTube tutorials and ChatGPT assistance, every step has been a valuable learning experience. I can’t wait to continue learning more about Front-end web development.
