К содержимому
learnspaceYOUR NEXT CHAPTER
ПРОСТРАНСТВО ОБУЧЕНИЯ
ГлавнаяКаталог курсовМоё обучениеCoursera

Знания без границ

Учитесь у лучших университетов и компаний мира.

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
Front-End Development Capstone Project · LearnSpace
Назад в каталог
courseraПрограммирование

Front-End Development Capstone Project

Курс от IBM
Продвинутый≈ 21.2 чАнглийский
О курсеНавыкиПрограммаПреподаватели

О курсе

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.

Навыки, которые вы освоите

React.jsCascading Style Sheets (CSS)Git (Version Control System)UI ComponentsHTML and CSSGitHubApplication DeploymentFront-End Web DevelopmentFigma (Design Software)Frontend IntegrationUI/UX StrategyMockupsWeb DevelopmentVersion ControlUser Interface (UI)Web Design and DevelopmentUser Interface and User Experience (UI/UX) DesignWeb ComponentsSoftware DevelopmentWeb Design

Программа курса

6 модулей · 48 учебных материалов

01Getting Started with the Capstone12 материалов

Course Overview

Course IntroductionВидеоHelpful Tips for Successfully Completing the CourseЧтениеPrerequisites and Course SyllabusЧтение

Introduction to the Capstone Project

Project OverviewВидео

Учитесь у экспертов

IBM Skills Network Team

Преподаватель курса

Ramanujam Srinivasan

Преподаватель курса

Front-End Development Capstone Project
В каталоге вашей программы

Инвестируйте в себя

Новые знания — в удобное для вас время.

Начать на Coursera

Обучение откроется на Coursera
в новой вкладке

Обучение на Coursera

≈ 21.2 ч

6 модулей

Язык: Английский

Субтитры: Арабский, Французский, Бенгальский, Узбекский, Украинский, Китайский (Китай), Греческий, Итальянский, Бразильский португальский, Вьетнамский, Нидерландский, Корейский, Немецкий, Пушту, Урду, Русский, Тайский, Индонезийский, Шведский, Турецкий, Азербайджанский, Испанский, Дари, Хинди, Японский, Казахский, Венгерский, Польский

Часть программы вашего университета
Project ScenarioPLUGIN
Resources to Support Successful Project CompletionЧтение
Reading: Capstone Project Reference: Git Commands PLUGIN
Reading: Capstone Project Technical ReferencePLUGIN

Designing the Website Layouts

Tasks Overview: Designing the Website LayoutsPLUGINHands-on Lab: Create Mockup Designs for Website LayoutsPLUGINModule 1 Checklist: Designing the Website LayoutsЗаданиеModule 1 Graded Quiz: Getting Started with the CapstoneЗадание
02Developing Static Website Pages using HTML & CSS6 материалов

Setting Up the GitHub Repository

Tasks Overview: Setting Up the GitHub RepositoryPLUGINHands-on Lab: Create GitHub Repository for your ProjectВнешний инструмент

Developing Static Website Layouts

Tasks Overview: Developing Static Website LayoutsPLUGINHands-on Lab: Build Static Website LayoutsВнешний инструментModule 2 Checklist: Developing Static Website Pages using HTML & CSSЗаданиеModule 2 Graded Quiz: Developing Static Website Pages using HTML & CSSЗадание
03Developing Dynamic React Components - Part I11 материалов

Setting Up the React Environment

Tasks Overview: Setting Up the React EnvironmentPLUGINHands-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

Local Storage and Session StoragePLUGINTasks Overview: Converting Static Website Pages to Dynamic React Components PLUGINHands-on Lab: Convert Static Pages to Dynamic React ComponentsВнешний инструмент

Building and Integrating Dynamic React Components

Tasks Overview: Building and Integrating Dynamic React ComponentsPLUGINHands-on Lab: Integrate Existing FunctionalityВнешний инструментHands-on Lab: Build the Appointment Booking ComponentВнешний инструментModule 3 Checklist: Developing Dynamic React Components - Part IЗаданиеModule 3 Graded Quiz: Developing Dynamic React Components - Part I Задание
04Developing Dynamic React Components – Part II8 материалов

Building the Notification Component

Tasks Overview: Building the Notification ComponentPLUGINHands-on Lab: Build the Notification ComponentВнешний инструмент

Building the Reviews Component

Tasks Overview: Building the Reviews ComponentPLUGINHands-on Lab: Build the Reviews ComponentВнешний инструмент

Building the Profile Component

Tasks Overview: Building the Profile ComponentPLUGINHands-on Lab: Build the Profile ComponentВнешний инструментModule 4 Checklist: Developing Dynamic React Components – Part IIЗаданиеModule 4 Graded Quiz: Developing Dynamic React Components – Part IIЗадание
05Building, Deploying, and Updating the Website6 материалов

Building and Deploying the Website

Tasks Overview: Building and Deploying the WebsitePLUGINHands-on Lab: Build and Deploy the WebsiteВнешний инструмент

Making Changes and Updating the Website Post Production

Tasks Overview: Making Changes and Updating the Website Post ProductionPLUGINHands-on Lab: Update Components and Redeploy the WebsiteВнешний инструментModule 5 Checklist: Update Components and Redeploy the WebsiteЗаданиеModule 5 Graded Quiz: Building, Deploying, and Updating the WebsiteЗадание
06Final Project Submission and Peer Review5 материалов

Option 1 and Option 2 Submission

Final Submission ChecklistPLUGINOption 1: AI-Graded Submission and EvaluationВнешний инструментOption 2: Peer-Graded Submission and EvaluationВзаимная проверка

Course Wrap-Up

Congratulations & Next StepsЧтениеThanks from the Course TeamЧтение