Back to Catalog

Front-End Development Capstone Project

Learn on

Coursera logo
AdvancedCourse

Enhance your expertise in advanced front-end web development through a focused capstone project. Master cloud development skills using HTML, CSS, and React while integrating cutting-edge web technologies. Develop your ability to create seamless user interfaces by utilizing comprehensive web development frameworks. Elevate your capabilities in front-end and cloud environments to deliver high-quality web solutions.

4.6 (53 Reviews)

Language

  • English

Topic

  • Cloud Development

Industries

  • Information Technology

Enrollment Count

  • 5.09K

Skills You Will Learn

  • HTML, CSS, React, Front-End Development, Web Development

Offered By

  • IBMSkillsNetwork

Estimated Effort

  • 3 weeks, 20 hrs

Platform

  • Coursera

Last Update

  • May 31, 2025
About this Course
According to internetlivestats.com, there are over 1.58 billion websites of which 200 million are active websites. This number is constantly growing with most businesses leaning towards building their own websites or enhancing them. This requires skilled web developers to get the job done. 
 
In this capstone project to the IBM Front-End Developer Professional Certificate you will use all of the design and coding skills you gained through the program to implement a responsive website. Not only will this hands-on experience help you gain confidence and comfort in building websites, but your will have a portfolio of examples to show employers. 
 
In this five-week capstone project, you will design and develop website component layouts and push them to a GitHub repository. The comprehensive website you build will use HTML, CSS, and React.  
This capstone project is an advanced level course that builds upon what was learned in the previous courses in the e IBM Front-End Developer Professional Certificate. It is highly recommended that learners complete all prior courses in the program, or possess equivalent knowledge, before launching this capstone project. 
 
Course Syllabus
Module 1: Getting Started with the Capstone
  • Lesson 0: Course Overview
  • Lesson 1: Introduction to the Capstone Project
  • Lesson 2: Designing Website Layouts
Module 2: Developing Static Website Pages using HTML & CSS
  • Lesson 1: Setting Up the GitHub Repository
  • Lesson 2: Developing Static Website Layouts
Module 3: Developing Dynamic React Components – Part I
  • Lesson 1: Setting Up the React Environment
  • Lesson 2: Converting Static Website Pages to Dynamic Components
  • Lesson 3: Building and Integrating Dynamic React Components
Module 4: Developing Dynamic React Components – Part II
  • Lesson 1: Building the Notification Component
  • Lesson 2: Building the Reviews Component
  • Lesson 3: Building the Profile Component
Module 5: Building, Deploying, and Updating the Website
  • Lesson 1: Building and Deploying the Website
  • Lesson 2: Making Changes and Updating the Website Post Production
Module 6: Final Project Submission and Peer Review
  • Lesson 1: Submit Your Project and Grade Peer Submission
  • Lesson 2: Course Wrap-Up

Instructors

Richa Arora

Developer

I am a seasoned full-stack developer with over 11 years of experience, specializing in MERN and MEVN stacks. My mission is to empower students by simplifying complex technical concepts and guiding them on an exciting journey from the basics to advanced levels. With a strong focus on clear explanations and hands-on projects, I aim to make learning web development both enjoyable and rewarding for aspiring developers.

Read more