Web Design for Everybody (Basics of Web Development and Coding) Specialization

The capstone will develop a professional-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.

100% online course

Start instantly and learn at your own schedule.

Approx. 9 hours to complete

Suggested: 6 weeks of study, 6-8 hours/week

English

Subtitles: English

Skills you will gain

Web DesignCascading Style SheetsJavascriptHtml5

100% online course

Start instantly and learn at your own schedule.

Approx. 9 hours to complete

Suggested: 6 weeks of study, 6-8 hours/week

English

Subtitles: English

Syllabus - What you will learn from this course

1

Section

3 hours to complete

Week One: Introduction

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

2 videos (Total 13 min), 11 readings, 1 quiz

2 videos

Welcome6m

Portfolio Options6m

11 readings

Special Announcement for New Capstone Students10m

Important FAQs10m

Help us learn more about you!10m

Portfolio Objectives10m

Portfolio Requirements10m

Building your site from scratch10m

Building your site from a template10m

Building your site using a framework10m

Portfolio Grading Rubric10m

Previous Week One Office Hours10m

Extra Resources10m

2

Section

2 hours to complete

Week Two: Design Phase

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

4 readings, 1 quiz

4 readings

Wireframes/Design Sketches10m

Previous Week Two Office Hours10m

Assessing the Design Sketches10m

Notice for Auditing Learners: Assignment Submission10m

3

Section

2 hours to complete

Week Three: Review and Preparation Phase

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

8 videos (Total 53 min), 6 readings

8 videos

Using the W3 Validator6m

Using the WAVE Tool6m

Utilizing Developer Tools5m

Sticky Footers10m

Embedding a Google Calendar5m

Using Bootstrap to Add a Carousel7m

Adding a Lightbox Plugin5m

Font Awesome5m

6 readings

Previous Week Three Office Hours10m

WebAIM quick reference10m

OPTIONAL: Recent article on accessibility10m

The Safari Web Inspector Guide10m

Firefox Developer Tools10m

Preparing your Images10m

4

Section

1 hour to complete

Week Four: Coding Phase

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

2 videos (Total 10 min), 2 readings

2 videos

Setting Up a Byethost Account3m

Uploading Files to Your Account using Byethost6m

2 readings

Working "locally"10m

Previous Week Four Office Hours10m

5

Section

4 hours to complete

Week Five: Validation and Review Phase

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

3 readings, 3 quizzes

3 readings

Previous Week Five Office Hours10m

Why Validate?10m

(Optional) Creating a screen capture video10m

6

Section

2 hours to complete

Week Six: Revise and Submit Phase

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

1 video (Total 3 min), 3 readings, 1 quiz

1 videos

Congratulations3m

3 readings

Previous Week Six Office Hours10m

Portfolio Grading Rubric10m

Post-Course Survey10m

Instructors

Colleen van Lent, Ph.D.

Lecturer

Charles Severance

Associate Professor

About University of Michigan

The mission of the University of Michigan is to serve the people of Michigan and the world through preeminence in creating, communicating, preserving and applying knowledge, art, and academic values, and in developing leaders and citizens who will challenge the present and enrich the future....

Frequently Asked Questions

When will I have access to the lectures and assignments?
Once you enroll for a Certificate, you’ll have access to all videos, quizzes, and programming assignments (if applicable). Peer review assignments can only be submitted and reviewed once your session has begun. If you choose to explore the course without purchasing, you may not be able to access certain assignments.
What will I get if I pay for this course?
If you pay for this course, you will have access to all of the features and content you need to earn a Course Certificate. If you complete the course successfully, your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile. Note that the Course Certificate does not represent official academic credit from the partner institution offering the course.
What is the refund policy?
Is financial aid available?
Yes! Coursera provides financial aid to learners who would like to complete a course but cannot afford the course fee. To apply for aid, select "Learn more and apply" in the Financial Aid section below the "Enroll" button. You'll be prompted to complete a simple application; no other paperwork is required.

More questions? Visit the Learner Help Center

Web Design for Everybody (Basics of Web Development and Coding) Specialization