Site logo

My Learning Journal

Home

Welcome to my learning journal, a structured record of my growth in frontend development.

This space highlights the projects I build, the concepts I explore, and the lessons I apply as I strengthen my foundation in web development.

About me

I am a graduate of Agricultural Science Education currently transitioning into frontend development.

My focus is on building structured, semantic, and accessible web pages using HTML. I value clarity, organization, and continuous improvement.

This blog documents my practical progress as I expand my technical skill set and develop real-world projects.

Blog

CSS Level 2: Combinators, Layout Logic, and the Art of Polish

In my last post, First CSS Lesson, I celebrated getting my first CSS styles live. I learned how to change colors and add basic spacing. It felt magical to see my plain HTML transform.

But today? Today was about going deeper. I moved past just making things pretty and started understanding how CSS thinks.

Read more

My First CSS Lesson

After completing my foundational HTML lessons, I officially began CSS. What surprised me most was how powerful one simple idea is: CSS works through selectors and properties.

In my first lesson, I experimented mainly with color. Using warm tones like sienna, salmon, and soft peach, I transformed my plain HTML portfolio into something that feels inviting and intentional.

It was my first real experience seeing structure turn into design.

Read more

Adding Icons: Understanding Favicons and In‑Page Logos

While building my learning blog, I decided to add an icon to strengthen its identity. What seemed like a simple task turned into a practical lesson in understanding the difference between browser-level branding (favicons) and in-page visual elements. This experience sharpened my attention to file paths, HTML structure, and the importance of knowing where different elements actually appear.

Read more

Developing Structured Forms

I built and deployed a survey form focused on stress assessment and coping strategies.

The project strengthened my understanding of semantic HTML, grouped inputs, validation techniques, and accessibility considerations.

Read more

Understanding Semantic Layout

Learning semantic layout elements such as header, main, section, article, and aside helped me structure web pages more intentionally.

Rather than memorizing tags, I began focusing on hierarchy and relationships between elements.

Read more

Building Through Repetition

Repetition has been central to my learning process.

Writing code from memory and correcting small structural errors has improved both my confidence and accuracy.

Read more

Lessons

I have come to learn the following:

It is during our darkest moments that we must focus to see the light.