Web Design for Everybody Capstone
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.
Monthly Subscription Starting at AED 99 + VAT
- Level Foundation
- Duration 17 hours
- Course by University of Michigan
-
Offered by
About
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.Modules
Lesson 0: Welcome
-
1
Videos
-
3
Readings
1
Videos
- Welcome
3
Readings
- Course Syllabus
- Important FAQs
- Pre-Course Survey
Lesson 1: Portfolio Description
-
1
Videos
-
3
Readings
1
Videos
- Portfolio Options
3
Readings
- Portfolio Objectives
- Portfolio Requirements
- Portfolio Grading Rubric
Lesson 2: Review portfolio Options
-
3
Readings
3
Readings
- Option 1: Building your site from scratch
- Option 2: Building your site from a template
- Option 3: Building your site using a framework
Lesson 3: This week's discussions and resources
-
2
Readings
-
2
Discussion
-
1
PeerReview
1
Peer Review
- OPTIONAL - Introduce Yourself
2
Discussions
- Are you thinking of using a template?
- Are you considering using a framework?
2
Readings
- Week one questions and answers
- Extra Resources
Lesson 1: This week's discussions and resources
-
2
Readings
-
1
Discussion
1
Discussions
- What is the topic for your portfolio?
2
Readings
- Review wireframes and design sketches
- Week two questions and answers
Lesson 2: Create a wireframe
-
1
Readings
1
Readings
- Create a wireframe
Lesson 3: Submit and complete Peer Reviews
-
2
Readings
-
3
PeerReview
-
1
ExternalTool
1
External Tool
- Optional assignment submission for auditing learners
3
Peer Review
- Option 1: Design Sketch demo for a site coded from scratch
- Option 2: Design Sketch demo for a site coded from a template
- Option 3: Design Sketch demo for a site coded using a framework
2
Readings
- Submitting and reviewing the design sketches
- Notice for auditing learners
Lesson 1: Start coding!
-
2
Readings
2
Readings
- Preparing your Images
- Resources
Lesson 2: Tool Review
-
3
Videos
-
3
Readings
3
Videos
- Using the W3 Validator
- Using the WAVE Tool
- Utilizing Developer Tools
3
Readings
- WebAIM quick reference
- The Safari Web Inspector Guide
- Firefox Developer Tools
Lesson 3: Adding common "extras"
-
5
Videos
5
Videos
- Sticky Footers
- Embedding a Google Calendar
- Using Bootstrap to Add a Carousel
- Adding a Lightbox Plugin
- Font Awesome
Lesson 4: This week's discussions and resources
-
1
Readings
-
1
Discussion
1
Discussions
- What "extras" are you thinking about?
1
Readings
- Week three questions and answers
This week's discussions and resources
-
1
Readings
-
1
Discussion
1
Discussions
- Where are you hosting your site?
1
Readings
- Week four questions and answers
Lesson 1: Review your work
-
2
Readings
2
Readings
- Why Validate?
- Creating a screen capture video (Optional)
Lesson 2: This week's discussions and resources
-
1
Readings
-
1
Discussion
1
Discussions
- Validation Issues?? Put them here!
1
Readings
- Week five questions and answers
Lesson 3: Early peer feedback on your work (OPTIONAL)
-
2
Readings
-
3
PeerReview
-
1
ExternalTool
1
External Tool
- Optional assignment submission for auditing learners
3
Peer Review
- Option 1: Demo your portfolio (coded from scratch)
- Option 2: Demo your portfolio (designed from a template)
- Option 3: Demo your portfolio (designed using a framework)
2
Readings
- Submitting and reviewing in-progress projects
- Notice for auditing learners
Lesson 1: This week's discussions and resources
-
1
Readings
1
Readings
- Week six questions and answers
Lesson 2: Submit your final portfolio project
-
2
Readings
-
3
PeerReview
-
1
ExternalTool
1
External Tool
- Optional assignment submission for auditing learners
3
Peer Review
- Option 1: Demo you portfolio (designed from scratch)
- Option 2: Demo your portfolio (designed from a template)
- Option 3: Demo your portfolio (designed using a framework)
2
Readings
- Portfolio Grading Rubric
- Notice for auditing learners
Lesson 3: Closing
-
1
Videos
-
1
Readings
1
Videos
- Congratulations!
1
Readings
- Post-Course Survey
Auto Summary
"Web Design for Everybody Capstone" is an IT & Computer Science course by Coursera, focused on creating a high-quality web portfolio. It emphasizes responsive design, validation, and accessibility standards. The course spans 1020 minutes and includes peer and assistant reviews. Ideal for those who completed the initial four courses in the specialization, it offers Starter and Professional subscription options. Perfect for learners eager to enhance their web design skills.
Colleen van Lent, Ph.D.
Charles Russell Severance