What have I done

I started learning HTML and CSS by conducting library research and analyzing online resources, primarily using the Mozilla Developer Network (MDN). This helped me understand the importance of semantic HTML for improving accessibility and overall structuring of web content. As a result, I started using a wider range of semantic tags and avoided generic elements in subsequent projects.

Additionally, I explored various CSS topics such as variables, attribute selectors, display properties, and pseudo-classes. I also became more aware of flex properties such as flex, flex-shrink, and flex-grow, knowing that they are important in creating responsive designs without utilizing excessive media queries. I implemented what I learned in HTML and CSS into the assignment I was given, which involves recreating the website our teacher showed us. I’ll also make sure to apply these skills in my portfolio and future projects.

What have I done

I made my portfolio HTML semantic and made sure that I validated it using the W3C Markup Validation Service (https://validator.w3.org). The reason flexbox is mostly used is because it makes complicated layouts easier to understand, aligns elements more efficiently, and evenly distributes space among them. So, I also mostly used the display flex property in my portfolio, which lays out a collection of items in one direction or another. Through properly making use of these HTML semantics and CSS layouts, I was able to produce an aesthetically pleasing and responsive portfolio that guarantees a great user experience on a range of devices and screen sizes.

What have I done

I started learning JavaScript, and even though I had trouble understanding it at first, I used tools like MDN and YouTube tutorials to work through its details. I learned basic ideas like numbers, booleans, strings, operators, and arrays, along with practical methods like variable concatenation. I also understand that clarity and comprehension of the code are improved by comments.

Additionally, I added a modal feature to my portfolio using JavaScript. This process highlighted the long learning process of JavaScript; although it’s becoming easier, understanding its complexity is still a work in progress. By learning new things and practicing a lot, I hope to improve my JavaScript abilities and apply them effectively to future projects.

What have I done

In order for modern websites to function effectively across a range of devices, a responsive design is essential. This is demonstrated in my portfolio website, which offers flexibility to the user experience on all platforms. I implemented media queries into the layout to adjust it according to screen size, following the guidelines of sites like W3Schools and MDN. These queries helped me maintain readability and functionality by dynamically changing the sizes, positions, and even visibility of elements. I also made use of flex properties such as flex-grow, flex-shrink, and flex-basis to improve responsiveness. By employing these techniques, my portfolio website presents my abilities and projects in an efficient and unified manner across all platforms.