网页开发 编程项目实战

September 26, 2025 · View on GitHub

支持语言

🇨🇳 简体中文 🇯🇵 日本語 🇪🇸 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 创建像素艺术动画工具初级🚀 开始实验
015jQuery 翻转拼图游戏初级🚀 开始实验
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 实现实时句子搜索初级🚀 开始实验
029Vue.js 搜索功能开发初级🚀 开始实验
030实现动态吸顶标签栏初级🚀 开始实验
031CSS 扇形悬停动画效果初级🚀 开始实验
032学海无涯初级🚀 开始实验
033外卖评价系统初级🚀 开始实验
034地址管理 Web 应用程序初级🚀 开始实验
035冰墩墩情绪量表初级🚀 开始实验
036使用 JavaScript 构建交通灯系统中级🚀 开始实验
037构建一个简单的搜索功能初级🚀 开始实验
038使用 Axios 实现分页功能初级🚀 开始实验
039逃离双矢量箔初级🚀 开始实验
040构建猜硬币游戏初级🚀 开始实验
041随机贺卡生成器初级🚀 开始实验
042电影票预订系统初级🚀 开始实验
043Axios 驱动的咒语寻宝初级🚀 开始实验
044创建响应式模态框初级🚀 开始实验
045构建可复用的分页组件初级🚀 开始实验
046拼出未来初级🚀 开始实验
047基于 Web 的 HTML 演示文稿构建工具初级🚀 开始实验
048使用 Vue.js 实现自定义表单验证初级🚀 开始实验
049空 pathMatch 的正确路径计算初级🚀 开始实验
050Vue.js 拖拽购物车初级🚀 开始实验
051使用 Vue.js 实现搜索建议功能初级🚀 开始实验
052带布局切换功能的产品列表初级🚀 开始实验
053Vue.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响应式弹性卡片布局初级🚀 开始实验
070Flexbox 蔬菜布局设计初级🚀 开始实验
071使用 CSS Flexbox 制作水果排列布局初级🚀 开始实验
072视觉吸引的水果拼盘初级🚀 开始实验
073为你的页面焕然一新初级🚀 开始实验
074简洁美观的首页设计初级🚀 开始实验
075电影院座位安排初级🚀 开始实验
076使用 Gulp 实现响应式网页设计初级🚀 开始实验
077适用于所有屏幕的响应式网页设计初级🚀 开始实验
078创建视觉吸引力的名片初级🚀 开始实验
079西游记之西天取经初级🚀 开始实验
080使用 Vue.js 进行数据格式化与可视化初级🚀 开始实验
081消失无踪初级🚀 开始实验
082使用 Vue.js 实现的愿望便利贴应用初级🚀 开始实验
083使用自定义 React Hook 实现响应式导航中级🚀 开始实验
084React 主题切换应用中级🚀 开始实验
085React 颜色过滤器应用中级🚀 开始实验
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操作课程表初级🚀 开始实验
126resultMap 的实际应用初级🚀 开始实验
127基于 JavaScript 的用户权限管理系统初级🚀 开始实验
128将基于回调的异步函数 Promise 化初级🚀 开始实验
129使用 Node.js 构建新闻 API初级🚀 开始实验
130使用 Node.js 构建用户管理 RESTful API初级🚀 开始实验
131构建一个 Node.js 反向代理初级🚀 开始实验

更多