【尚学堂】前端练手项目实训 -带源码课件

前端开发

课程简介

【尚学堂】前端练手项目实训 -带源码课件实战演练，掌握项目开发技巧编辑点评实战项目丰富，涵盖官网、小程序等多种类型，适合前端开发初学者提升实战能力。 ⭐ 编辑推荐跟随尚学堂，通过实战项目学习前端开发，掌握项目开发流程与技巧。 ✨ 课程亮点 ✦ 实战项目丰富 ✦ 多种类型项目涵盖 ✦ 提升实战能力课程目录 📁 3、迅雷官网项目 📁 源码 📁…

已有 3 人浏览发布 2026-04-29 更新 2026-09-29

【尚学堂】前端练手项目实训 -带源码课件

实战演练，掌握项目开发技巧

编辑点评

实战项目丰富，涵盖官网、小程序等多种类型，适合前端开发初学者提升实战能力。

⭐ 编辑推荐

跟随尚学堂，通过实战项目学习前端开发，掌握项目开发流程与技巧。

✨ 课程亮点

✦实战项目丰富

✦多种类型项目涵盖

✦提升实战能力

课程目录

images15 集

t.png [493.5 KB]
3、迅雷官网项目文档.png [493.5 KB]
05_尚学堂_迅雷项目_操作页面属性练习_202002期第一阶段21.mp4 [20.1 MB]
13_尚学堂_迅雷项目_迅雷第一块_202002期第一阶段21.mp4 [51.4 MB]
12_尚学堂_迅雷项目_迅雷导航条_202002期第一阶段21.mp4 [165.3 MB]
06_尚学堂_迅雷项目_事件的语法_202002期第一阶段21.mp4 [41.9 MB]
09_尚学堂_迅雷项目_轮播图切换下一张图片_202002期第一阶段21.mp4 [64.9 MB]
07_尚学堂_迅雷项目_事件_202002期第一阶段21.mp4 [79.5 MB]
11_尚学堂_迅雷项目_点击圆点切换图片_202002期第一阶段21.mp4 [73.5 MB]
04_尚学堂_迅雷项目_操作页面属性3（掌握）_202002期第一阶段21.mp4 [13.3 MB]
02_尚学堂_迅雷项目_操作页面属性1（掌握）_202002期第一阶段21.mp4 [55.3 MB]
08_尚学堂_迅雷项目_轮播图样式_202002期第一阶段21.mp4 [60.8 MB]
10_尚学堂_迅雷项目_轮播图切换上一张图片_202002期第一阶段21.mp4 [22.1 MB]
01_尚学堂_迅雷项目_复习_202002期第一阶段20.mp4 [67.2 MB]
03_尚学堂_迅雷项目_操作页面属性2（掌握）_202002期第一阶段21.mp4 [35.3 MB]

6、Mike项目14 集

6、Mike项目必看.zip [1.8 MB]
13_尚学堂_Mike项目_导航固定定位_202002期第一阶段22.mp4 [17.6 MB]
08_尚学堂_Mike项目_登录响应式布局_202002期第一阶段22.mp4 [56.5 MB]
06_尚学堂_Mike项目_search内容部分_202002期第一阶段22.mp4 [50.0 MB]
04_尚学堂_Mike项目_米课导航条布局_202002期第一阶段22.mp4 [121.7 MB]
01_尚学堂_Mike项目_移动端商家部分_202002期第一阶段22.mp4 [173.3 MB]
07_尚学堂_Mike项目_navBar内容部分_202002期第一阶段22.mp4 [36.2 MB]
09_尚学堂_Mike项目_登录内容部分_202002期第一阶段22.mp4 [78.3 MB]
12_尚学堂_Mike项目_新课js部分_202002期第一阶段22.mp4 [40.4 MB]
11_尚学堂_Mike项目_新课响应式_202002期第一阶段22.mp4 [22.1 MB]
10_尚学堂_Mike项目_新课速递内容部分_202002期第一阶段22.mp4 [122.1 MB]
02_尚学堂_Mike项目_移动端页脚_202002期第一阶段22.mp4 [70.0 MB]
03_尚学堂_Mike项目_提取共同的css_202002期第一阶段22.mp4 [36.1 MB]
05_尚学堂_Mike项目_logo内容部分_202002期第一阶段22.mp4 [30.1 MB]

1、小米官网项目18 集

1、小米官网项目资料.zip [1.8 MB]
17_尚学堂_页脚信息部分_202002期第一阶段14.mp4 [90.7 MB]
11_尚学堂_小米闪购_202002期第一阶段14.mp4 [169.4 MB]
03_尚学堂_hot-words部分_202002期第一阶段14.mp4 [48.2 MB]
15_尚学堂_页脚服务部分_202002期第一阶段14.mp4 [37.9 MB]
13_尚学堂_家电_202002期第一阶段14.mp4 [87.4 MB]
16_尚学堂_页脚链接部分_202002期第一阶段14.mp4 [67.9 MB]
14_尚学堂_视频_202002期第一阶段14.mp4 [89.6 MB]
06_尚学堂_滑动门样式_202002期第一阶段14.mp4 [61.8 MB]
01_尚学堂_小米下拉列表内容部分_202002期第一阶段14.mp4 [83.1 MB]
09_尚学堂_广告部分_202002期第一阶段14.mp4 [97.4 MB]
07_尚学堂_滑动门定位_202002期第一阶段14.mp4 [71.2 MB]
12_尚学堂_手机_202002期第一阶段14.mp4 [114.7 MB]
04_尚学堂_hot-list_202002期第一阶段14.mp4 [41.2 MB]
08_尚学堂_滑动门里面的内容_202002期第一阶段14.mp4 [31.9 MB]
05_尚学堂_轮播图部分_202002期第一阶段14.mp4 [40.4 MB]
10_尚学堂_广告伪对象部分_202002期第一阶段14.mp4 [75.0 MB]
02_尚学堂_搜索框样式_202002期第一阶段14.mp4 [72.6 MB]

9、小程序登录-云开发项目15 集

9、小程序登录-云开发项目说明.png [493.5 KB]
06_小程序登录-云开发_小程序异步获取头像-页面直接访问_尚学堂202002期第三阶段.mp4 [33.5 MB]
11_小程序登录-云开发_云开发介绍_尚学堂202002期第三阶段.mp4 [50.7 MB]
10_小程序登录-云开发_模拟登录授权流程_尚学堂202002期第三阶段.mp4 [22.8 MB]
01_小程序登录-云开发_结算_尚学堂202002期第三阶段.mp4 [54.2 MB]
05_小程序登录-云开发_获取之前是否授权信息--获取头像_尚学堂202002期第三阶段.mp4 [34.2 MB]
08_小程序登录-云开发_登录流程（重点）_尚学堂202002期第三阶段.mp4 [46.0 MB]
12_小程序登录-云开发_云小程序与普通小程序的区别_尚学堂202002期第三阶段.mp4 [5.3 MB]
13_小程序登录-云开发_云开发-数据库操作_尚学堂202002期第三阶段.mp4 [40.2 MB]
04_小程序登录-云开发_分析再次进入如何获取头像_尚学堂202002期第三阶段.mp4 [19.9 MB]
09_小程序登录-云开发_实现登录流程_尚学堂202002期第三阶段.mp4 [62.9 MB]
07_小程序登录-云开发_授权头像总结_尚学堂202002期第三阶段.mp4 [59.7 MB]
14_小程序登录-云开发_存储图片_尚学堂202002期第三阶段.mp4 [45.8 MB]
02_小程序登录-云开发_直接利用组件获取微信头像和昵称_尚学堂202002期第三阶段.mp4 [19.2 MB]
03_小程序登录-云开发_点击按钮-授权头像_尚学堂202002期第三阶段.mp4 [39.7 MB]

2、百度地图项目22 集

2、百度地图项目资料.png [493.5 KB]
11_百度地图项目_插入地图_尚学堂202002期第三阶段.mp4 [32.4 MB]
17_百度地图项目_一级热门城市获取_尚学堂202002期第三阶段.mp4 [29.9 MB]
21_百度地图项目_二级修改三级店铺修改_尚学堂202002期第三阶段.mp4 [11.5 MB]
19_百度地图项目_三级数据获取-店铺名称_尚学堂202002期第三阶段.mp4 [25.9 MB]
07_百度地图项目_echarts社区_尚学堂202002期第三阶段.mp4 [13.9 MB]
18_百度地图项目_二级城市区域获取_尚学堂202002期第三阶段.mp4 [20.1 MB]
08_百度地图项目_社区-补充_尚学堂202002期第三阶段.mp4 [6.9 MB]
04_百度地图项目_地图配置_尚学堂202002期第三阶段.mp4 [21.6 MB]
20_百度地图项目_一级修改二级三级联动_尚学堂202002期第三阶段.mp4 [28.2 MB]
16_百度地图项目_360同城帮案例效果（案例-级联必会）_尚学堂202002期第三阶段.mp4 [13.1 MB]
14_百度地图项目_信息窗口_尚学堂202002期第三阶段.mp4 [40.0 MB]
12_百度地图项目_控件-（基本的控件添加）_尚学堂202002期第三阶段.mp4 [82.4 MB]
09_百度地图项目_百度地图简介_尚学堂202002期第三阶段.mp4 [25.1 MB]
13_百度地图项目_marker标注（掌握）_尚学堂202002期第三阶段.mp4 [44.0 MB]
02_百度地图项目_饼图（掌握）_尚学堂202002期第三阶段.mp4 [35.7 MB]
05_百度地图项目_动态获取疫情数据_尚学堂202002期第三阶段.mp4 [43.7 MB]
10_百度地图项目_申请密钥（掌握）_尚学堂202002期第三阶段.mp4 [16.2 MB]
15_百度地图项目_地址解析-逆地址解析_尚学堂202002期第三阶段.mp4 [24.1 MB]
01_百度地图项目_多个折线-实例_尚学堂202002期第三阶段.mp4 [46.5 MB]
06_百度地图项目_渲染颜色-数据范围_尚学堂202002期第三阶段.mp4 [21.2 MB]
03_百度地图项目_地图配置介绍（掌握基本使用）_尚学堂202002期第三阶段.mp4 [75.8 MB]

8、小程序-购物车项目13 集

8、小程序-购物车项目必看.png [493.5 KB]
05_小程序-购物车_选中计算-价格_尚学堂202002期第三阶段.mp4 [28.3 MB]
03_小程序-购物车_滑动当前的元素-出现删除_尚学堂202002期第三阶段.mp4 [58.4 MB]
11_小程序-购物车_删除购物车数据_尚学堂202002期第三阶段.mp4 [39.9 MB]
08_小程序-购物车_修改购物车数量++_尚学堂202002期第三阶段.mp4 [41.3 MB]
01_小程序-购物车_滑动出现删除_尚学堂202002期第三阶段.mp4 [47.5 MB]
02_小程序-购物车_获取动态数据_尚学堂202002期第三阶段.mp4 [32.8 MB]
09_小程序-购物车_修改购物车数量--_尚学堂202002期第三阶段.mp4 [12.7 MB]
04_小程序-购物车_点击选择--选中当前的元素_尚学堂202002期第三阶段.mp4 [58.1 MB]
10_小程序-购物车_加入购物车_尚学堂202002期第三阶段.mp4 [69.8 MB]
07_小程序-购物车_结算的高亮颜色_尚学堂202002期第三阶段.mp4 [26.7 MB]
12_小程序-购物车_优化购物车_尚学堂202002期第三阶段.mp4 [46.4 MB]
06_小程序-购物车_全选按钮-点击_尚学堂202002期第三阶段.mp4 [34.3 MB]

7、小程序-食疗坊项目11 集

7、小程序-食疗坊项目文档.zip [1.8 MB]
06_小程序-食疗坊_点击列表跳转模板对应的详情产品信息页面_尚学堂202002期第三阶段.mp4 [44.6 MB]
09_小程序-食疗坊_购物车界面布局_尚学堂202002期第三阶段.mp4 [49.8 MB]
05_小程序-食疗坊_分类列表信息_尚学堂202002期第三阶段.mp4 [23.5 MB]
01_小程序-食疗坊_本地存储语法_尚学堂202002期第三阶段.mp4 [17.0 MB]
04_小程序-食疗坊_搜索内容-bindinput_尚学堂202002期第三阶段.mp4 [70.8 MB]
03_小程序-食疗坊_切换热门城市_尚学堂202002期第三阶段.mp4 [25.3 MB]
07 封装网络请求.mp4 [65.0 MB]
08_小程序-食疗坊_购物车-布局-点击出现删除滑动动画_尚学堂202002期第三阶段.mp4 [50.9 MB]
07_小程序-食疗坊_跳转对应的产品详情_尚学堂202002期第三阶段.mp4 [41.6 MB]
02_小程序-食疗坊_本地存储-传递定位城市名字_尚学堂202002期第三阶段.mp4 [35.8 MB]

007项目三14 集

007项目三资料.zip [1.8 MB]
07_乐章项目三_分页器实现思路_尚学堂202002期第三阶段.mp4 [27.2 MB]
10_乐章项目三_页面下一页-尾页_尚学堂202002期第三阶段.mp4 [31.5 MB]
08_乐章项目三_动态创建首页-上一页_尚学堂202002期第三阶段.mp4 [25.0 MB]
01_乐章项目三_动态获取乐章的音乐-（掌握）_尚学堂202002期第三阶段.mp4 [50.3 MB]
13_乐章项目三_点击页码请求分页数据（掌握）_尚学堂202002期第三阶段.mp4 [58.5 MB]
12_乐章项目三_动态获取分页数据（掌握）_尚学堂202002期第三阶段.mp4 [28.5 MB]
11_乐章项目三_点击切换页面_尚学堂202002期第三阶段.mp4 [40.2 MB]
09_乐章项目三_动态页面显示_尚学堂202002期第三阶段.mp4 [60.3 MB]
02_乐章项目三_动态获取文章信息_尚学堂202002期第三阶段.mp4 [65.0 MB]
05_乐章项目三_插件简介_尚学堂202002期第三阶段.mp4 [5.9 MB]
04_乐章项目三_前后端项目制作-（了解）_尚学堂202002期第三阶段.mp4 [31.6 MB]
06_乐章项目三_插件使用_尚学堂202002期第三阶段.mp4 [68.3 MB]
03_乐章项目三_解析文章文字-渲染_尚学堂202002期第三阶段.mp4 [52.7 MB]

006项目二12 集

06_乐章项目二_乐章-获取音乐布局_尚学堂202002期第三阶段.mp4 [40.7 MB]
09_乐章项目二_点击按钮-切换音频播放状态（掌握）_尚学堂202002期第三阶段.mp4 [15.8 MB]
08_乐章项目二_js控制音频播放思路_尚学堂202002期第三阶段.mp4 [15.9 MB]
11_乐章项目二_音频事件-oncanplay_尚学堂202002期第三阶段.mp4 [44.0 MB]
10_乐章项目二_获取播放时间-进度条设置（掌握）_尚学堂202002期第三阶段.mp4 [46.9 MB]
01_乐章项目二_乐章布局_尚学堂202002期第三阶段.mp4 [73.3 MB]
05_乐章项目二_页面其他轮播布局_尚学堂202002期第三阶段.mp4 [38.3 MB]
03_乐章项目二_乐章动态获取数据实现（掌握）_尚学堂202002期第三阶段.mp4 [58.5 MB]
07_乐章项目二_乐章-音乐控制器（掌握）_尚学堂202002期第三阶段.mp4 [40.8 MB]
02_乐章项目二_乐章动态获取数据思路分析（掌握）_尚学堂202002期第三阶段.mp4 [69.5 MB]
04_乐章项目二_听说思路_尚学堂202002期第三阶段.mp4 [15.3 MB]
4、乐章项目说明.png [493.5 KB]

018小程序项目一14 集

018小程序项目一资料.png [493.5 KB]
05_小程序项目一_项目实现功能_尚学堂202002期第三阶段.mp4 [15.5 MB]
10_小程序项目一_每日一测_尚学堂202002期第三阶段.mp4 [16.6 MB]
13_小程序项目一_界面交互动画_尚学堂202002期第三阶段.mp4 [28.7 MB]
06_小程序项目一_安心食疗基础配置app.json_尚学堂202002期第三阶段.mp4 [29.6 MB]
04_小程序项目一_模板传递数据（掌握）_尚学堂202002期第三阶段.mp4 [32.4 MB]
12_小程序项目一_列表动态获取数据_尚学堂202002期第三阶段.mp4 [37.6 MB]
11_小程序项目一_列表布局_尚学堂202002期第三阶段.mp4 [46.4 MB]
01_小程序项目一_事件传递参数（掌握）_尚学堂202002期第三阶段.mp4 [29.2 MB]
03_小程序项目一_模板定义和使用（掌握）_尚学堂202002期第三阶段.mp4 [53.7 MB]
09_小程序项目一_轮播图动态数据_尚学堂202002期第三阶段.mp4 [44.3 MB]
02_小程序项目一_模块导入导出（掌握）_尚学堂202002期第三阶段.mp4 [32.9 MB]
08_小程序项目一_小程序网络请求_尚学堂202002期第三阶段.mp4 [51.5 MB]
07_小程序项目一_轮播图布局_尚学堂202002期第三阶段.mp4 [48.9 MB]

019小程序项目二22 集

019小程序项目二资料.png [493.5 KB]
05_小程序项目二_分类产品导航布局_尚学堂202002期第三阶段.mp4 [48.1 MB]
13_小程序项目二_页面之间传递数据-url-全局变量_尚学堂202002期第三阶段.mp4 [52.1 MB]
10_小程序项目二_获取热门城市_尚学堂202002期第三阶段.mp4 [30.2 MB]
01_小程序项目二_页面跳转并传递参数（重点）_尚学堂202002期第三阶段.mp4 [40.5 MB]
04_小程序项目二_食疗坊顶部_尚学堂202002期第三阶段.mp4 [25.3 MB]
06_小程序项目二_食疗坊列表布局_尚学堂202002期第三阶段.mp4 [32.6 MB]
07_小程序项目二_动态获取列表信息_尚学堂202002期第三阶段.mp4 [36.5 MB]
09_小程序项目二_下拉到页面底部-加载更多数据（重点）_尚学堂202002期第三阶段.mp4 [52.8 MB]
11_小程序项目二_定位-获取当前的位置（掌握）_尚学堂202002期第三阶段.mp4 [54.8 MB]
08_小程序项目二_下拉页面刷新数据（重点）_尚学堂202002期第三阶段.mp4 [34.8 MB]
12_小程序项目二_定位授权配置_尚学堂202002期第三阶段.mp4 [17.2 MB]
03_小程序项目二_首页-跳转详情页-页面之间传值（重点）_尚学堂202002期第三阶段.mp4 [41.2 MB]
02_小程序项目二_页面通过路由跳转-传递参数（重点）_尚学堂202002期第三阶段.mp4 [39.4 MB]
5、小程序资料.png [493.5 KB]
7、小程序-食疗坊项目.zip [3.7 MB]
6、Mike项目.zip [6.7 MB]
1、小米官网项目.zip [5.1 MB]
9、小程序登录-云开发项目.zip [2.9 MB]
2、百度地图项目.zip [4.2 MB]
5、小程序.zip [4.0 MB]
3、迅雷官网项目.zip [10.4 MB]

适合人群

前端开发初学者
希望提升项目开发能力的开发者

🎯 学习收获

掌握项目开发流程
熟悉多种项目类型
提升前端开发技能

🎉 祝您学习愉快！