Web Development Practice Projects

支持语言: English · 简体中文 · 日本語 · Español · Français · Deutsch · Русский · 한국어 · Português

通过这个专为初学者设计的综合学习路径，学习 Web 开发。这些结构化的 Web 开发课程提供清晰的路线图，帮助您掌握前端和后端技术，从 HTML、CSS 和 JavaScript 等基础知识到流行的框架。通过动手实践、非视频模块和实际编码练习，您将在互动环境中构建真实的网站和 Web 应用程序。

在 LabEx 浏览项目

项目

探索 100 个适合初学者的 Web Development 项目，将核心概念应用到小而完整的程序中。每个项目都会在 LabEx 中打开可直接使用的环境，让你专注于动手构建。

序号	项目	难度	练习
001	HTML 入门教程	初级	开始项目
002	JavaScript 入门	初级	开始项目
003	CSS 入门教程	初级	开始项目
004	React 入门指南	初级	开始项目
005	构建一个井字棋网页应用	初级	开始项目
006	Web 漏洞精通	初级	开始项目
007	使用 React 创建一个笔记应用	初级	开始项目
008	Web 开发互动挑战	初级	开始项目
009	创建打地鼠网页游戏	初级	开始项目
010	HTTP 枚举与目录遍历	初级	开始项目
011	使用 Flask 和 SQLite 构建 REST API	初级	开始项目
012	使用 Flask 和 MySQL 构建一个简单的 URL 缩短器	高级	开始项目
013	使用 React 构建圣诞愿望清单生成器	中级	开始项目
014	创建一个任务计时器 Web 应用	初级	开始项目
015	构建一个 React 拖放拼图游戏	初级	开始项目
016	构建现代费用分摊 Web 应用	初级	开始项目
017	使用 Flask 开发一个简单的在线聊天室	初级	开始项目
018	使用 Google Translate API 构建简单翻译器	初级	开始项目
019	使用 Python 和 Flask 创建 URL 缩短器	初级	开始项目
020	简洁美观的首页设计	初级	开始项目
021	使用 Python 构建端口扫描器	初级	开始项目
022	创建一个画板 Web 应用	初级	开始项目
023	构建一个 React GitHub 热力图贡献日历	中级	开始项目
024	创建一个 Swiper 轮播图 Web 应用	初级	开始项目
025	使用自定义 React Hook 实现响应式导航	中级	开始项目
026	使用 Node.js 构建用户管理 RESTful API	初级	开始项目
027	使用 JavaScript 构建滑动拼图游戏	初级	开始项目
028	使用 jQuery 开发 2048 网页游戏	初级	开始项目
029	电影院座位安排	初级	开始项目
030	React 主题切换应用	中级	开始项目
031	构建交互式 React 组件	初级	开始项目
032	使用 React 创建响应式名片	中级	开始项目
033	构建一个网页版躲避方块游戏	中级	开始项目
034	使用 React 创建像素艺术动画工具	初级	开始项目
035	使用 JavaScript 创建扫雷游戏	初级	开始项目
036	实现动态吸顶标签栏	初级	开始项目
037	使用 Flexbox 实现响应式骰子布局	初级	开始项目
038	适用于所有屏幕的响应式网页设计	初级	开始项目
039	切换明暗模式	初级	开始项目
040	使用 Node.js 构建新闻 API	初级	开始项目
041	构建一个 Node.js 反向代理	初级	开始项目
042	jQuery 翻转拼图游戏	初级	开始项目
043	构建一个带有实时预览的简单 Markdown 编辑器	初级	开始项目
044	使用 Vue.js 实现实时句子搜索	初级	开始项目
045	Vue.js 搜索功能开发	初级	开始项目
046	修复网站显示问题	初级	开始项目
047	消失无踪	初级	开始项目
048	实现 React 导航功能	中级	开始项目
049	构建一个刮刮卡网页游戏	初级	开始项目
050	地址管理 Web 应用程序	初级	开始项目
051	电影票预订系统	初级	开始项目
052	构建响应式新闻网站首页	初级	开始项目
053	创意木质纹理广告牌设计	初级	开始项目
054	使用 CSS 创建地球绕太阳轨道动画	初级	开始项目
055	Flexbox 蔬菜布局设计	初级	开始项目
056	为你的页面焕然一新	初级	开始项目
057	React 颜色过滤器应用	中级	开始项目
058	使用 HTML、CSS、JavaScript 制作水果配对游戏	中级	开始项目
059	蒙提霍尔问题模拟网页应用	初级	开始项目
060	CSS 扇形悬停动画效果	初级	开始项目
061	外卖评价系统	初级	开始项目
062	冰墩墩情绪量表	初级	开始项目
063	使用 JavaScript 构建交通灯系统	中级	开始项目
064	创建响应式模态框	初级	开始项目
065	拼出未来	初级	开始项目
066	基于 Web 的 HTML 演示文稿构建工具	初级	开始项目
067	响应式弹性卡片布局	初级	开始项目
068	使用 CSS Flexbox 制作水果排列布局	初级	开始项目
069	视觉吸引的水果拼盘	初级	开始项目
070	西游记之西天取经	初级	开始项目
071	手机号码验证	初级	开始项目
072	使用 Echarts 和 JSON 进行数据可视化	初级	开始项目
073	基于 JavaScript 的用户权限管理系统	初级	开始项目
074	使用 Canvas 实现放大镜效果	初级	开始项目
075	别踩白块	初级	开始项目
076	学海无涯	初级	开始项目
077	随机贺卡生成器	初级	开始项目
078	使用 Vue.js 实现自定义表单验证	初级	开始项目
079	空 pathMatch 的正确路径计算	初级	开始项目
080	带布局切换功能的产品列表	初级	开始项目
081	Vue.js 按钮与数值更新	初级	开始项目
082	使用 Vue.js 实现高效虚拟滚动	初级	开始项目
083	使用 CSS 实现原子化弹性布局	初级	开始项目
084	图像中的景深效果	初级	开始项目
085	使用 CSS Grid 创建考拉脸	初级	开始项目
086	使用 Gulp 实现响应式网页设计	初级	开始项目
087	创建视觉吸引力的名片	初级	开始项目
088	使用 Vue.js 进行数据格式化与可视化	初级	开始项目
089	正确警告不正确的 v-Slot 使用	初级	开始项目
090	使用 Vue.js 和 Vuex 构建登录功能	初级	开始项目
091	互动电影收藏网页应用	初级	开始项目
092	与手机共度时光	初级	开始项目
093	使用 Vue 和 Echarts 创建天气趋势图	初级	开始项目
094	Druid 数据库连接池访问	初级	开始项目
095	MyBatis 数据库集成项目	初级	开始项目
096	将基于回调的异步函数 Promise 化	初级	开始项目
097	使用 HTML5 构建图像裁剪工具	初级	开始项目
098	构建一个简单的搜索功能	初级	开始项目
099	使用 Axios 实现分页功能	初级	开始项目
100	逃离双矢量箔	初级	开始项目

在 LabEx 查看更多

About LabEx