根据 internetlivestats.com 的统计,全球有超过 15.8 亿个网站,其中 2 亿个是活跃网站。随着大多数企业倾向于建立自己的网站或增强网站功能,这一数字还在不断增长。本毕业设计项目的一个主要目标是帮助你将所有的设计和编码技能结合起来,实现一个响应式网站。在这个为期六周的毕业设计项目中,你将设计和开发网站组件布局,并将其推送到 GitHub 存储库。 准备好通过使用 HTML、CSS 和 React 构建的综合网站来增强你的专业组合了吗?本毕业设计项目将帮助您实现这一目标!我们假定您已经完成了 IBM 前端开发员职业证书的所有前面课程。


您将学到什么
运用 UI/UX 设计和 Figma 技能,熟练设计响应式网站各组件的布局
开发静态网站页面并将其整合到登陆页面中,同时展示您在 HTML 和 CSS 方面的专业知识。
展示你的 React 能力,以创建动态 react 组件并将静态页面转换为响应式网站
运用 GitHub 概念和技能以及软件开发流程,构建、部署和更新一个功能齐全的网站
要了解的详细信息

添加到您的领英档案
10 项作业
了解顶级公司的员工如何掌握热门技能

积累 移动和网络开发 领域的专业知识
- 向行业专家学习新概念
- 获得对主题或工具的基础理解
- 通过实践项目培养工作相关技能
- 通过 IBM 获得可共享的职业证书

该课程共有6个模块
在本模块中,首先将概述顶点项目中的不同任务,并通过一个项目场景了解开发网站的业务要求。然后,您将启动项目的设计阶段,使用 Figma 创建网站布局模型,包括导航栏、注册、登录、预约和评论。
涵盖的内容
2个视频3篇阅读材料2个作业5个插件
在本模块中,您将开始网站开发之旅。你将使用 "分叉 "为你的项目创建一个资源库。然后将该仓库克隆到实验室环境中。实验环境建立后,您将创建布局,包括导航栏、注册表单和登录表单,并使用 HTML 和 CSS 为静态网站页面应用样式。最后,您将测试静态组件。
涵盖的内容
2个作业2个应用程序项目2个插件
在本模块中,您将开始使用 React 构建和管理动态组件。第一步,你将建立 React 项目,并建立所需的数据库连接,这对一些网站组件的运行是必需的。然后,将静态页面转换为动态 React 组件并进行测试。您还将为项目创建第一个动态 React 组件。最后,您将集成一个现有的动态 React 组件,并根据您的配色方案和网站主题对其进行定制。
涵盖的内容
2个作业5个应用程序项目4个插件
在本模块中,您将继续开发动态 React 组件。您还将测试每个组件,以确保它们按预期运行。
涵盖的内容
2个作业3个应用程序项目3个插件
在本 Modulation 中,您将集成所有组件并测试网站功能。然后部署网站。部署完成后,您将对网站组件进行修改,在项目的 index.html 文件中添加用于 SEO 的 Meta 标签,然后重新部署网站。
涵盖的内容
2个作业2个应用程序项目2个插件
在最后一个模块中,您需要提交动手实验室的截图供同行审阅。您将提交 GitHub 代码库链接,以便同行审查您的代码。提交项目后,您需要对同行提交的一个项目进行审核和评分。
涵盖的内容
2篇阅读材料1次同伴评审
获得职业证书
将此证书添加到您的 LinkedIn 个人资料、简历或履历中。在社交媒体和绩效考核中分享。
提供方
从 移动和网络开发 浏览更多内容
- 状态:免费试用
- 状态:免费试用
人们为什么选择 Coursera 来帮助自己实现职业发展




学生评论
55 条评论
- 5 stars
86.66%
- 4 stars
5%
- 3 stars
1.66%
- 2 stars
0%
- 1 star
6.66%
显示 3/55 个
已于 Sep 25, 2024审阅
i found this course very good. All the topics and labs are covered in this course. Give 5 star.
已于 May 20, 2025审阅
I'm very glad, this is good course, there are many Lab
已于 Sep 25, 2024审阅
Good capstone project, well designed and explained!
常见问题
要获取课程资料、作业和证书,您需要在注册课程时购买证书体验。 您可以尝试免费试听,或申请资助。课程可能提供 "完整课程,无证书"。通过该选项,您可以查看所有课程资料,提交必要的评估,并获得最终成绩。这也意味着您无法购买证书体验。
注册课程后,您就可以访问证书中的所有课程,并在完成作业后获得证书。您的电子证书将被添加到您的 "成就 "页面--在那里,您可以打印证书或将其添加到您的 LinkedIn 个人资料中。
更多问题
提供助学金,