Tasks from my course HTML & CSS at SoftUni
Course Curriculum: HTML & CSS
Introduction to HTML & CSS:
In this section, I learned the foundational concepts of HTML and CSS. I delved into what HTML is and how to create an HTML page. I explored common HTML elements such as headings, paragraphs, lists, images, and links. Additionally, I familiarized myself with HTML terminology, including tags and attributes. I discovered what CSS is and how to combine HTML and CSS files. I also studied the difference between inline and block elements, enhancing my understanding of web page structure.
HTML Structure:
I delved into the structure of HTML, focusing on semantic HTML to understand its importance. I examined various HTML tags and their uses. I learned how to create and manage forms, and I studied the structure and implementation of tables in HTML. This section helped me understand how to build well-structured and accessible web pages.
CSS & Typography:
In this part of the course, I learned about typography and its significance in web design. I studied the principles of readability to enhance user experience. I explored various CSS properties and their applications. Additionally, I integrated Font Awesome icons into my projects, improving the visual appeal and functionality of my web pages.
CSS Box Model:
I thoroughly understood the CSS box model and its components. I reviewed the differences between block and inline elements and practiced setting width and height for elements. I mastered managing padding, margin, and border. Furthermore, I learned about box sizing and its impact on element dimensions, enabling me to design more precisely.
Position & Grid:
I explored CSS Grid and its capabilities for layout design. I studied different position values: static, relative, absolute, fixed, and sticky. I examined positioning properties and their effects on element placement. I also learned how to use the z-index for layering elements, which helped me create complex and responsive layouts.
Flexbox:
I gained a comprehensive understanding of Flexbox. I studied properties for the parent (container) elements and explored properties for the children (items) within a Flexbox container. This knowledge allowed me to create flexible and efficient layouts that adapt to different screen sizes and orientations.
Responsive Design and Media Queries:
In this section, I learned the principles of responsive web design. I practiced using media queries to adapt layouts for different devices. I understood various media types and their applications. I studied media feature rules and media queries conditions to enhance responsiveness. This training equipped me to build websites that provide a great user experience across all devices.
In this HTML & CSS course, I've covered the basics of web development, focusing on HTML structure, CSS styling, and responsive design. I explored advanced topics like the CSS box model, positioning, Flexbox, and media queries. This comprehensive training has equipped me to design, manage, and optimize web pages for real-world applications.