Comprehensive UX and Responsive Web Design

Overview

This course covers the fundamentals of web UI/UX development, focusing on core concepts like HTML, CSS, JavaScript, and accessibility. You'll learn the history of web development, explore the HTTP protocol, and understand the interaction between servers and browsers. The course also introduces key tools like the command line and modern web development practices. In the final section, you'll be introduced to React, a popular JavaScript library, to apply your skills in building dynamic, interactive web pages. Throughout the course, you will be given the opportunity to test your knowledge through quizzes and apply them through a final peer review project: My Favorite Cats. Designed for beginners and those looking to strengthen their web development knowledge, this course equips you to create responsive, accessible websites.

Syllabus

HTML Fundamentals

In this module, you'll learn the essential principles of HTML and gain a solid foundation in web development. You'll be introduced to semantic HTML, learning to identify and define semantic elements that improve accessibility. This module also covers common industry practices for casing and indentation, ensuring your code is clean and maintainable. By the end of this module, you'll be able to recognize key characteristics of HTML styles, use semantic elements effectively, and apply best practices in structuring your code. These skills will serve as a foundation for creating well-organized, accessible web pages.

HTML Syntax and Semantic HTML

In this module, you'll explore the essentials of HTML syntax and the importance of semantic HTML. We’ll start by covering basic HTML syntax and structure, including the use of hyperlinks and proper casing. You’ll also learn more about DevTools to understand HTML elements better. Moving forward, we'll delve into semantic HTML, which enhances accessibility and SEO by using meaningful tags like ``, ``, and ``. By the end of this module, you'll grasp how structured, semantic HTML can improve both the functionality and readability of your web pages.

CSS Fundamentals

In this module, you'll dive into the core principles of CSS and how it shapes web design. We’ll start with the basics of CSS syntax and explore fundamental concepts such as selectors, pseudo-classes, and pseudo-elements. You'll learn to manage styles using type, class, and ID selectors, and understand how to effectively load and apply CSS to your web pages. Additionally, we’ll cover the CSS Box Model and its impact on layout, including inline, block, and inline-block elements. By the end of this module, you'll have a solid foundation in CSS to enhance your web pages with custom styles and layouts.

My Favorite Cats

This module you will complete a final assignment. The goal of this assignment is to create a semantic, valid HTML page listing "My Favorite Cats" using the knowledge from the provided course materials. Ensure that your HTML follows best practices for semantics, structure, and accessibility.