文章最后更新时间:
黑马程序员微信小程序高级开发课程,260集完整收录,系统讲解小程序快速入门、宿主环境、协同工作与发布、数据绑定与事件、WXSS与页面配置、网络数据请求、页面导航与事件、生命周期与WXS、自定义组件开发、数据监听与纯数据字段、组件生命周期与插槽、父子组件通信与behaviors、Vant组件库与API Promise化、MobX全局数据共享、分包与自定义tabBar等全栈技术,助你成为高级小程序开发者。
✨课程概括
黑马程序员微信小程序高级开发课程,260集完整收录,从零基础入门到自定义组件、全局数据共享、分包、自定义tabBar等高级技术,一线大厂讲师手把手带你成为高级小程序开发者。
微信小程序已成为中国互联网生态中不可或缺的基础设施。从电商购物到生活服务,从企业工具到内容平台,小程序几乎覆盖了所有移动端应用场景。对于开发者而言,掌握小程序开发不仅是职业技能的必备项,更是打开移动端流量入口、实现技术变现的关键能力。

黑马程序员微信小程序高级开发课程是一套从零基础到高级开发的系统性实战教程,共260集,由一线大厂讲师团队授课。课程内容覆盖了小程序开发的完整知识体系:从快速入门、宿主环境、协同工作与发布,到数据绑定与事件、WXSS与页面配置、网络数据请求、页面导航与事件、生命周期与WXS,再到自定义组件开发、数据监听与纯数据字段、组件生命周期与插槽、父子组件通信与behaviors、Vant组件库与API Promise化、MobX全局数据共享、分包与自定义tabBar等高级技术。
🎯课程痛点
- 😰自学小程序开发找不到系统路径:网上资料零散,不知道从哪开始、怎么进阶。
- 😰只会写简单页面,不懂组件化开发:代码冗余、维护困难,达不到企业级开发标准。
- 😰不会管理全局状态:多个页面/组件之间数据同步困难。
- 😰小程序体积太大,加载慢:不知道如何使用分包优化性能。
- 😰tabBar无法满足定制需求:官方tabBar功能有限,自定义tabBar无从下手。
- 😰看不懂官方文档:文档太技术化,缺少实战案例讲解。
- 😰缺少大厂开发思维:只懂语法,不了解工程化、组件化、性能优化等企业级实践。
👥课程人群
- 👨💻零基础小程序初学者:想从零开始系统学习小程序开发。
- 🚀前端开发者:有HTML/CSS/JS基础,想拓展小程序开发技能。
- 🏢企业开发者:需要在工作中开发小程序应用。
- 💰创业/个人开发者:想通过小程序实现技术变现或创业。
- 🎓计算机相关专业学生:想通过实战课程提升就业竞争力。
- 🔧有初级经验想进阶的开发者:已能写简单小程序,想掌握组件化、工程化、性能优化等高级技术。
🤖课程收获
- 🚀从零基础到独立开发完整小程序:掌握小程序开发的全套技能。
- 🔧精通自定义组件开发体系:组件创建、样式隔离、数据监听、生命周期、插槽、父子通信、behaviors等全掌握。
- 📦掌握Vant组件库集成与API Promise化:提升开发效率,优化异步代码。
- 🔗熟练使用MobX进行全局数据共享:多页面/组件数据同步不再困难。
- 🧩掌握分包加载与性能优化:解决大型小程序的体积与加载问题。
- 🎯能独立实现自定义tabBar:突破官方tabBar限制,定制个性化底部导航。
- 🏗️具备企业级小程序开发思维:工程化、组件化、性能优化、协同工作。
- 🎁获得260集完整视频教程:从入门到高级,一课通关。
👨🏫课程讲师
本课程由黑马程序员一线大厂讲师团队出品。黑马程序员是国内知名的IT教育培训品牌,长期深耕前端与移动端开发教学领域,拥有丰富的课程研发与实战教学经验。团队讲师具备多年一线互联网企业小程序开发与架构经验,课程内容紧贴企业实际开发需求,以“实战驱动、体系完整、深入浅出”为教学特色,帮助大量学员实现了从零基础到高级开发者的跨越。
📚课程目录
- 00.学习目标.mp4
- 01.小程序简介 – 小程序与普通网页开发的区别.mp4
- 02.小程序简介 – 体验微信小程序.mp4
- 03.第一个小程序 – 了解注册小程序开发账号的流程.mp4
- 04.第一个小程序 – 获取小程序的AppID.mp4
- 05.第一个小程序 – 安装微信开发者工具.mp4
- 06.第一个小程序 – 扫码登录到微信开发者工具.mp4
- 07.第一个小程序 – 设置外观和代理.mp4
- 08.第一个小程序 – 演示新建小程序项目的步骤.mp4
- 09.第一个小程序 – 查看项目运行效果的两种方式.mp4
- 10.第一个小程序 – 了解微信开发者工具主界面的5个组成部分.mp4
- 11.小程序代码的构成 – 了解项目的基本组成结构.mp4
- 12.小程序代码的构成 – 小程序页面的组成部分.mp4
- 13.小程序代码的构成 – 认识小程序中的4种配置文件.mp4
- 14.小程序代码的构成 – app.json文件.mp4
- 15.小程序代码的构成 – project.config.json文件.mp4
- 16.小程序代码的构成 – sitemap.json文件.mp4
- 17.小程序代码的构成 – 页面的.json配置文件.mp4
- 18.小程序代码的构成 – 新建小程序页面.mp4
- 19.小程序代码的构成 – 修改项目首页.mp4
- 20.小程序代码的构成 – WXML的概念以及和HTML之间的区别.mp4
- 21.小程序代码的构成 – WXSS的概念以及和CSS之间的区别.mp4
- 22.小程序代码的构成 – 了解小程序中JS文件的三大分类.mp4
- 23.宿主环境 – 了解宿主环境的概念.mp4
- 24.宿主环境 – 小程序的宿主环境.mp4
- 25.宿主环境 – 通信的主体.mp4
- 26.宿主环境 – 小程序的通信模型.mp4
- 27.宿主环境 – 运行机制.mp4
- 28.宿主环境 – 组件 – 了解常用的视图容器组件.mp4
- 29.宿主环境 – 组件 – view组件的基本使用.mp4
- 30.宿主环境 – 组件 – scroll-view组件的基本使用.mp4
- 31.宿主环境 – 组件 – swiper和swiper-item的基本使用.mp4
- 32.宿主环境 – 组件 – swiper组件的常用属性.mp4
- 33.宿主环境 – 组件 – text和rich-text组件.mp4
- 34.宿主环境 – 组件 – button按钮组件.mp4
- 35.宿主环境 – 组件 – image图片组件.mp4
- 36.宿主环境 – 小程序API的3大分类.mp4
- 37.协同工作 – 了解权限管理需求、组织结构、开发流程.mp4
- 38.协同工作 – 了解小程序成员管理的两个方面.mp4
- 39.协同工作 – 开发者的权限说明.mp4
- 40.协同工作 – 了解如何添加项目成员和体验成员.mp4
- 41.发布 – 了解小程序的版本阶段.mp4
- 42.发布 – 了解小程序发布上线的主要步骤.mp4
- 43.发布 – 基于小程序码进行推广.mp4
- 44.发布 – 查看小程序的运营数据.mp4
- 45.总结.mp4
- 00.学习目标.mp4
- 01.数据绑定 – 了解数据绑定的原则.mp4
- 02.数据绑定 – 动态绑定属性.mp4
- 03.数据绑定 – 三元运算.mp4
- 04.数据绑定 – 算数运算.mp4
- 05.事件绑定 – 了解什么是事件以及小程序中常用的事件.mp4
- 06.事件绑定 – 事件对象的属性列表.mp4
- 07.事件绑定 – target和currentTarget的区别.mp4
- 08.事件绑定 – bindtap的语法格式.mp4
- 09.事件绑定 – 在事件处理函数中为data中的数据赋值.mp4
- 10.事件绑定 – 事件传参.mp4
- 11.事件绑定 – bindinput的语法格式.mp4
- 12.事件绑定 – 实现文本框和data之间的数据同步.mp4
- 13.条件渲染 – if…elif…else.mp4
- 14.条件渲染 – 基于block标签使用if条件渲染.mp4
- 15.条件渲染 – hidden.mp4
- 16.条件渲染 – if和hidden的区别.mp4
- 17.列表渲染 – for循环的基本用法.mp4
- 18.列表渲染 – 手动指定索引和当前项的变量名.mp4
- 19.列表渲染 – 指定key值提高渲染效率.mp4
- 20.wxss – 了解什么是wxss以及它和css之间的关系.mp4
- 21.wxss – 了解什么是rpx以及它的实现原理.mp4
- 22.wxss – rpx与px之间的单位换算.mp4
- 23.wxss – @import样式导入.mp4
- 24.wxss – 全局样式.mp4
- 25.wxss – 局部样式.mp4
- 26.全局配置 – 常用的全局配置项以及小程序窗口的组成部分.mp4
- 27.全局配置 – window – 设置导航栏的标题.mp4
- 28.全局配置 – window – 设置导航栏的背景色.mp4
- 29.全局配置 – window – 设置导航栏的标题颜色.mp4
- 30.全局配置 – window – 全局开启下拉刷新的功能.mp4
- 31.全局配置 – window – 关于模拟器的问题说明.mp4
- 32.全局配置 – window – 设置下拉刷新时的窗口背景色.mp4
- 33.全局配置 – window – 设置下拉刷新时loading的样式.mp4
- 34.全局配置 – window – 设置上拉触底的距离.mp4
- 35.全局配置 – tabBar – 什么是tabBar.mp4
- 36.全局配置 – tabBar – tabBar的6个组成部分.mp4
- 37.全局配置 – tabBar – 了解tabBar中的配置项.mp4
- 38.全局配置 – tabBar – 实现tabBar案例的效果.mp4
- 39.页面配置 – 了解页面配置和全局配置的关系.mp4
- 40.页面配置 – 页面配置中常用的配置项.mp4
- 41.数据请求 – 小程序中网络数据请求的限制.mp4
- 42.数据请求 – 配置request合法域名.mp4
- 43.数据请求 – 发起GET请求.mp4
- 44.数据请求 – 发起POST请求.mp4
- 45.数据请求 – 了解如何在页面刚加载的时候请求数据.mp4
- 46.数据请求 – 跳过request合法域名校验.mp4
- 47.数据请求 – 关于跨域和Ajax的说明.mp4
- 48.案例 – 创建项目并梳理项目结构.mp4
- 49.案例 – 配置导航栏效果.mp4
- 50.案例 – 配置tabBar效果.mp4
- 51.案例 – 获取轮播图的数据.mp4
- 52.案例 – 渲染轮播图效果.mp4
- 53.案例 – 获取九宫格的数据.mp4
- 54.案例 – 渲染九宫格的布局效果.mp4
- 55.案例 – 实现首页底部图片的布局效果.mp4
- 56.总结.mp4
- 00.学习目标 .mp4
- 01.页面导航 – 了解小程序中实现页面导航的两种方式.mp4
- 02.页面导航 – 声明式导航 – 导航到tabBar页面.mp4
- 03.页面导航 -声明式导航 – 导航到非tabBar页面.mp4
- 04.页面导航 – 声明式导航 – 实现后退导航效果.mp4
- 05.页面导航 – 编程式导航 – 导航到tabBar页面.mp4
- 06.页面导航 – 编程式导航 – 导航到非tabBar页面.mp4
- 07.页面导航 – 编程式导航 – 实现后退导航效果.mp4
- 08.页面导航 – 导航传参 – 声明式导航传参.mp4
- 09.页面导航 – 导航传参 – 编程式导航传参.mp4
- 10导航传参.mp4
- 11.页面事件 – 下拉刷新 – 了解什么是下拉刷新.mp4
- 12.页面事件 – 下拉刷新 – 启用下拉刷新.mp4
- 13.页面事件 – 下拉刷新 – 配置下拉刷新窗口的样式.mp4
- 14.页面事件 – 下拉刷新 – 监听页面的下拉刷新事件.mp4
- 15.页面事件 – 下拉刷新 – 停止下拉刷新的效果.mp4
- 16.页面事件 – 上拉触底 – 了解什么是上拉触底.mp4
- 17.页面事件 – 上拉触底 – 监听页面的上拉触底事件.mp4
- 18.页面事件 – 上拉触底 – 配置上拉触底距离.mp4
- 19.上拉触底案例 – 案例效果展示.mp4
- 20.上拉触底案例 – 定义获取随机颜色的方法.mp4
- 21.上拉触底案例 – 渲染UI结构并美化页面效果.mp4
- 22.上拉触底案例 – 上拉触底时获取随机颜色.mp4
- 23.上拉触底案例 – 添加loading提示效果.mp4
- 24.上拉触底案例 – 介绍为什么需要对上拉触底进行节流处理.mp4
- 25.上拉触底案例 – 对上拉触底进行节流处理.mp4
- 26.扩展 – 自定义编译模式.mp4
- 27.生命周期 – 什么是生命周期.mp4
- 28.生命周期 – 小程序中生命周期的两个分类.mp4
- 29.生命周期 – 什么是生命周期函数.mp4
- 30.生命周期 – 小程序中生命周期函数的两个分类.mp4
- 31.生命周期 – 应用的生命周期函数.mp4
- 32.生命周期 – 页面的生命周期函数.mp4
- 33.wxs – 了解什么是wxs以及应用场景.mp4
- 34.wxs – 了解wxs和JavaScript的关系.mp4
- 35.wxs – 内嵌wxs脚本.mp4
- 36.wxs – 定义外联的wxs脚本.mp4
- 37.wxs – 使用外联的wxs脚本.mp4
- 38.wxs – 了解wxs的4个特点.mp4
- 39.案例 – 商铺列表页面的效果演示.mp4
- 40.案例 – 把项目代码加载到微信开发者工具中.mp4
- 41.案例 – 实现导航跳转并传参.mp4
- 42.案例 – 动态设置商铺列表页面的标题内容.mp4
- 43.案例 – 创建商铺列表页面的编译模式.mp4
- 44.案例 – 了解API接口并定义需要的数据节点.mp4
- 45.案例 – 定义getShopList方法获取商品列表数据.mp4
- 46.案例 – 渲染商铺列表的UI结构并美化样式.mp4
- 47.案例 – 展示loading提示效果.mp4
- 48.案例 – 上拉触底时请求下一页数据.mp4
- 49.案例 – 对上拉触底事件进行节流控制.mp4
- 50.案例 – 演示并分析数据加载的问题.mp4
- 51.案例 – 介绍判断是否还有下一页数据的公式.mp4
- 52.案例 – 根据公式判断是否还有下一页的数据.mp4
- 53.案例 – 为商铺列表页面开启下拉刷新效果.mp4
- 54.案例 – 实现下拉刷新的功能.mp4
- 55.案例 – 解决下拉刷新窗口效果不会自动关闭的问题.mp4
- 56.案例 – 使用wxs处理手机号.mp4
- 57.总结.mp4
- 00.学习目标 .mp4
- 01.准备今天要用到的项目.mp4
- 02.自定义组件 – 组件的创建与引用 – 创建自定义组件.mp4
- 03.自定义组件 – 组件的创建与引用 – 局部引用组件.mp4
- 04.自定义组件 – 组件的创建与引用 – 全局引用组件.mp4
- 05.自定义组件 – 组件的创建与引用 – 全局引用VS局部引用.mp4
- 06.自定义组件 – 组件的创建与引用 – 组件和页面的区别.mp4
- 07.自定义组件 – 样式 – 组件的样式隔离特性.mp4
- 08.自定义组件 – 样式 – 组件样式隔离的注意点.mp4
- 09.自定义组件 – 样式 – 修改组件的样式隔离选项.mp4
- 10.自定义组件 – 数据、方法、属性 – 定义data私有数据.mp4
- 11.自定义组件 – 数据、方法、属性 – methods方法.mp4
- 12.自定义组件 – 数据、方法、属性 – 定义properties属性.mp4
- 13.自定义组件 – 数据、方法、属性 – 使用max属性控制自增的最大值.mp4
- 14.自定义组件 – 数据、方法、属性 – data和properties的区别.mp4
- 15.自定义组件 – 数据、方法、属性 – 使用setData修改properties的值.mp4
- 16.自定义组件 – 数据监听器 – 什么是数据监听器及其语法格式.mp4
- 17.自定义组件 – 数据监听器 – 数据监听器的基本用法.mp4
- 18.自定义组件 – 数据监听器 – 监听对象属性的变化.mp4
- 19.自定义组件 – 数据监听器案例 – 创建组件并定义数据.mp4
- 20.自定义组件 – 数据监听器案例 – 渲染组件的UI结构.mp4
- 21.自定义组件 – 数据监听器案例 – 定义button的事件处理函数.mp4
- 22.自定义组件 – 数据监听器案例 – 监听对象中指定属性的变化.mp4
- 23.自定义组件 – 数据监听器案例 – 监听对象中所有属性的变化.mp4
- 24.自定义组件 – 纯数据字段 – 什么是纯数据字段.mp4
- 25.自定义组件 – 纯数据字段 – 使用规则.mp4
- 26.自定义组件 – 纯数据字段 – 使用纯数据字段改造数据监听器案例.mp4
- 27.自定义组件 – 组件的生命周期 – 组件全部的生命周期函数.mp4
- 28.自定义组件 – 组件的生命周期 – 组件主要的生命周期函数.mp4
- 29.自定义组件 – 组件的生命周期 – lifetimes节点.mp4
- 30.自定义组件 – 组件所在页面的生命周期 – 概念.mp4
- 31.自定义组件 – 组件所在页面的生命周期 – pageLifetimes节点.mp4
- 32.自定义组件 – 组件所在页面的生命周期 – 生成随机的RGB颜色值.mp4
- 33.自定义组件 – 插槽 – 什么是插槽.mp4
- 34.自定义组件 – 插槽 – 单个插槽.mp4
- 35.自定义组件 – 插槽 – 启用多个插槽.mp4
- 36.自定义组件 – 插槽 – 定义和使用多个插槽.mp4
