VOOZH about

URL: https://www.coursera.org/learn/comprehensive-ux--responsive-web-design

⇱ Comprehensive UX and Responsive Web Design | Coursera


Comprehensive UX and Responsive Web Design

Ends soon! Keep adding new skills with 10,000+ programs for $239 (usually $399). Save now.

Comprehensive UX and Responsive Web Design

Included with

β€’

Learn more

Gain insight into a topic and learn the fundamentals.
Beginner level
No prior experience required
2 weeks to complete
at 10 hours a week
Flexible schedule
Learn at your own pace

Gain insight into a topic and learn the fundamentals.
Beginner level
No prior experience required
2 weeks to complete
at 10 hours a week
Flexible schedule
Learn at your own pace

There are 4 modules in this course

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.

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.

What's included

12 readings2 assignments1 discussion prompt

12 readingsβ€’Total 137 minutes
  • Course Overviewβ€’1 minute
  • Meet Your Facultyβ€’1 minute
  • Syllabus - Comprehensive UX and Responsive Web Designβ€’7 minutes
  • Academic Integrityβ€’1 minute
  • Assignment Preview: Creating a Semantic, Valid HTML Page Listing "My Favorite Cats"β€’2 minutes
  • Evolution of Webβ€’15 minutes
  • What is the Web?β€’15 minutes
  • Servers and Browsersβ€’15 minutes
  • General and HTML Casing Styles and Indentationβ€’20 minutes
  • Finding Good Sourcesβ€’35 minutes
  • The Risks of ChatGPT, Copilot, and other LLMs when learningβ€’20 minutes
  • Using MDNβ€’5 minutes
2 assignmentsβ€’Total 60 minutes
  • Quiz: General and HTML Casing stylesβ€’50 minutes
  • Using MDNβ€’10 minutes
1 discussion promptβ€’Total 10 minutes
  • Meet Your Fellow Learnersβ€’10 minutes

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 `<header>`, `<footer>`, and `<article>`. By the end of this module, you'll grasp how structured, semantic HTML can improve both the functionality and readability of your web pages.

What's included

6 readings2 assignments

6 readingsβ€’Total 176 minutes
  • Intro to the Command Lineβ€’110 minutes
  • "serve" Webserverβ€’4 minutes
  • The Roles of HTML/CSS/JS on a Web Pageβ€’7 minutes
  • Fundamentals of HTML Syntaxβ€’30 minutes
  • What and Why of Semantic HTMLβ€’10 minutes
  • Most Common Elementsβ€’15 minutes
2 assignmentsβ€’Total 45 minutes
  • Quiz: Web serversβ€’25 minutes
  • Quiz: Semantic HTMLβ€’20 minutes

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.

What's included

2 videos5 readings4 assignments

2 videosβ€’Total 13 minutes
  • Demo: Applying Stylingβ€’9 minutes
  • The 4 Parts of the CSS Box Modelβ€’4 minutes
5 readingsβ€’Total 218 minutes
  • Basic CSS Syntaxβ€’35 minutes
  • Advanced CSS Syntaxβ€’25 minutes
  • Loading CSSβ€’45 minutes
  • Flow Layoutβ€’8 minutes
  • CSS Box Modelβ€’105 minutes
4 assignmentsβ€’Total 55 minutes
  • Quiz: CSS Syntax Selectorsβ€’15 minutes
  • Quiz: Final Paths of Absolute vs Relativeβ€’20 minutes
  • Quiz: CSS Loadingβ€’5 minutes
  • Quiz: Box Modelβ€’15 minutes

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.

What's included

2 readings1 peer review1 discussion prompt

2 readingsβ€’Total 2 minutes
  • Steps to Run the Code on Your Laptopβ€’1 minute
  • Congratulationsβ€’1 minute
1 peer reviewβ€’Total 180 minutes
  • Creating a Semantic, Valid HTML Page Listing "My Favorite Cats"β€’180 minutes
1 discussion promptβ€’Total 45 minutes
  • Responsive Web Designβ€’45 minutes

Instructor

Northeastern University
4 Coursesβ€’370 learners

Why people choose Coursera for their career

πŸ‘ Image

Felipe M.

Learner since 2018
"To be able to take courses at my own pace and rhythm has been an amazing experience. I can learn whenever it fits my schedule and mood."
πŸ‘ Image

Jennifer J.

Learner since 2020
"I directly applied the concepts and skills I learned from my courses to an exciting new project at work."
πŸ‘ Image

Larry W.

Learner since 2021
"When I need courses on topics that my university doesn't offer, Coursera is one of the best places to go."
πŸ‘ Image

Chaitanya A.

"Learning isn't just about being better at your job: it's so much more than that. Coursera allows me to learn without limits."

Frequently asked questions

To access the course materials, assignments and to earn a Certificate, you will need to purchase the Certificate experience when you enroll in a course. You can try a Free Trial instead, or apply for Financial Aid. The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.

When you purchase a Certificate you get access to all course materials, including graded assignments. Upon completing the course, your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile.

Yes. In select learning programs, you can apply for financial aid or a scholarship if you can’t afford the enrollment fee. If fin aid or scholarship is available for your learning program selection, you’ll find a link to apply on the description page.

Financial aid available,