We may earn an affiliate commission when you visit our partners.
Colleen van Lent, Ph.D.
and
Charles Russell Severance
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.
Read more
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.
Read more
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.
Register for this course and see more details by visiting:
OpenCourser.com/course/jnmkg8/web
Three deals to help you save
We found three deals and offers that may be relevant to this course.
Save money when you learn.
All coupon codes, vouchers, and discounts are applied automatically unless otherwise noted.
Valid until December 12
Annual Subscription Savings
Unlock programs from Google, Microsoft, and IBM and join 77% of learners who reported positive career outcomes.
Only $239!
Valid for a limited time only
Future-proof your career
Access O'Reilly books, live events, courses, and more. Save with an annual subscription.
Take
15%
off
What's inside
Syllabus
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.
Read more
Syllabus
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.
Read more
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.
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.
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.
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.
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!!
Good to know
Good to know
Know what's good ,
what to watch for , and
possible dealbreakers
Taught by Charles Russell Severance and Colleen van Lent, Ph.D., who are experts in the field of web design
Builds a strong foundation of practical web design skills and portfolio creation
Offers opportunities for peer review and feedback, which can help students gain valuable insights and improve their work
Requires students to have completed four prerequisite courses in web design, which may limit accessibility for beginners
Focuses primarily on building a web portfolio, which may not be suitable for learners interested in a comprehensive understanding of web design
Emphasizes mobile-first design, which is a trend but may not be suitable for all projects
Save this course
Save Web Design for Everybody Capstone to your list so you can find it easily later:
Save
Save
Reviews summary
A worthy capstone for web design newcomers
According to students, this course is an engaging capstone to the Web Design for Everybody specialization. Learners say it largely positive for building upon previous courses in the series and largely negative for not providing enough detailed feedback or guidance. Overall, students say this course provides a solid foundation in web design for beginners and helps them develop practical skills. However, learners note that having to rely on peer reviews can be disappointing and suggest having instructors provide feedback instead.
This capstone focuses on applying your skills to build a website.
"Excellent course for demonstrating the skills taught in this specialization."
"This capstone is a conclusion of all that was taught on previous modules."
"Amazing course. If you take this course as a beginner then fully recommendation from my side.This course abide us with the great knowledge."
Students review each other's work, which can be helpful for learning.
"peer Review system is the best , you can see what other peers have created and also you get many suggestions to improve."
"I am so grateful for the team who have been resourceful in lecturing and creating these course materials."
"Class lesson and content are awesome and very beneficial if your determined to learn."
The course may be outdated and lack current trends.
"I found this course very uninspiring and almost a waste of time."
"The course being blocked until certain start date, was not explained when I was purchasing the course as a specilicazationvery inconvenient and not fair for students who can't get their money back when the course isn't even available to complete"
"Good Specialization but it got old now Hope they update the course with new front end frameworks"
It is unclear what the evaluation criteria are for peer reviews.
"The problem is evaluation. Peers are not that experienced which is required for evaluation."
"A somewhat mixed opinion: on the positive side, I managed to make a site with a functional appearance while I knew almost nothing at the beginning of the specialization, I want to continue learning; on the negative side, it remains vague and verbose, like the previous modules, and the professor’s tone accentuates the difficulties rather than motivating them to overcome them."
"It seems to me a well-intentioned course, with a good original structure and contents made in 2016. After that, the course appears abandoned by the teacher and the institution, there are no updates unfortunately."
Activities
Be better prepared
before
your course. Deepen your understanding
during
and
after
it. Supplement your coursework and achieve mastery of the topics covered
in Web Design for Everybody Capstone with these
activities:
Organize Course Materials
Show steps
Compile and organize your course materials, including notes, assignments, and quizzes. This will help you stay organized and make it easier to review and retain information.
Show steps
-
Create folders and subfolders to categorize your materials.
-
Store your materials in a central location for easy access.
Review HTML Syntax
Show steps
Review the syntax and structure of HTML tags to refresh your memory and strengthen your understanding before starting the course.
Show steps
-
Go over the basic tags such as <html>, <head>, and <body>.
-
Review the syntax for common tags like <p>, <a>, and <img>.
-
Practice writing simple HTML code to create a basic web page.
Review CSS Selectors
Show steps
Review the different types of CSS selectors and their syntax. This will help you select and target specific elements in your HTML documents.
Browse courses on
CSS Selectors
Show steps
-
Go over the basic syntax for element, class, and ID selectors.
-
Practice using selectors to target specific elements in a web page.
Five other activities
Expand to see all activities and additional details
Show all eight activities
Design a Portfolio Layout
Show steps
Create a design layout for your portfolio. This will help you plan the structure, navigation, and overall look and feel of your site before you start coding.
Show steps
-
Sketch out a wireframe of your portfolio layout.
-
Choose a color scheme and typography for your site.
-
Consider the user experience and navigation flow.
Build a Simple Portfolio Site Tutorial
Show steps
Follow a guided tutorial to build a simple portfolio site. This will help you apply the concepts you learn in the course and gain hands-on experience.
Show steps
-
Choose a tutorial that aligns with your skill level and interests.
-
Follow the tutorial step-by-step to build a basic portfolio site.
-
Experiment with different design elements and features to customize your site.
Review Portfolio Designs with Peers
Show steps
Engage in peer review sessions to get feedback on your portfolio layout and design. This will help you identify areas for improvement and ensure your site meets industry standards.
Show steps
-
Share your portfolio layout with peers.
-
Provide constructive feedback on other students' designs.
-
Incorporate feedback into your own design.
Practice Coding Responsively
Show steps
Complete coding exercises and practice drills focused on implementing responsive design techniques. This will enhance your ability to create sites that adapt to different screen sizes.
Browse courses on
Responsive Design
Show steps
-
Use CSS media queries to adjust layout and styles based on screen size.
-
Test your designs on multiple devices to ensure they are responsive.
-
Fix any issues or bugs related to responsiveness.
Contribute to Open Source Web Projects
Show steps
Contribute to open source web projects on platforms like GitHub. This will provide you with hands-on experience working on real-world projects and collaborating with other developers.
Show steps
-
Find open source web projects that align with your interests and skills.
-
Contribute code, documentation, or issue reports to the projects.
-
Engage with the project community and learn from other contributors.
Organize Course Materials
Show steps
Compile and organize your course materials, including notes, assignments, and quizzes. This will help you stay organized and make it easier to review and retain information.
Show steps
Show steps
Show steps
- Create folders and subfolders to categorize your materials.
- Store your materials in a central location for easy access.
Review HTML Syntax
Show steps
Review the syntax and structure of HTML tags to refresh your memory and strengthen your understanding before starting the course.
Show steps
Show steps
Show steps
- Go over the basic tags such as <html>, <head>, and <body>.
- Review the syntax for common tags like <p>, <a>, and <img>.
- Practice writing simple HTML code to create a basic web page.
Review CSS Selectors
Show steps
Review the different types of CSS selectors and their syntax. This will help you select and target specific elements in your HTML documents.
Browse courses on
CSS Selectors
Show steps
Show steps
Show steps
- Go over the basic syntax for element, class, and ID selectors.
- Practice using selectors to target specific elements in a web page.
Five other activities
Expand to see all activities and additional details
Show all eight activities
Design a Portfolio Layout
Show steps
Create a design layout for your portfolio. This will help you plan the structure, navigation, and overall look and feel of your site before you start coding.
Show steps
Show steps
Show steps
- Sketch out a wireframe of your portfolio layout.
- Choose a color scheme and typography for your site.
- Consider the user experience and navigation flow.
Build a Simple Portfolio Site Tutorial
Show steps
Follow a guided tutorial to build a simple portfolio site. This will help you apply the concepts you learn in the course and gain hands-on experience.
Show steps
Show steps
Show steps
- Choose a tutorial that aligns with your skill level and interests.
- Follow the tutorial step-by-step to build a basic portfolio site.
- Experiment with different design elements and features to customize your site.
Review Portfolio Designs with Peers
Show steps
Engage in peer review sessions to get feedback on your portfolio layout and design. This will help you identify areas for improvement and ensure your site meets industry standards.
Show steps
Show steps
Show steps
- Share your portfolio layout with peers.
- Provide constructive feedback on other students' designs.
- Incorporate feedback into your own design.
Practice Coding Responsively
Show steps
Complete coding exercises and practice drills focused on implementing responsive design techniques. This will enhance your ability to create sites that adapt to different screen sizes.
Browse courses on
Responsive Design
Show steps
Show steps
Show steps
- Use CSS media queries to adjust layout and styles based on screen size.
- Test your designs on multiple devices to ensure they are responsive.
- Fix any issues or bugs related to responsiveness.
Contribute to Open Source Web Projects
Show steps
Contribute to open source web projects on platforms like GitHub. This will provide you with hands-on experience working on real-world projects and collaborating with other developers.
Show steps
Show steps
Show steps
- Find open source web projects that align with your interests and skills.
- Contribute code, documentation, or issue reports to the projects.
- Engage with the project community and learn from other contributors.
Career center
Learners who complete Web Design for Everybody Capstone will develop knowledge and skills
that may be useful to these careers:
Web Developer
Web Developer
Web Developers are responsible for designing, developing, and maintaining websites. This course provides a solid foundation in the core technologies used in web development, including HTML5, CSS3, JavaScript, and responsive design. Students will learn how to create accessible and user-friendly websites that meet the needs of diverse users. This course will be particularly valuable for those who wish to pursue a career as a Web Developer.
Front-End Developer
Front-End Developer
Front-End Developers focus on the user-facing side of websites, ensuring that they are visually appealing, easy to use, and responsive across different devices. This course covers the essential skills needed for Front-End Development, including HTML5, CSS3, JavaScript, and responsive design. Students will learn how to create interactive and engaging websites that provide a seamless user experience.
User Experience (UX) Designer
User Experience (UX) Designer
UX Designers are responsible for creating user-centered designs that enhance the overall user experience of websites and applications. This course provides a strong foundation in the principles of UX design, including user research, prototyping, and usability testing. Students will learn how to design websites and applications that are both visually appealing and functional, meeting the needs of users.
UI Designer
UI Designer
UI Designers focus on the visual elements of websites and applications, ensuring that they are visually appealing and consistent with the brand's identity. This course covers the fundamental principles of UI design, including color theory, typography, and layout. Students will learn how to create visually appealing and effective user interfaces that enhance the overall user experience.
Web Designer
Web Designer
Web Designers are responsible for the overall design and layout of websites, ensuring that they are visually appealing, user-friendly, and consistent with the brand's identity. This course provides a comprehensive overview of the principles of web design, including typography, color theory, and layout. Students will learn how to create visually appealing and effective websites that meet the needs of users.
Content Manager
Content Manager
Content Managers are responsible for creating, managing, and maintaining the content on websites. This course provides a solid foundation in the principles of content management, including content strategy, content creation, and content marketing. Students will learn how to create high-quality content that is both informative and engaging for website visitors.
Digital Marketing Specialist
Digital Marketing Specialist
Digital Marketing Specialists are responsible for developing and executing digital marketing campaigns to promote products and services online. This course provides a comprehensive overview of the principles of digital marketing, including search engine optimization (SEO), social media marketing, and email marketing. Students will learn how to create and implement effective digital marketing campaigns that reach the target audience and achieve business goals.
Marketing Manager
Marketing Manager
Marketing Managers are responsible for developing and implementing marketing strategies to promote products and services. This course provides a solid foundation in the principles of marketing, including market research, product development, and pricing. Students will learn how to develop and implement effective marketing strategies that achieve business goals.
Project Manager
Project Manager
Project Managers are responsible for planning, organizing, and executing projects to achieve specific goals. This course provides a comprehensive overview of the principles of project management, including project planning, risk management, and stakeholder management. Students will learn how to manage projects effectively to deliver successful outcomes.
Software Engineer
Software Engineer
Software Engineers are responsible for designing, developing, and maintaining software applications. This course provides a strong foundation in the principles of software engineering, including software design, software development, and software testing. Students will learn how to design, develop, and test software applications that meet the needs of users.
Computer Programmer
Computer Programmer
Computer Programmers are responsible for writing and maintaining computer code to create software applications. This course provides a solid foundation in the principles of computer programming, including programming languages, data structures, and algorithms. Students will learn how to write and maintain computer code that is efficient, reliable, and maintainable.
Database Administrator
Database Administrator
Database Administrators are responsible for managing and maintaining databases to ensure that they are secure, reliable, and performant. This course provides a solid foundation in the principles of database management, including database design, database administration, and database security. Students will learn how to manage and maintain databases to meet the needs of users.
Systems Analyst
Systems Analyst
Systems Analysts are responsible for analyzing and designing business systems to meet the needs of organizations. This course provides a solid foundation in the principles of systems analysis, including business process analysis, systems design, and systems implementation. Students will learn how to analyze and design business systems that are efficient, effective, and meet the needs of users.
Technical Writer
Technical Writer
Technical Writers are responsible for creating and maintaining technical documentation to help users understand and use products and services. This course provides a solid foundation in the principles of technical writing, including technical writing principles, technical writing tools, and technical writing style. Students will learn how to create and maintain technical documentation that is clear, concise, and easy to understand.
Instructional Designer
Instructional Designer
Instructional Designers are responsible for designing and developing educational materials to facilitate learning. This course provides a solid foundation in the principles of instructional design, including learning theory, instructional design models, and instructional design tools. Students will learn how to design and develop educational materials that are effective and engaging for learners.
For more career information including salaries, visit:
OpenCourser.com/course/jnmkg8/web
Reading list
We've selected 21 books
that we think will supplement your
learning. Use these to
develop background knowledge, enrich your coursework, and gain a
deeper understanding of the topics covered in
Web Design for Everybody Capstone.
Provides an introduction to HTML5, CSS3, JavaScript, and jQuery and includes hands-on tutorials and projects to practice your new skills.
Comprehensive reference guide to HTML and CSS. It provides detailed explanations of all the HTML and CSS elements, attributes, and properties.
Provides a comprehensive overview of the principles, tools, and techniques involved in web design. It covers topics such as HTML, CSS, JavaScript, and web design principles.
Provides a comprehensive guide to responsive web design, from planning and design to coding and testing.
Save
Provides a concise and practical guide to JavaScript. It covers the essential concepts of JavaScript, such as variables, functions, objects, and arrays.
Must-read for anyone who wants to learn how to design usable websites.
Classic in the field of user experience design, and it provides valuable insights into how to design websites that are both usable and enjoyable to use.
Provides a comprehensive overview of HTML and CSS, covering the basics as well as more advanced techniques.
Provides a practical guide to the principles of beautiful web design. It covers topics such as typography, color theory, and layout.
Provides a comprehensive guide to user interface design for web and mobile. It covers topics such as user research, wireframing, and prototyping.
Provides a comprehensive guide to web design with Bootstrap 4. It covers topics such as Bootstrap components, layout, and styling.
Save
Provides a practical introduction to JavaScript for web designers, with a focus on using JavaScript to enhance user experience.
Provides a comprehensive guide to web development with Node.js and Express. It covers topics such as Node.js fundamentals, Express.js, and building a web application.
Classic in the software development field, and it provides valuable advice on how to become a more effective programmer.
Great resource for learning about the principles of design, and it can be applied to the design of websites as well as other products.
Save
Comprehensive guide to web development, and it covers a wide range of topics, from HTML and CSS to JavaScript and PHP.
Beginner-friendly guide to web design. It provides step-by-step instructions on how to create a website, from choosing a domain name to publishing your site.
Provides a beginner-friendly guide to web accessibility. It covers topics such as accessibility guidelines, assistive technologies, and how to make your website accessible.
Save
Beginner-friendly guide to web design and development. It covers topics such as HTML, CSS, JavaScript, and web design principles.
Save
Great resource for learning how to optimize websites for search engines.
Comprehensive guide to CSS, and it covers a wide range of topics, from basic syntax to advanced techniques.
For more information about how these books relate to this course, visit:
OpenCourser.com/course/jnmkg8/web
Share
Similar courses
Here are nine courses similar to
Web Design for Everybody Capstone.
Advanced Styling with Responsive Design
OpenCourser.com/course/k6b1c3/advanced
Advanced Styling with Responsive Design
Most relevant
Introduction to CSS3
OpenCourser.com/course/uugp68/introduction
Introduction to CSS3
Most relevant
Disability Awareness and Support
OpenCourser.com/course/adjpqy/disability
Disability Awareness and Support
Meeting Web Accessibility Guidelines (Section 508/ WCAG 2.1)
OpenCourser.com/course/l41evd/meeting
Meeting Web Accessibility Guidelines (Section 508/ WCAG...
Front-End Web UI Frameworks and Tools
OpenCourser.com/course/4eumpp/coursera
Front-End Web UI Frameworks and Tools
Basics of Inclusive Design for Online Education
OpenCourser.com/course/jq61tr/basics
Basics of Inclusive Design for Online Education
Accessibility: Testing and Screen Reader Use
OpenCourser.com/course/w8vp47/accessibility
Accessibility: Testing and Screen Reader Use
Responsive Website Development and Design Capstone
OpenCourser.com/course/9gce6l/responsive
Responsive Website Development and Design Capstone
Front-End Development Capstone Project
OpenCourser.com/course/78t72p/front
Front-End Development Capstone Project
Effort
6 weeks of study, 6-8 hours/week
Level
Introductory
Via
Coursera
Institution
University of Michigan
Instructors
Colleen van Lent, Ph.D.
Charles Russell Severance
Language
English
Transcripts
Español
Français
Português
Deutsch
Italiano
中文
العربية
한국어
日本語
हिंदी
Nederlands
Svenska
Pусский
Türkçe
Polski
Ελληνικά
українська мова
magyar nyelv
Bahasa Indonesia
ไทย
қазақша
اُردُو,
فارسی
বাংলা
tiếng Việt
پښتو
آذربایجان دیلی
This course belongs to a
collection
called
Web Design for Everybody: Basics of Web Development & Coding. It's comprised of five courses:
- Web Design for Everybody Capstone (viewing)
- Advanced Styling with Responsive Design
- Introduction to CSS3
- Interactivity with JavaScript
- Introduction to HTML5
Good to know
Taught by Charles Russell Severance and Colleen van Lent, Ph.D., who are experts in the field of web design
Builds a strong foundation of practical web design skills and portfolio creation
Offers opportunities for peer review and feedback, which can help students gain valuable insights and improve their work
Requires students to have completed four prerequisite courses in web design, which may limit accessibility for beginners
Focuses primarily on building a web portfolio, which may not be suitable for learners interested in a comprehensive understanding of web design
Emphasizes mobile-first design, which is a trend but may not be suitable for all projects
Our mission
OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.
Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.
Find this site helpful? Tell a friend about us.
Affiliate disclosure
We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.
Your purchases help us maintain our catalog and keep our servers humming without ads.
Thank you for supporting OpenCourser.
© 2016 - 2024 OpenCourser