We may earn an affiliate commission when you visit our partners.
Course image
Dr Matthew Yee-King and Dr James Ohene-Djan

For your Responsive Website Development and Design Specialization Capstone Project, you will create a complete, responsive, multi-user, data-driven website which aims to solve a particular problem. We encourage you to create a website addressing a problem that you are interested in! However, if you don’t have an idea of your own, we have several that we will suggest in the course.

Read more

For your Responsive Website Development and Design Specialization Capstone Project, you will create a complete, responsive, multi-user, data-driven website which aims to solve a particular problem. We encourage you to create a website addressing a problem that you are interested in! However, if you don’t have an idea of your own, we have several that we will suggest in the course.

In the capstone project, you will:

1. Develop a complete website using the full range of skills learned during the specialisation

2. Work through a structured process from idea generation to product delivery

3. Document and receive feedback on the development of your project from an idea to a fully functional piece of software in a series of structured assignments including peer interactions

Participation in or completion of this online course will not confer academic credit for University of London programmes.

Enroll now

What's inside

Syllabus

What's the Idea?
Welcome to the first module of 'Responsive Website Development and Design Capstone!'. In this module you will define what the end point is for your project, brainstorm ideas about your project and conduct a SWOT analysis to clarify aspects of your ideas. In addition, you will define a target audience and list the 4 Ps: Price, Product, Place and Promotion. Finally, you will identify key resources needed for your project and will develop a high level project timeline.
Read more
Pitching your Idea
Welcome to the second module of 'Responsive Website Development and Design Capstone!'. By the end of this module, you will transition your idea from the abstract to the concrete, use process analysis to identify the main processes people can carry out in your application and identify primary and secondary processes. In addition, you will develop ideas about user experience through user journeys and describe processes as step by step procedures. Finally, you will be able to explain what an elevator pitch is.
Digitising the Idea
Welcome to the third module of 'Responsive Website Development and Design Capstone!' By the end of this module you will have, put your idea into a digital format, explained the purpose of a site skeleton and defined paths through your site skeleton. In addition, you will have made design wireframes for key pages in your application and developed ideas about the look and feel for your application.
Building the App I
Welcome to the fourth module of 'Responsive Website Development and Design Capstone!'. In this module you will describe the iterated project lifestyle, understand the purposes of backup and version control and list the reasons for using APIs. You will also share the experience of development and describe black box user testing using user pathways. Finally, you will use your digitised idea to create weekly tasks, carry out weekly reviews and use basic git and github functionality.
Building the App II
Welcome to the fifth module of 'Responsive Website Development and Design Capstone!'. This is the second module covering the app development process. As in the previous module, In this module you will describe the iterated project lifestyle, understand the purposes of backup and version control and list the reasons for using APIs. You will also share the experience of development and describe black box user testing using user pathways. Finally, you will use your digitised idea to create weekly tasks, carry out weekly reviews and use basic git and github functionality.
Presenting your project
Welcome to the final module of 'Responsive Website Development and Design Capstone!'.In this module you will list the typical components of a technical showcase, consider how to pitch a technical presentation and use the key processes from the design phase to demonstrate your software. Finally, you will explain the basics of user surveys and understand the value of user feedback.

Good to know

Know what's good
, what to watch for
, and possible dealbreakers
Develops skills that are standard in industry
Builds a strong foundation for beginners
Taught by Dr Matthew Yee-King and Dr James Ohene-Djan, who are recognized for their work in software design
Teaches skills that are relevant to UX design
Teaches skills that are relevant to web development
Offers hands-on labs and interactive materials

Save this course

Save Responsive Website Development and Design Capstone to your list so you can find it easily later:
Save

Reviews summary

Well-received course in responsive web design

Learners say this course is excellent and enjoyable. Students praise the clear and informative materials, the engaging assignments, and the knowledgeable instructor.
Assignments are interesting and help with learning.
"I found the assignments to be very engaging."
"The assignments helped me learn the material better."
Instructor is knowledgeable and helpful.
"The instructor is very knowledgeable and helpful."
Materials are clear and easy to understand.
"The materials are very clear and easy to understand."

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 Responsive Website Development and Design Capstone with these activities:
Review HTML elements
Refresher activity will strengthen foundational knowledge of HTML elements, making it easier to understand course concepts.
Browse courses on HTML Elements
Show steps
  • Identify and list common HTML elements, including semantic elements and their usage
  • Review the purpose and syntax of each HTML element
Solve CSS styling exercises
Regular practice will aid in mastering CSS styling techniques, leading to better website designs in the course.
Browse courses on CSS
Show steps
  • Find online CSS styling exercises or create your own
  • Apply CSS properties to style elements
  • Experiment with different CSS selectors and values to achieve desired effects
Follow tutorials on responsive design techniques
Following tutorials will expose learners to best practices and innovative techniques in responsive design, enhancing their projects.
Browse courses on Responsive Design
Show steps
  • Identify reputable online resources or platforms offering responsive design tutorials
  • Choose tutorials that align with the course's design principles and goals
  • Follow the tutorials step-by-step, implementing the techniques in your own projects
Three other activities
Expand to see all activities and additional details
Show all six activities
Design a landing page for a personal project
Creating a landing page will allow students to apply their skills in designing an effective and visually appealing user interface.
Browse courses on Landing Page Design
Show steps
  • Define the purpose and target audience of the landing page
  • Sketch out the layout and content of the landing page
  • Use HTML and CSS to create the landing page
  • Test the landing page on different devices and browsers
Participate in online forums for troubleshooting
Engaging with peers in online forums provides opportunities to learn from others' experiences and solutions.
Browse courses on Troubleshooting
Show steps
  • Identify relevant online forums or communities focused on the course topics
  • Actively participate in discussions, asking questions and sharing knowledge
  • Collaborate with peers to solve problems and find effective solutions
Consolidate and organize course materials
This task helps learners stay organized and focused by having all relevant materials in one place.
Browse courses on Organization
Show steps
  • Create a dedicated folder or online space to store all course materials
  • Sort and categorize materials according to modules, topics, or assignments
  • Review and update materials regularly, adding notes or annotations for better understanding

Career center

Learners who complete Responsive Website Development and Design Capstone will develop knowledge and skills that may be useful to these careers:
Full-Stack Developer
As a Full-Stack Developer, you will be responsible for both the front-end and back-end development of a website or web application. This course will give you the skills you need to build complete web applications from start to finish. You'll learn how to use a variety of programming languages and technologies to create responsive, interactive, and scalable web applications.
Web Developer
As a Web Developer, you will design, create, and maintain websites and web applications. This course will help you build a foundation in responsive web design, giving you the skills you need to create websites that look great and function well on all devices. You'll also learn how to work with data and create interactive user experiences.
Front-End Developer
As a Front-End Developer, you will be responsible for the look and feel of a website or web application. This course will teach you the skills you need to create beautiful and engaging user interfaces. You'll learn how to use HTML, CSS, and JavaScript to create responsive, interactive web pages.
UI Designer
As a UI Designer, you will be responsible for the look and feel of a website or web application. This course will teach you the skills you need to create beautiful and engaging user interfaces. You'll learn how to use design tools like Adobe Photoshop and Sketch to create prototypes and mockups.
UX Designer
As a UX Designer, you will be responsible for the user experience of a website or web application. This course will teach you the skills you need to design websites and web applications that are easy to use, navigate, and enjoyable. You'll learn how to conduct user research, create user personas, and design prototypes.
Back-End Developer
As a Back-End Developer, you will be responsible for the behind-the-scenes functionality of a website or web application. This course will teach you the skills you need to create scalable, efficient, and secure web applications. You'll learn how to use programming languages like Python and Java to build web applications that handle data, process requests, and interact with databases.
User Researcher
As a User Researcher, you will be responsible for conducting research about users to improve the user experience of a website or web application. This course will help you build a foundation in user research, giving you the skills you need to work on a variety of user research projects. You'll learn how to use tools and techniques to conduct user interviews, surveys, and usability tests.
Interaction Designer
As an Interaction Designer, you will be responsible for designing the interactions between users and a website or web application. This course will help you build a foundation in interaction design, giving you the skills you need to work on a variety of interaction design projects. You'll learn how to use tools and techniques to create user flows, prototypes, and mockups.
Software Engineer
As a Software Engineer, you will be responsible for designing, developing, and maintaining software applications. This course will help you build a foundation in software development, giving you the skills you need to work on a variety of software projects. You'll learn how to use programming languages like Python and Java to create software applications that are efficient, reliable, and secure.
Information Architect
As an Information Architect, you will be responsible for designing and organizing the information on a website or web application. This course will help you build a foundation in information architecture, giving you the skills you need to work on a variety of information architecture projects. You'll learn how to use tools and techniques to create sitemaps, wireframes, and taxonomies.
Technical Writer
As a Technical Writer, you will be responsible for creating documentation for software and other technical products. This course will help you build a foundation in technical writing, giving you the skills you need to work on a variety of technical writing projects. You'll learn how to write clear, concise, and accurate documentation that is easy to understand and follow.
Business Analyst
As a Business Analyst, you will be responsible for analyzing business needs and recommending solutions. This course will help you build a foundation in business analysis, giving you the skills you need to work on a variety of business analysis projects. You'll learn how to use tools and techniques to gather requirements, analyze data, and develop solutions.
Data Scientist
As a Data Scientist, you will be responsible for collecting, analyzing, and interpreting data. This course will help you build a foundation in data science, giving you the skills you need to work on a variety of data science projects. You'll learn how to use programming languages like Python and R to analyze data, build models, and make predictions.
Quality Assurance Analyst
As a Quality Assurance Analyst, you will be responsible for testing software and other products to ensure that they meet quality standards. This course will help you build a foundation in quality assurance, giving you the skills you need to work on a variety of quality assurance projects. You'll learn how to use tools and techniques to test software, identify defects, and report bugs.
Project Manager
As a Project Manager, you will be responsible for planning, executing, and closing projects. This course will help you build a foundation in project management, giving you the skills you need to work on a variety of projects. You'll learn how to use tools and techniques to plan projects, manage resources, and track progress.

Reading list

We've selected ten 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 Responsive Website Development and Design Capstone .
Provides a comprehensive guide to creating responsive websites using HTML5, CSS3 and JavaScript.
Classic guide to mobile-first web design, providing a step-by-step process for creating websites that are optimized for mobile devices.
Provides a comprehensive guide to user experience design for mobile devices, covering everything from user research to prototyping and testing.

Share

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

Similar courses

Here are nine courses similar to Responsive Website Development and Design Capstone .
Front-End Development Capstone Project
Most relevant
Internet of Things Capstone: Build a Mobile Surveillance...
Internet of Things Capstone V2: Build a Mobile...
Marketing Analytics Capstone Project
Tailwind CSS : A Modern Way To Build Websites Using CSS
Build Responsive Real-World Websites with HTML and CSS
Multicloud Foundations
Academic Skills for University Success: Capstone
WordPress Development with Bootstrap: The Complete Course
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