As a coding enthusiast, I've had my fair share of ups and downs when it comes to learning the fundamentals of HTML and CSS. While I had previously completed FreeCodeCamp's Responsive Web Design course, which provided a comprehensive overview of these core web technologies, I found myself feeling lost when attempting to apply this knowledge to solve challenges.
Determined to fill the gaps in my understanding, I stumbled upon a real gem - Kevin Powell's Crash Course on HTML and CSS. As an excellent instructor, Kevin has crafted a well-structured course that strikes the perfect balance between theory and practice. What I particularly appreciated were his suggestions on how to effectively comment on your code and organize your files - crucial skills for any aspiring web developer.
After completing Kevin's course, I felt empowered to tackle my first Frontend Mentor challenge, a QR component. Kevin's teaching method, which uses the analogy of book pages to organize HTML elements, resonated with me. However, I found that I preferred to think in terms of containers. For example, element is the largest container and the rest of the containers are within it. Talking about the QR code component, the
element contains a element representing the white card. Within this white card , I put text and the QR code image.<!DOCTYPE html>
<html lang="en">
<head>
<link>
<title> QR component </title>
</head>
<body>
<div class="qr-container">
<img>
<h2> </h2>
<p> </p>
</div> <!-- / qr-container -->
<div class="attribution">
<p> </p>
</div> <!-- / attribution -->
</body>
</html>
Visualizing the structure of the HTML in this way made it much easier for me to style the component with CSS. This experience taught me a valuable lesson: finding your learning style is key to truly understanding and applying HTML and CSS.
While FreeCodeCamp is undoubtedly one of the most famous learning resources for web development, I discovered that their teaching strategy didn't align with my learning process. I learn best when presented with a combination of theory and practice, followed by the opportunity to apply that knowledge to problems of varying difficulty.
If you're struggling to grasp the fundamentals of HTML and CSS, I encourage you to explore different learning resources and techniques until you find what works best for you. Remember, the path to becoming a skilled web developer is not one-size-fits-all. By embracing your unique learning style, you'll be well on your way to becoming a confident and capable developer.
Do you know what's your learning process?
Share it below so we can compare it with other learning styles.
Top comments (0)