We may earn an affiliate commission when you visit our partners.
Course image
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.

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.

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.

Enroll now

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

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

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

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

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.
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 concise and practical guide to JavaScript. It covers the essential concepts of JavaScript, such as variables, functions, objects, and arrays.
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.
Provides a practical introduction to JavaScript for web designers, with a focus on using JavaScript to enhance user experience.
Great resource for learning about the principles of design, and it can be applied to the design of websites as well as other products.
Comprehensive guide to web development, and it covers a wide range of topics, from HTML and CSS to JavaScript and PHP.
Provides a beginner-friendly guide to web accessibility. It covers topics such as accessibility guidelines, assistive technologies, and how to make your website accessible.
Great resource for learning how to optimize websites for search engines.

Share

Help others find this course page by sharing it with your friends and followers:

Similar courses

Here are nine courses similar to Web Design for Everybody Capstone.
Advanced Styling with Responsive Design
Most relevant
Introduction to CSS3
Most relevant
Disability Awareness and Support
Meeting Web Accessibility Guidelines (Section 508/ WCAG...
Front-End Web UI Frameworks and Tools
Basics of Inclusive Design for Online Education
Accessibility: Testing and Screen Reader Use
Responsive Website Development and Design Capstone
Front-End Development Capstone Project
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