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.

75,405 already enrolled

Included with Learn more

Ask Coursera

6 modules

Gain insight into a topic and learn the fundamentals.

Beginner level

No prior experience required

3 weeks to complete

at 10 hours a week

Flexible schedule

Learn at your own pace

6 modules

Gain insight into a topic and learn the fundamentals.

Beginner level

No prior experience required

3 weeks to complete

at 10 hours a week

Flexible schedule

Learn at your own pace

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

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 Everybody 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 videosTotal 12 minutes

Welcome6 minutes
Portfolio Options6 minutes

11 readingsTotal 150 minutes

Course Syllabus10 minutes
Important FAQs5 minutes
Pre-Course Survey5 minutes
Portfolio Objectives10 minutes
Portfolio Requirements10 minutes
Portfolio Grading Rubric10 minutes
Option 1: Building your site from scratch10 minutes
Option 2: Building your site from a template10 minutes
Option 3: Building your site using a framework10 minutes
Week one questions and answers60 minutes
Extra Resources10 minutes

1 peer reviewTotal 20 minutes

OPTIONAL - Introduce Yourself20 minutes

2 discussion promptsTotal 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 readingsTotal 104 minutes

Review wireframes and design sketches14 minutes
Week two questions and answers60 minutes
Create a wireframe10 minutes
Submitting and reviewing the design sketches10 minutes
Notice for auditing learners10 minutes

3 peer reviewsTotal 360 minutes

Option 1: Design Sketch demo for a site coded from scratch120 minutes
Option 2: Design Sketch demo for a site coded from a template120 minutes
Option 3: Design Sketch demo for a site coded using a framework120 minutes

1 app itemTotal 10 minutes

Optional assignment submission for auditing learners10 minutes

1 discussion promptTotal 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 videosTotal 53 minutes

Using the W3 Validator7 minutes
Using the WAVE Tool6 minutes
Utilizing Developer Tools5 minutes
Sticky Footers10 minutes
Embedding a Google Calendar5 minutes
Using Bootstrap to Add a Carousel7 minutes
Adding a Lightbox Plugin6 minutes
Font Awesome6 minutes

6 readingsTotal 110 minutes

Preparing your Images10 minutes
Resources10 minutes
WebAIM quick reference10 minutes
The Safari Web Inspector Guide10 minutes
Firefox Developer Tools10 minutes
Week three questions and answers60 minutes

1 discussion promptTotal 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 readingsTotal 92 minutes

Why Validate?10 minutes
Creating a screen capture video (Optional)10 minutes
Week five questions and answers60 minutes
Submitting and reviewing in-progress projects10 minutes
Notice for auditing learners2 minutes

3 peer reviewsTotal 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 itemTotal 10 minutes

Optional assignment submission for auditing learners10 minutes

1 discussion promptTotal 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 videoTotal 3 minutes

Congratulations!3 minutes

4 readingsTotal 82 minutes

Week six questions and answers60 minutes
Portfolio Grading Rubric10 minutes
Notice for auditing learners2 minutes
Post-Course Survey10 minutes

3 peer reviewsTotal 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 itemTotal 10 minutes

Optional assignment submission for auditing learners10 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

Colleen van Lent, Ph.D.

University of Michigan

11 Courses736,093 learners

Charles Russell Severance

University of Michigan

60 Courses4,917,985 learners

Offered by

University of Michigan

Explore more from Mobile and Web Development

Status: Free Trial
University of Michigan
Web Design for Everybody: Basics of Web Development & Coding
Specialization
Status: Free Trial
University of Michigan
Introduction to HTML5
Course
Status: Free Trial
University of Michigan
Advanced Styling with Responsive Design
Course
Status: Free Trial
Scrimba
Learn Accessible Web Design
Course

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

Unlock access to 10,000+ courses with a subscription
Advance your career with an online degree
Earn a degree from world-class universities - 100% online
Join over 4,700 global companies that choose Coursera for Business

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 enroll in the course, you get access to all of the courses in the Specialization, and you earn a certificate when you complete the work. 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.