Monthly Subscription Starting at AED 99 + VAT

Front-End Development Capstone Project
  • Level Expert
  • المدة 19 ساعات hours
  • الطبع بواسطة IBM
  • Offered by

عن

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. A key objective of this capstone project is to help you get all your design and coding skills together to implement a responsive website. This will help you gain the confidence and comfort in building websites and better your job prospects. In this six-week capstone project, you will design and develop website component layouts and push it to a GitHub repository. Ready to enhance your professional portfolio with a comprehensive website built using HTML, CSS, and React? This capstone project will help you get closer to that goal! We assume that you have completed all the previous courses in the IBM Front-End Developer Professional Certificate.

الوحدات

Course Overview

    • 1 Videos
    • 2 Readings
Show info about module content

1 Videos

  • Course Introduction

2 Readings

  • Helpful Tips for Successfully Completing the Course
  • Prerequisites and Course Syllabus

Introduction to the Capstone Project

    • 1 Videos
    • 1 Readings
    • 3 Plugin
Show info about module content

1 Videos

  • Project Overview

1 Readings

  • Resources to Support Successful Project Completion

Designing the Website Layouts

    • 2 Plugin
    • 2 Assignment
Show info about module content

2 Assignment

  • Module 1 Checklist: Designing the Website Layouts
  • Module 1 Graded Quiz: Getting Started with the Capstone

Setting Up the GitHub Repository

    • 1 ExternalTool
    • 1 Plugin
Show info about module content

1 External Tool

  • Hands-on Lab: Create GitHub Repository for your Project

Developing Static Website Layouts

    • 1 ExternalTool
    • 1 Plugin
    • 2 Assignment
Show info about module content

2 Assignment

  • Module 2 Checklist: Developing Static Website Pages using HTML & CSS
  • Module 2 Graded Quiz: Developing Static Website Pages using HTML & CSS

1 External Tool

  • Hands-on Lab: Build Static Website Layouts

Setting Up the React Environment

    • 2 ExternalTool
    • 1 Plugin
Show info about module content

2 External Tool

  • Hands-on Lab: Set Up the React Project with Backend Connectivity
  • [Optional] Hands-on Lab: Create a React Project Using Vite

Converting Static Website Pages to Dynamic React Components

    • 1 ExternalTool
    • 2 Plugin
Show info about module content

1 External Tool

  • Hands-on Lab: Convert Static Pages to Dynamic React Components

Building and Integrating Dynamic React Components

    • 2 ExternalTool
    • 1 Plugin
    • 2 Assignment
Show info about module content

2 Assignment

  • Module 3 Checklist: Developing Dynamic React Components - Part I
  • Module 3 Graded Quiz: Developing Dynamic React Components - Part I

2 External Tool

  • Hands-on Lab: Integrate Existing Functionality
  • Hands-on Lab: Build the Appointment Booking Component

Building the Notification Component

    • 1 ExternalTool
    • 1 Plugin
Show info about module content

1 External Tool

  • Hands-on Lab: Build the Notification Component

Building the Reviews Component

    • 1 ExternalTool
    • 1 Plugin
Show info about module content

1 External Tool

  • Hands-on Lab: Build the Reviews Component

Building the Profile Component

    • 1 ExternalTool
    • 1 Plugin
    • 2 Assignment
Show info about module content

2 Assignment

  • Module 4 Checklist: Developing Dynamic React Components – Part II
  • Module 4 Graded Quiz: Developing Dynamic React Components – Part II

1 External Tool

  • Hands-on Lab: Build the Profile Component

Building and Deploying the Website

    • 1 ExternalTool
    • 1 Plugin
Show info about module content

1 External Tool

  • Hands-on Lab: Build and Deploy the Website

Making Changes and Updating the Website Post Production

    • 1 ExternalTool
    • 1 Plugin
    • 2 Assignment
Show info about module content

2 Assignment

  • Module 5 Checklist: Update Components and Redeploy the Website
  • Module 5 Graded Quiz: Building, Deploying, and Updating the Website

1 External Tool

  • Hands-on Lab: Update Components and Redeploy the Website

Submit Your Project and Grade Peer Submission

    • 1 PeerReview
Show info about module content

1 Peer Review

  • Submit Your Work and Grade Your Peers

Course Wrap-Up

    • 2 Readings
Show info about module content

2 Readings

  • Congratulations & Next Steps
  • Thanks from the Course Team

Auto Summary

Join the Front-End Development Capstone Project, an advanced six-week course designed for IT & Computer Science enthusiasts. Led by Coursera, this project helps you consolidate your design and coding skills to create a responsive website using HTML, CSS, and React. Perfect for enhancing your professional portfolio and job prospects, the course assumes prior completion of IBM's Front-End Developer Professional Certificate. Subscription options include Starter and Professional tiers. Ideal for expert-level learners aiming to excel in web development.

IBM Skills Network Team
Instructors

IBM Skills Network Team

Richa Arora
Instructors

Richa Arora