IBM
Front-End Development Capstone Project
IBM

Front-End Development Capstone Project

This course is part of IBM Front-End Developer Professional Certificate

Taught in English

Some content may not be translated

IBM Skills Network Team
Richa Arora

Instructors: IBM Skills Network Team

3,685 already enrolled

Included with Coursera Plus

Course

Gain insight into a topic and learn the fundamentals

4.2

(18 reviews)

Advanced level

Recommended experience

20 hours (approximately)
Flexible schedule
Learn at your own pace

What you'll learn

  • Apply your UI/UX design and Figma skills to demonstrate your proficiency in designing the layouts for various components of a responsive website

  • Develop static website pages and integrate them into the Landing page while demonstrating your expertise in HTML and CSS.

  • Demonstrate your React proficiency to create dynamic react components and convert static pages into a responsive website

  • Apply your GitHub concepts and skills along with the software development process to build, deploy, and update a fully functional website

Details to know

Shareable certificate

Add to your LinkedIn profile

Assessments

10 assignments

Course

Gain insight into a topic and learn the fundamentals

4.2

(18 reviews)

Advanced level

Recommended experience

20 hours (approximately)
Flexible schedule
Learn at your own pace

See how employees at top companies are mastering in-demand skills

Placeholder

Build your Mobile and Web Development expertise

This course is part of the IBM Front-End Developer Professional Certificate
When you enroll in this course, you'll also be enrolled in this Professional Certificate.
  • Learn new concepts from industry experts
  • Gain a foundational understanding of a subject or tool
  • Develop job-relevant skills with hands-on projects
  • Earn a shareable career certificate from IBM
Placeholder
Placeholder

Earn a career certificate

Add this credential to your LinkedIn profile, resume, or CV

Share it on social media and in your performance review

Placeholder

There are 6 modules in this course

In this module, you will start with an overview of different tasks in the Capstone project and understand the business requirements to develop a website through a project scenario. You will then initiate the project’s design phase by creating mockups for website layouts using Figma, including Navigation Bar, Sign Up, Login, Appointment Booking, and Reviews.

What's included

2 videos3 readings2 assignments5 plugins

In this module, you will start your journey into developing the website. You will create a repository for your project using forking. You will then clone the repository to the lab environment. After the lab environment is set up, you will create layouts, including the Navigation Bar, Sign-up form, and Login form, and apply styling to static website pages using HTML and CSS. Finally, you will test the static components.

What's included

2 assignments2 app items2 plugins

In this module, you will start working with React to build and manage dynamic components. As a first step, you will set up the React project and establish the required database connectivity, which is required for a few of the website components to function. You will then convert the static pages to dynamic React components and test them. You will also create the first dynamic React component for the project. Finally, you will integrate an existing dynamic React component and customize it based on your color scheme and theme for the website.

What's included

2 assignments5 app items4 plugins

In this module, you will continue developing dynamic React components. You will also test each component to ensure they are working as expected.

What's included

2 assignments3 app items3 plugins

In this module, you will integrate all components and test the website’s functionality. Then, you will deploy the website. After deploying, you will make changes to the website components to add meta tags for SEO in the index.html file for the project and redeploy the website.

What's included

2 assignments2 app items2 plugins

In the final module, you will need to submit the screenshots from the hands-on labs for peers to review. You will submit GitHub repository links to enable peers to review your code. After you submit your project, you will need to review and grade one of your peer’s submissions.

What's included

2 readings1 peer review

Instructors

IBM Skills Network Team
IBM
58 Courses829,334 learners
Richa Arora
IBM
6 Courses61,268 learners

Offered by

IBM

Recommended if you're interested in Mobile and Web Development

Why people choose Coursera for their career

Felipe M.
Learner since 2018
"To be able to take courses at my own pace and rhythm has been an amazing experience. I can learn whenever it fits my schedule and mood."
Jennifer J.
Learner since 2020
"I directly applied the concepts and skills I learned from my courses to an exciting new project at work."
Larry W.
Learner since 2021
"When I need courses on topics that my university doesn't offer, Coursera is one of the best places to go."
Chaitanya A.
"Learning isn't just about being better at your job: it's so much more than that. Coursera allows me to learn without limits."

New to Mobile and Web Development? Start here.

Placeholder

Open new doors with Coursera Plus

Unlimited access to 7,000+ world-class courses, hands-on projects, and job-ready certificate programs - all included in your subscription

Advance your career with an online degree

Earn a degree from world-class universities - 100% online

Join over 3,400 global companies that choose Coursera for Business

Upskill your employees to excel in the digital economy

Frequently asked questions