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.
Front-End Development Capstone Project
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
Instructors: IBM Skills Network Team
3,133 already enrolled
Included with 
Course
Gain insight into a topic and learn the fundamentals
4.2
(12 reviews)
Advanced level
Recommended experience
19 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
Skills you'll gain
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
(12 reviews)
Advanced level
Recommended experience
19 hours (approximately)
Flexible schedule
Learn at your own pace
See how employees at top companies are mastering in-demand skills
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
Earn a career certificate
Add this credential to your LinkedIn profile, resume, or CV
Share it on social media and in your performance review
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 videos2 readings2 assignments3 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 assignments4 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
Offered by
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.
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
Access to lectures and assignments depends on your type of enrollment. If you take a course in audit mode, you will be able to see most course materials for free. To access graded assignments and to earn a Certificate, you will need to purchase the Certificate experience, during or after your audit. If you don't see the audit option:
The course may not offer an audit option. You can try a Free Trial instead, or apply for Financial Aid.
The course may offer 'Full Course, No Certificate' instead. This option lets you see all course materials, submit required assessments, and get a final grade. This also means that you will not be able to purchase a Certificate experience.
When you enroll in the course, you get access to all of the courses in the Certificate, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile. If you only want to read and view the course content, you can audit the course for free.
If you subscribed, you get a 7-day free trial during which you can cancel at no penalty. After that, we don’t give refunds, but you can cancel your subscription at any time. See our full refund policy.