Web Design for Everybody Capstone

Web Design for Everybody Capstone

This course is part of Web Design for Everybody: Basics of Web Development & Coding Specialization

Instructors: Colleen van Lent, Ph.D.

Access provided by Cambia Health Solutions

73,744 already enrolled

6 modules

Gain insight into a topic and learn the fundamentals.

1,764 reviews

Beginner level

No prior experience required

Flexible schedule

3 weeks at 10 hours a week

Learn at your own pace

97%

Most learners liked this course

6 modules

Gain insight into a topic and learn the fundamentals.

1,764 reviews

Beginner level

No prior experience required

Flexible schedule

3 weeks at 10 hours a week

Learn at your own pace

97%

Most learners liked this course

What you'll learn

Create a series of wireframes for your site or portfolio.
Implement concepts from this series that demonstrate the ability to apply web design theory or practice.

Skills you'll gain

Tools you'll learn

Cascading Style Sheets (CSS)

Details to know

Shareable certificate

Add to your LinkedIn profile

Taught in English

See how employees at top companies are mastering in-demand skills

Learn more about Coursera for Business

logos of Petrobras, TATA, Danone, Capgemini, P&G and L'Oreal

Build your subject-matter expertise

This course is part of the Web Design for Everybody: Basics of Web Development & Coding Specialization

When you enroll in this course, you'll also be enrolled in this Specialization.

Learn new concepts from industry experts
Gain a foundational understanding of a subject or tool
Develop job-relevant skills with hands-on projects
Earn a shareable career certificate

There are 6 modules in this course

The capstone will develop a higher-quality web portfolio. Students will demonstrate the ability to design and implement a responsive site for a minimum of three platforms. Adherence to validation and accessibility standards will be required. The evolving student implementations will be reviewed each week by capstone peers and teaching assistants to make sure that the student keeps up with the agenda of the course.

Upon completion of this course students will feel comfortable creating and/or updating existing front-end sites, utilizing existing frameworks, and testing sites for accessibility compliance. This course is only open to students who have completed the first four courses in the Web Design for Everybody specialization: Introduction to HTML5, Introduction to CSS3, Interactivity with JavaScript, and Advanced Styling with Responsive Design.

Welcome to the Web Design for Everyone Capstone!!! It really is my intention to make sure that everyone who completes this capstone will have a product they are proud of. The challenge is that "everyone" is actually a very diverse group of people, each person coming in with different skill sets and interests. So in this course you will pick from one of three portfolio options to complete. The goal of this approach is to help students self-select into appropriate peer groups.

What's included

2 videos11 readings1 peer review2 discussion prompts

2 videos Total 12 minutes

Welcome 6 minutes
Portfolio Options 6 minutes

11 readings Total 150 minutes

Course Syllabus 10 minutes
Important FAQs 5 minutes
Pre-Course Survey 5 minutes
Portfolio Objectives 10 minutes
Portfolio Requirements 10 minutes
Portfolio Grading Rubric 10 minutes
Option 1: Building your site from scratch 10 minutes
Option 2: Building your site from a template 10 minutes
Option 3: Building your site using a framework 10 minutes
Week one questions and answers 60 minutes
Extra Resources 10 minutes

1 peer review Total 20 minutes

OPTIONAL - Introduce Yourself 20 minutes

2 discussion prompts Total 10 minutes

Are you thinking of using a template? 5 minutes
Are you considering using a framework? 5 minutes

Students will submit wireframes for a multi-part online portfolio. The topic of your site is your choice, but you will be expected to fulfill a small checklist of requirements with respect to the amount of proposed content and the variety of HTML5 tags. Emphasis will be on ability to demonstrate mobile-first paradigm design.

What's included

5 readings3 peer reviews1 app item1 discussion prompt

5 readings Total 104 minutes

Review wireframes and design sketches 14 minutes
Week two questions and answers 60 minutes
Create a wireframe 10 minutes
Submitting and reviewing the design sketches 10 minutes
Notice for auditing learners 10 minutes

3 peer reviews Total 360 minutes

Option 1: Design Sketch demo for a site coded from scratch 120 minutes
Option 2: Design Sketch demo for a site coded from a template 120 minutes
Option 3: Design Sketch demo for a site coded using a framework 120 minutes

1 app item Total 10 minutes

Optional assignment submission for auditing learners 10 minutes

1 discussion prompt Total 10 minutes

What is the topic for your portfolio? 10 minutes

This week you will continue to review your fellow students designs. Feedback will be based on layout, proposed content, and accessibility. The goal is that these peer reviews will inspire you to attempt something more on your site (or provide the feedback that lets you know you may want to scale down your own expectations.) You will begin to create the content of your site as you wait for the reviews of your project to be created.

What's included

8 videos6 readings1 discussion prompt

8 videos Total 53 minutes

Using the W3 Validator 7 minutes
Using the WAVE Tool 6 minutes
Utilizing Developer Tools 5 minutes
Sticky Footers 10 minutes
Embedding a Google Calendar 5 minutes
Using Bootstrap to Add a Carousel 7 minutes
Adding a Lightbox Plugin 6 minutes
Font Awesome 6 minutes

6 readings Total 110 minutes

Preparing your Images 10 minutes
Resources 10 minutes
WebAIM quick reference 10 minutes
The Safari Web Inspector Guide 10 minutes
Firefox Developer Tools 10 minutes
Week three questions and answers 60 minutes

1 discussion prompt Total 10 minutes

What "extras" are you thinking about? 10 minutes

Using the feedback you received from other capstone participants you will begin to style your portfolio. At the end of Week Five you will have the opportunity to submit your intermediate work for review.

What's included

1 reading1 discussion prompt

This week you will validate and test your site. You will write a summary of the results and explain (if necessary) why you needed to violate any coding conventions.

What's included

5 readings3 peer reviews1 app item1 discussion prompt

5 readings Total 92 minutes

Why Validate? 10 minutes
Creating a screen capture video (Optional) 10 minutes
Week five questions and answers 60 minutes
Submitting and reviewing in-progress projects 10 minutes
Notice for auditing learners 2 minutes

3 peer reviews Total 180 minutes

Option 1: Demo your portfolio (coded from scratch) 60 minutes
Option 2: Demo your portfolio (designed from a template) 60 minutes
Option 3: Demo your portfolio (designed using a framework) 60 minutes

1 app item Total 10 minutes

Optional assignment submission for auditing learners 10 minutes

1 discussion prompt Total 10 minutes

Validation Issues?? Put them here! 10 minutes

We will conclude with a period of peer-review and modifications to your site. By the end of this week you will have a unique, responsive, accessible portfolio. Congratulations!!

What's included

1 video4 readings3 peer reviews1 app item

1 video Total 3 minutes

Congratulations! 3 minutes

4 readings Total 82 minutes

Week six questions and answers 60 minutes
Portfolio Grading Rubric 10 minutes
Notice for auditing learners 2 minutes
Post-Course Survey 10 minutes

3 peer reviews Total 360 minutes

Option 1: Demo you portfolio (designed from scratch) 120 minutes
Option 2: Demo your portfolio (designed from a template) 120 minutes
Option 3: Demo your portfolio (designed using a framework) 120 minutes

1 app item Total 10 minutes

Optional assignment submission for auditing learners 10 minutes

Earn a career certificate

Add this credential to your LinkedIn profile, resume, or CV. Share it on social media and in your performance review.

Instructors

Instructor ratings

(262 ratings)

Colleen van Lent, Ph.D.

University of Michigan

11 Courses 730,266 learners

Charles Russell Severance

University of Michigan

60 Courses 4,821,695 learners

Offered by

University of Michigan

Why people choose Coursera for their career

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."

Jennifer J.

Learner since 2020

"I directly applied the concepts and skills I learned from my courses to an exciting new project at work."

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."

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."

Learner reviews

5 stars
84.63%
4 stars
11.84%
3 stars
1.81%
2 stars
0.68%
1 star
1.02%

Showing 3 of 1764

Reviewed on Jul 10, 2020

Thank you so much for providing this course. I feel so confident to know I can design a website and understand other people's code. I am grateful and thank you so much.

Reviewed on Oct 4, 2022

Thank you Dr Colleen van Lent . Learnt a great deal of Javascript from you after struggling to understand in other platform. Thank you for putting this together.

Reviewed on May 18, 2020

An amazing course! Had a lot of difficulty XD however, I'm very proud of myself for remembering what I did. Miss Colleen was incredible as a teacher and the course was constructed very well.

View more reviews