README_zh.md

网页开发 编程项目实战

支持语言

🇨🇳 简体中文 🇯🇵 日本語 🇪🇸 Español 🇫🇷 Français 🇩🇪 Deutsch 🇷🇺 Русский 🇰🇷 한국어 🇧🇷 Português 🇺🇸 English

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

练习

序号	名称	难度	练习
001	使用 ChatGPT 构建 VSCode 扩展	初级	🚀 开始实验
002	构建一个井字棋网页应用	初级	🚀 开始实验
003	创建打地鼠网页游戏	初级	🚀 开始实验
004	使用 React 创建一个笔记应用	初级	🚀 开始实验
005	构建现代费用分摊 Web 应用	初级	🚀 开始实验
006	创建一个画板 Web 应用	初级	🚀 开始实验
007	创建一个任务计时器 Web 应用	初级	🚀 开始实验
008	创建一个 Swiper 轮播图 Web 应用	初级	🚀 开始实验
009	蒙提霍尔问题模拟网页应用	初级	🚀 开始实验
010	构建一个网页版躲避方块游戏	中级	🚀 开始实验
011	使用 jQuery 开发 2048 网页游戏	初级	🚀 开始实验
012	使用 Flask 开发一个简单的在线聊天室	初级	🚀 开始实验
013	使用 JavaScript 构建滑动拼图游戏	初级	🚀 开始实验
014	使用 React 创建像素艺术动画工具	初级	🚀 开始实验
015	jQuery 翻转拼图游戏	初级	🚀 开始实验
016	使用 JavaScript 创建扫雷游戏	初级	🚀 开始实验
017	构建一个带有实时预览的简单 Markdown 编辑器	初级	🚀 开始实验
018	使用 Canvas 实现放大镜效果	初级	🚀 开始实验
019	使用 HTML5 构建图像裁剪工具	初级	🚀 开始实验
020	使用 React 构建圣诞愿望清单生成器	中级	🚀 开始实验
021	构建一个 React 拖放拼图游戏	初级	🚀 开始实验
022	构建一个 React GitHub 热力图贡献日历	中级	🚀 开始实验
023	使用 TensorFlow.js 和 Flask 部署 MobileNet	初级	🚀 开始实验
024	别踩白块	初级	🚀 开始实验
025	构建一个刮刮卡网页游戏	初级	🚀 开始实验
026	使用 Flask 和 MySQL 构建一个简单的 URL 缩短器	高级	🚀 开始实验
027	构建基于 Web 的 TCP 端口扫描器	初级	🚀 开始实验
028	使用 Vue.js 实现实时句子搜索	初级	🚀 开始实验
029	Vue.js 搜索功能开发	初级	🚀 开始实验
030	实现动态吸顶标签栏	初级	🚀 开始实验
031	CSS 扇形悬停动画效果	初级	🚀 开始实验
032	学海无涯	初级	🚀 开始实验
033	外卖评价系统	初级	🚀 开始实验
034	地址管理 Web 应用程序	初级	🚀 开始实验
035	冰墩墩情绪量表	初级	🚀 开始实验
036	使用 JavaScript 构建交通灯系统	中级	🚀 开始实验
037	构建一个简单的搜索功能	初级	🚀 开始实验
038	使用 Axios 实现分页功能	初级	🚀 开始实验
039	逃离双矢量箔	初级	🚀 开始实验
040	构建猜硬币游戏	初级	🚀 开始实验
041	随机贺卡生成器	初级	🚀 开始实验
042	电影票预订系统	初级	🚀 开始实验
043	Axios 驱动的咒语寻宝	初级	🚀 开始实验
044	创建响应式模态框	初级	🚀 开始实验
045	构建可复用的分页组件	初级	🚀 开始实验
046	拼出未来	初级	🚀 开始实验
047	基于 Web 的 HTML 演示文稿构建工具	初级	🚀 开始实验
048	使用 Vue.js 实现自定义表单验证	初级	🚀 开始实验
049	空 pathMatch 的正确路径计算	初级	🚀 开始实验
050	Vue.js 拖拽购物车	初级	🚀 开始实验
051	使用 Vue.js 实现搜索建议功能	初级	🚀 开始实验
052	带布局切换功能的产品列表	初级	🚀 开始实验
053	Vue.js 按钮与数值更新	初级	🚀 开始实验
054	使用 Vue.js 构建动态菜单树搜索功能	初级	🚀 开始实验
055	修复 Vue Router 的 cleanPath 函数	初级	🚀 开始实验
056	构建一个 Vue.js 电子书阅读器	初级	🚀 开始实验
057	从查询中获取对象参数	初级	🚀 开始实验
058	构建 Vue.js 购物车	初级	🚀 开始实验
059	构建一个 Vue.js 店铺状态切换器	初级	🚀 开始实验
060	使用 Vue.js 实现高效虚拟滚动	初级	🚀 开始实验
061	使用 CSS 实现原子化弹性布局	初级	🚀 开始实验
062	构建响应式新闻网站首页	初级	🚀 开始实验
063	创意木质纹理广告牌设计	初级	🚀 开始实验
064	图像中的景深效果	初级	🚀 开始实验
065	使用 CSS Grid 创建考拉脸	初级	🚀 开始实验
066	使用 CSS 创建地球绕太阳轨道动画	初级	🚀 开始实验
067	修复网站显示问题	初级	🚀 开始实验
068	使用 Flexbox 实现响应式骰子布局	初级	🚀 开始实验
069	响应式弹性卡片布局	初级	🚀 开始实验
070	Flexbox 蔬菜布局设计	初级	🚀 开始实验
071	使用 CSS Flexbox 制作水果排列布局	初级	🚀 开始实验
072	视觉吸引的水果拼盘	初级	🚀 开始实验
073	为你的页面焕然一新	初级	🚀 开始实验
074	简洁美观的首页设计	初级	🚀 开始实验
075	电影院座位安排	初级	🚀 开始实验
076	使用 Gulp 实现响应式网页设计	初级	🚀 开始实验
077	适用于所有屏幕的响应式网页设计	初级	🚀 开始实验
078	创建视觉吸引力的名片	初级	🚀 开始实验
079	西游记之西天取经	初级	🚀 开始实验
080	使用 Vue.js 进行数据格式化与可视化	初级	🚀 开始实验
081	消失无踪	初级	🚀 开始实验
082	使用 Vue.js 实现的愿望便利贴应用	初级	🚀 开始实验
083	使用自定义 React Hook 实现响应式导航	中级	🚀 开始实验
084	React 主题切换应用	中级	🚀 开始实验
085	React 颜色过滤器应用	中级	🚀 开始实验
086	实现 React 导航功能	中级	🚀 开始实验
087	使用 React 创建响应式名片	中级	🚀 开始实验
088	构建交互式 React 组件	初级	🚀 开始实验
089	切换明暗模式	初级	🚀 开始实验
090	手机号码验证	初级	🚀 开始实验
091	正确警告不正确的 v-Slot 使用	初级	🚀 开始实验
092	为 Vue Router 添加弃用警告	初级	🚀 开始实验
093	首页数据动态化	初级	🚀 开始实验
094	修复 async.spec.js 中的测试问题	初级	🚀 开始实验
095	使用 Echarts 和 JSON 进行数据可视化	初级	🚀 开始实验
096	正确处理空值	初级	🚀 开始实验
097	让我们一起开会	初级	🚀 开始实验
098	使用 Vue.js 和 Vuex 构建登录功能	初级	🚀 开始实验
099	修复 pathMatch 生成的警告	初级	🚀 开始实验
100	重新访问路由触发过早	初级	🚀 开始实验
101	路由查询值变更问题	初级	🚀 开始实验
102	构建灵活的骨架屏	初级	🚀 开始实验
103	使用 Vue.js 的时间转换工具	初级	🚀 开始实验
104	构建一个 Vue.js 任务管理器	初级	🚀 开始实验
105	互动电影收藏网页应用	初级	🚀 开始实验
106	构建响应式手风琴界面	初级	🚀 开始实验
107	使用 HTML、CSS、JavaScript 制作水果配对游戏	中级	🚀 开始实验
108	使用 HTML、CSS、JavaScript 制作水果堆叠游戏	中级	🚀 开始实验
109	实现用户登录功能	初级	🚀 开始实验
110	简单抽奖应用程序	中级	🚀 开始实验
111	构建投票应用程序	中级	🚀 开始实验
112	每周天气预报应用开发	初级	🚀 开始实验
113	天道酬勤	初级	🚀 开始实验
114	使用 Echarts 构建实时销售仪表盘	中级	🚀 开始实验
115	使用 ECharts 创建交互式柱状图	初级	🚀 开始实验
116	与手机共度时光	初级	🚀 开始实验
117	使用 Vue 和 Echarts 创建天气趋势图	初级	🚀 开始实验
118	按 IP 统计访问次数	初级	🚀 开始实验
119	课程表 CRUD 操作与 MyBatis	初级	🚀 开始实验
120	在 MyBatis 中配置日志记录和批量别名	初级	🚀 开始实验
121	扩展实体类的自定义属性	初级	🚀 开始实验
122	使用 JS 实现 AJAX 请求	初级	🚀 开始实验
123	使用 AJAX 进行 JSON 数据传输	初级	🚀 开始实验
124	使用 Log4j2 记录项目信息	初级	🚀 开始实验
125	操作课程表	初级	🚀 开始实验
126	resultMap 的实际应用	初级	🚀 开始实验
127	基于 JavaScript 的用户权限管理系统	初级	🚀 开始实验
128	将基于回调的异步函数 Promise 化	初级	🚀 开始实验
129	使用 Node.js 构建新闻 API	初级	🚀 开始实验
130	使用 Node.js 构建用户管理 RESTful API	初级	🚀 开始实验
131	构建一个 Node.js 反向代理	初级	🚀 开始实验

更多

• 🔗 网页开发 了解更多
• 🔗 精选编程项目
• 🔗 精选编程课程