/ 注册

首页 > 学习路径 > 闯关式学习

2023 大前端开发（Vue方向）

目前，Web新开发的项目有80%以上都采用前后端分离的模式，不管后端使用哪一种语言开发，前端都是一样的技术，现在能熟练使用Vue，在一线城市起步薪资基本上最少10000元起！本课程零基础开始，闯关式学习，死磕Vue3，大前端程序员速成必学！

3大
学习步骤
279关
闯关任务
422节
视频课程
1年
答疑辅导

首推价　880　元/年

¥3199 支持花呗 74元/月×12期

领取试学立即开通

此课程不得不学的三大理由

全新模式，边练边学，最终达到独立开发水平

清晰的学习路线
明确学习路径，必学+选修，基础+实战+进阶，循序渐进，系统性的学习，完成完整的实战项目！解决不知从何学起，盲目学习，动手能力差，学习效率低等问题。
01
闯关式+督促式学习
学习过程中会自动弹出闯关题，答对才能继续，一节一节完成小目标，通过克服困难来获得快乐，增加学习成就；另外不断的进行学习督促提醒，杜绝拖延，养成自律学习好习惯！
02
老师随时辅导答疑
专属班级内部群，在学习过程中遇到任何问题，都可以随时请教，老师会第一时间响应，甚至远程协助，教你学会如何定位和分析问题，提升自学和解决问题的能力，增加学习信心。
03

学习路线

大前端快速入门

时长：06小时40分钟51秒 3门课程

夯实基础，玩透HTML5、CSS3 让你真正学会JavaScript 用自己的前端框架布局各种页面

必修

HTML+CSS 快速上手
11-30更新

本课从0开始，实际案例带你快速掌握HTML+CSS和网页布局，声明自己的样式框架，企业级开发规范，并通过开发整套项目模板，达到灵活运用！

67关 95节课
课程大纲(闯关)

第1章认识大前端及学习准备
展开

1-1  vscode安装配置-常用插件详解（字幕版）  试学

41分钟01秒
闯关文章

1-2  工欲善其事，必先利其器之webStorm安装  试学

06分钟36秒
闯关文章

1-3  前端程序员可开发的程序范畴  试学

07分钟42秒
闯关文章

1-4  如何区分H5、WEB前端、大前端、WEB全栈？  试学

08分钟06秒
闯关文章

第2章 HTML中常用标签及属性
展开

2-1  HTML超文本标记语言--超在那里？

08分钟10秒
闯关文章

2-2  HTML主体结构与相关标签

05分钟55秒
闯关文章

2-3  HTML十六进制颜色值与注释

05分钟57秒
闯关文章

2-4  HTML实体字符的使用

04分钟51秒
闯关文章

2-5  head标签中常用标签解析

11分钟09秒
闯关文章

2-6  body里的文本与文本格式标签

08分钟39秒
闯关文章

2-7  H5新晋级的文本格式标签

09分钟24秒
闯关文章

2-8  语义化标签与列表布局标签

07分钟29秒
闯关文章

2-9  a标签需要注意的路径与跳转方式问题

06分钟19秒
闯关文章

2-10  实例讲解多媒体标签

11分钟38秒
闯关文章

2-11  前端海量标签的记忆技巧

05分钟05秒
闯关文章

2-12  markdown语法全解

13分钟18秒
闯关文章

2-13  细说table标签

10分钟12秒
闯关文章

2-14  全方位解析与form表单相关的元素-上

08分钟50秒
闯关文章

2-15  全方位解析与form表单相关的元素-下

09分钟08秒
闯关文章

2-16  内联标签iframe的使用

02分钟06秒
闯关文章

第3章不在裸奔，走进CSS世界
展开

3-1  走进css世界--css的若干种引用方式

08分钟42秒
闯关文章

3-2  css选择器--基本选择器解析

05分钟32秒
闯关文章

3-3  css选择器--层级选择器解析

05分钟10秒
闯关文章

3-4  css选择器--结构性伪类选择器解析--上

11分钟25秒
闯关文章

3-5  css选择器--结构性伪类选择器解析--下

09分钟44秒
闯关文章

3-6  css状态伪类选择器以及选择器优先级

06分钟20秒
闯关文章

3-7  css-font字体属性

04分钟01秒
闯关文章

3-8  css-text文本属性

02分钟58秒
闯关文章

3-9  css--background背景属性

03分钟49秒
闯关文章

3-10  课堂总结与章节作业布置

03分钟08秒
闯关文章

第4章 CSS样式及布局控制
展开

4-1  CSS宽高尺寸属性

09分钟22秒
闯关文章

4-2  CSS导航列表属性

05分钟50秒
闯关文章

4-3  CSS定位属性--固定fixed

06分钟01秒
闯关文章

4-4  CSS定位属性--相对定位relative

03分钟17秒
闯关文章

4-5  相对定位与绝对定位的关系--上

09分钟24秒
闯关文章

4-6  相对定位与绝对定位的关系--下

09分钟05秒
闯关文章

4-7  CSS布局属性控制元素的隐藏与显示

10分钟57秒
闯关文章

4-8  CSS控制div左右浮动

10分钟34秒
闯关文章

4-9  标准盒模型与浮动的结合使用

10分钟37秒
闯关文章

4-10  如何解决div外边距重合问题

06分钟21秒
闯关文章

4-11  盒子大小与内外边距及边框的关系

05分钟12秒
闯关文章

4-12  box-sizing属性解决盒子换行的问题

01分钟30秒
闯关文章

4-13  弹性盒模型--伸缩盒布局

08分钟14秒
闯关文章

4-14  伸缩盒实现多级导航联动

12分钟40秒
闯关文章

第5章实战之定义布局框架文件
展开

5-1  深入解析弹性盒模型属性设置-上

11分钟19秒
闯关文章

5-2  深入解析弹性盒模型属性设置-下

06分钟21秒
闯关文章

5-3  企业网站的页面布局分析

04分钟16秒
闯关文章

5-4  定义框架底层样式文件

11分钟35秒
闯关文章

5-5  设置框架的弹性布局公共样式

06分钟48秒
闯关文章

5-6  设置框架的边框公共样式

03分钟48秒
闯关文章

5-7  设置框架的边距公共样式

08分钟21秒
闯关文章

5-8  设置框架的其他公共样式

03分钟50秒
闯关文章

5-9  项目中引入公共样式圆角边框

07分钟34秒
闯关文章

5-10  如何在项目中引入iconfont字体图标

09分钟02秒
闯关文章

5-11  实战--定义头部公共模板文件

05分钟24秒
闯关文章

5-12  实战--定义优雅的搜索框样式

06分钟17秒
闯关文章

5-13  实战--设置字体图标的样式背景与居中对齐

05分钟31秒
闯关文章

5-14  实战--设置nav导航栏的基本样式

07分钟31秒
闯关文章

第6章实战之动画及公共头部
展开

6-1  文字阴影与背景颜色径向渐变  试学

04分钟55秒
闯关文章

6-2  CSS实现盒子的转换与过渡效果  试学

08分钟22秒
闯关文章

6-3  实战--css动画效果与动画轮播-上  试学

08分钟19秒
闯关文章

6-4  实战--css动画效果与动画轮播-下

07分钟09秒
闯关文章

6-5  实战--css3实现用伪类写导航下划线动画效果

04分钟48秒
闯关文章

6-6  实战--实现二级菜单样式与动画效果

10分钟06秒
闯关文章

6-7  实战--实现侧边栏固定效果-上

08分钟14秒
闯关文章

6-8  实战--实现侧边栏固定效果-下

03分钟31秒
闯关文章

6-9  实战--实现底部footer的样式布局

09分钟31秒
闯关文章

6-10  实战--实现首页商品导航效果

10分钟37秒
闯关文章

6-11  实战--商品展示区的头部布局

08分钟52秒
闯关文章

6-12  实战--商品卡片的样式布局-上

05分钟14秒
闯关文章

6-13  实战--完成商品卡片的动画效果

06分钟42秒
闯关文章

6-14  实战--商品卡片的样式布局-下

04分钟49秒
闯关文章

第7章实战之列表页及详情页
展开

7-1  实战--完成面包屑导航的样式布局

05分钟35秒
闯关文章

7-2  实战--完成商品排序方式的动画效果-上

14分钟22秒
闯关文章

7-3  实战--完成商品排序方式的动画效果-下

08分钟16秒
闯关文章

7-4  实战--完成商品列表页样式布局

06分钟12秒
闯关文章

7-5  实战--完成商品基本信息区的样式布局

10分钟38秒
闯关文章

7-6  实战--完成商品基本信息区的样式布局02

08分钟03秒
闯关文章

7-7  实战--完成商品基本信息区的样式布局03

04分钟21秒
闯关文章

7-8  实战--商品详情的样式布局01

08分钟26秒
闯关文章

7-9  实战--商品详情的样式布局02

11分钟45秒
闯关文章

7-10  实战--猜你喜欢区域的样式布局

11分钟16秒
闯关文章

第8章实战之购物车及订单页
展开

8-1  商城购物车的样式布局01

11分钟40秒
闯关文章

8-2  商城购物车的样式布局02

10分钟32秒
闯关文章

8-3  商城购物车的样式布局03

11分钟44秒
闯关文章

8-4  订单预览页--收件信息样式布局

13分钟04秒
闯关文章

8-5  订单预览页--支付方式样式布局

06分钟11秒
闯关文章

8-6  订单预览页--订单内容样式布局01

10分钟15秒
闯关文章

8-7  订单预览页--订单内容样式布局02

06分钟00秒
闯关文章

8-8  商城个人中心页面的结构分析

08分钟56秒
闯关文章

8-9  订单页与@media查询-上

06分钟41秒
闯关文章

8-10  订单页与@media查询-下

07分钟06秒
闯关文章
必修

JavaScript 编程技巧与实战
11-30更新

本课程主要讲解JavaScript基本语法，包含最新web API、DOM、BOM操作、移动端制作网页特效等。课程采用闭环方式设计，重点内容，通过完整的案例或项目，进行综合强化练习，让学生学以致用。

76关 103节课
课程大纲(闯关)

第1章 JavaScript变量声明与流程控制
展开

1-1  html-css众多属性的科学记忆法  试学

06分钟33秒
闯关文章

1-2  javascript学习概览与目标--前后端分离  试学

06分钟59秒
闯关文章

1-3  前后端分离思想的核心与学习目标  试学

03分钟54秒
闯关文章

1-4  javascript是什么以及发展史

03分钟03秒
闯关文章

1-5  javascript的三种引用方式

08分钟22秒
闯关文章

1-6  javascript的输出方式有哪些

06分钟43秒
闯关文章

1-7  javascript基础语法

04分钟45秒
闯关文章

1-8  javascript变量的声明与命名规范

04分钟59秒
闯关文章

1-9  javascript变量类型的转换

09分钟00秒
闯关文章

1-10  浅析javascript运算符的使用

07分钟08秒
闯关文章

1-11  javascript流程控制结构

06分钟12秒
闯关文章

第2章 JS高阶函数与对象的遍历
展开

2-1  while循环嵌套结构的使用

11分钟07秒
闯关文章

2-2  for循环实现乘法口诀表

07分钟13秒
闯关文章

2-3  break与continue语句的用法

01分钟57秒
闯关文章

2-4  js自定义函数的声明

05分钟11秒
闯关文章

2-5  js函数的参数及其作用

05分钟41秒
闯关文章

2-6  js函数的返回值

02分钟35秒
闯关文章

2-7  函数可变参数的使用

06分钟23秒
闯关文章

2-8  js高阶函数之回调函数

05分钟21秒
闯关文章

2-9  js高阶函数之匿名函数

05分钟20秒
闯关文章

2-10  使用构造函数生成一个js对象

06分钟32秒
闯关文章

2-11  通过new Object()创建对象

03分钟19秒
闯关文章

2-12  解析js中的this对象

05分钟35秒
闯关文章

2-13  js对象的循环遍历

06分钟04秒
闯关文章

2-14  字面量方式声明js对象

05分钟39秒
闯关文章

2-15  js数组相关的操作

06分钟25秒
闯关文章

第3章玩转JS数组操作方法
展开

3-1  js对象在实际开发中的使用规则

06分钟39秒
闯关文章

3-2  js使用内建构造函数创建包装对象

07分钟39秒
闯关文章

3-3  js队列方法push()-shift()-pop()-unshift()的使用

08分钟50秒
闯关文章

3-4  js数组操作方法

06分钟21秒
闯关文章

3-5  js系统排序算法

07分钟52秒
闯关文章

3-6  js数组迭代处理方法

03分钟16秒
闯关文章

3-7  js字符串操作方法

08分钟27秒
闯关文章

3-8  js数值方法和属性

02分钟25秒
闯关文章

3-9  js math对象方法

09分钟59秒
闯关文章

3-10  日期方法--实现日历功能

06分钟37秒
闯关文章

3-11  js常用事件类型

05分钟25秒
闯关文章

第4章 BOM操作实现JS定时器
展开

4-1  js异常处理

10分钟53秒
闯关文章

4-2  BOM浏览器对象模型

08分钟04秒
闯关文章

4-3  BOM核心--window对象

05分钟52秒
闯关文章

4-4  window内容加载事件

06分钟24秒
闯关文章

4-5  window对象的成员属性

04分钟13秒
闯关文章

4-6  window对象窗口操作方法

08分钟21秒
闯关文章

4-7  js定时器

06分钟52秒
闯关文章

4-8  多个定时器清除

08分钟57秒
闯关文章

4-9  window.screen对象的应用

05分钟52秒
闯关文章

4-10  window.location对象实现页面跳转

05分钟18秒
闯关文章

4-11  window.history对象的应用

05分钟16秒
闯关文章

4-12  js cookie操作对象的应用

05分钟17秒
闯关文章

4-13  js localStorage客户端数据存储

08分钟29秒
闯关文章

4-14  作业汇总与本章总结

04分钟16秒
闯关文章

第5章 DOM操作实现动态选项卡
展开

5-1  DOM文档对象模型的由来

08分钟09秒
闯关文章

5-2  JS与HTML之间的关联与转换

07分钟32秒
闯关文章

5-3  操作单个dom元素添加动画

09分钟12秒
闯关文章

5-4  DOM属性成员与文档流

09分钟15秒
闯关文章

5-5  通过文档的集合操作获取对象

06分钟41秒
闯关文章

5-6  model操作元素内容

09分钟47秒
闯关文章

5-7  model操作元素属性

07分钟17秒
闯关文章

5-8  js实现批量添加选择器

11分钟32秒
闯关文章

5-9  js实现动态选项卡

09分钟55秒
闯关文章

5-10  通过name属性获取元素集合实现全选功能

06分钟53秒
闯关文章

5-11  作业总结

05分钟17秒
闯关文章

第6章 DOM节点导航与动画设置
展开

6-1  通过类名属性获取对象-1

05分钟09秒
闯关文章

6-2  通过类名属性获取对象-2

04分钟40秒
闯关文章

6-3  通过querySelectorAll()方法查找html元素

05分钟30秒
闯关文章

6-4  HTML DOM导航

07分钟48秒
闯关文章

6-5  节点属性

08分钟43秒
闯关文章

6-6  在节点之间导航

09分钟42秒
闯关文章

6-7  如何封装获取节点集合

09分钟14秒
闯关文章

6-8  如何创建-删除-追加-替换元素节点01

08分钟27秒
闯关文章

6-9  如何创建-删除-追加-替换元素节点02

06分钟03秒
闯关文章

6-10  详解div盒子的宽高位置属性01

07分钟22秒
闯关文章

6-11  详解div盒子的宽高位置属性02

10分钟24秒
闯关文章

6-12  DOM动画设置

07分钟38秒
闯关文章

第7章事件冒泡与鼠标键盘小游戏实现
展开

7-1  课程回顾与展望（重点）

03分钟26秒
闯关文章

7-2  事件源-事件对象-事件处理程序之间的关系

06分钟47秒
闯关文章

7-3  为元素添加事件的三种方法

05分钟53秒
闯关文章

7-4  事件对象解析

06分钟22秒
闯关文章

7-5  事件对象属性--事件冒泡

08分钟39秒
闯关文章

7-6  鼠标事件--实现图片跟随鼠标移动

08分钟54秒
闯关文章

7-7  模拟鼠标拖拽事件01

08分钟10秒
闯关文章

7-8  模拟鼠标拖拽事件02

07分钟10秒
闯关文章

7-9  键盘事件--实现键盘精灵小游戏01

09分钟14秒
闯关文章

7-10  键盘事件--实现键盘精灵小游戏02

06分钟57秒
闯关文章

7-11  键盘事件--实现键盘精灵小游戏03

04分钟51秒
闯关文章

7-12  滚动事件--页面滚动保持图片位置固定

07分钟42秒
闯关文章

7-13  DOM表单相关的事件与方法

08分钟02秒
闯关文章

7-14  下拉框onchange事件与作业演示

06分钟45秒
闯关文章
选修

PHP WEB 项目实战
11-30更新

本课程属于番外篇，带你领略后端语言PHP的魅力，创建虚拟主机运行PHP项目，使用PHP与HTML的混编完成页面的编写等。

0关 16节课
课程大纲(闯关)

第1章 PHP与HTML的混编
展开

1-1  一个前端工程师必须掌握后端多少内容  试学

07分钟08秒
闯关文章

1-2  用后端语言php与html的混编来编写页面  试学

04分钟51秒
闯关文章

第2章模板引擎与虚拟主机
展开

2-1  php模板引擎的工作原理

07分钟26秒
闯关文章

2-2  创建虚拟主机运行php项目

07分钟19秒
闯关文章

第3章商城项目
展开

3-1  商城后台与前台页面展示

13分钟04秒
闯关文章

3-2  整理模板文件的公共头部与尾部

07分钟14秒
闯关文章

3-3  加载页面静态资源01

07分钟41秒
闯关文章

3-4  加载页面静态资源02

06分钟30秒
闯关文章

3-5  商城首页数据动态渲染01

10分钟50秒
闯关文章

3-6  商城首页数据动态渲染02

05分钟47秒
闯关文章

3-7  制作商城首页banner轮播图01

16分钟16秒
闯关文章

3-8  制作商城首页banner轮播图02

20分钟27秒
闯关文章

3-9  制作商城首页banner轮播图03

20分钟00秒
闯关文章

3-10  原生轮播幻灯片思路总结

12分钟57秒
闯关文章

3-11  用户注册--表单字段的验证方法

07分钟15秒
闯关文章

3-12  实现三级联动菜单

05分钟06秒
闯关文章

Web工程化开发

时长：11小时37分钟21秒 5门课程

会项目打包和优化才能让效率更高，灵活使用包管理和工具才能让你强大，前后端分离的项目才是现在的主流

必修

Node.js-前端工程化必学
11-30更新

本课程将会带领你领略 Node.js 的魅力，从 Node.js 的基本入手，学习函数、事件、模块等概念为WebPack做技术铺垫。另外本课程会带领你学习es6新标准由浅入深，为学习前端框架和工程化开发做铺垫。

37关 19节课
课程大纲(闯关)

第1章 Node.js的模块应用
展开

1-1  Node如何作为js的服务器环境而运行的  试学

09分钟19秒
闯关文章

1-2  学习Nodejs的目的  试学

07分钟04秒
闯关文章

1-3  nodejs的安装与命令运行  试学

07分钟15秒
闯关文章

1-4  node全局对象

05分钟46秒
闯关文章

1-5  node全局函数

03分钟27秒
闯关文章

1-6  nodejs模块化结构介绍

05分钟07秒
闯关文章

1-7  基于CommonJS规范自定义模块

08分钟39秒
闯关文章

1-8  Node异步操作

05分钟13秒
闯关文章

1-9  fs模块同步异步读写文件

10分钟28秒
闯关文章

1-10  系统模板--path模块的用法

02分钟56秒
闯关文章

1-11  系统模块--URL与HTTP模板的使用

06分钟47秒
闯关文章

1-12  nodejs模块开发总结

04分钟07秒
闯关文章

第2章 NPM/Yarn包管理工具
展开

2-1  NPM--node包管理工具

07分钟20秒
闯关文章

2-2  NPM工作原理

07分钟11秒
闯关文章

2-3  npm常用指令的使用01

08分钟34秒
闯关文章

2-4  npm常用指令的使用02

08分钟48秒
闯关文章

2-5  npm镜像的设置与查看

02分钟40秒
闯关文章

2-6  package.json文件中版本号的说明

03分钟28秒
闯关文章

2-7  Yarn--JS包管理工具

03分钟38秒
闯关文章
必修

两小时学会 Webpack
11-30更新

随着前端工程化即模块化开发的需求逐渐流行，webpack 已经越来越成为一个前端项目的标配，本课程介绍了如何在项目中使用 webpack 打包文件，处理各种资源，以及配置开发环境，上线环境等，通过实际的例子来讲解 webpack 的使用方法，带你探索 webpack 强大的功能。

21关 14节课
课程大纲(闯关)

第1章 Webpack 基本配置
展开

1-1  认识webpack模块打包工具  试学

06分钟58秒
闯关文章

1-2  webpack打包原理与使用  试学

13分钟38秒
闯关文章

1-3  webpack的5大核心概念  试学

09分钟04秒
闯关文章

第2章 Webpack压缩打包html页面文件
展开

2-1  webpack--output项配置

03分钟51秒
闯关文章

2-2  webpack--entry项配置

06分钟11秒
闯关文章

2-3  webpack如何压缩打包html资源

08分钟03秒
闯关文章

2-4  作业-如何打包多个html页面

06分钟40秒
闯关文章

第3章 Webpack打包流程与devServer配置
展开

3-1  webpack打包流程01

09分钟06秒
闯关文章

3-2  webpack打包流程02

10分钟08秒
闯关文章

3-3  webpack打包css资源的详细过程

12分钟41秒
闯关文章

3-4  webpack提取css为单独文件

04分钟35秒
闯关文章

3-5  webpack打包less或sass资源

12分钟13秒
闯关文章

3-6  webpack处理css的兼容性

04分钟28秒
闯关文章

3-7  devServer配置实现实时编译

04分钟35秒
闯关文章
必修

走进 ES6 新标准语法
11-30更新

ECMAScript 6目前基本成为业界标准，主流前端框架ReactJS、Vue.js、angularjs等都会使用到ES6的新特性，它的普及速度比ES5快很多。本章课程为大家详解常用的es6新特性：不一样的变量声明、模板字符串、箭头函数、对象和数组解构、ES6中的类以及Module模块化编程等内容。

28关 15节课
课程大纲(闯关)

第1章 ECMAScript6变量声明
展开

1-1  ECMAScript和JavaScript的关系  试学

08分钟50秒
闯关文章

1-2  实例讲解用var声明变量的不足点  试学

14分钟56秒
闯关文章

1-3  使用let声明变量的优势  试学

05分钟50秒
闯关文章

1-4  const命名声明常量

12分钟24秒
闯关文章

第2章 ES6箭头函数的经典应用
展开

2-1  细说es6箭头函数

11分钟25秒
闯关文章

2-2  箭头函数的经典应用

05分钟30秒
闯关文章

2-3  箭头函数中this的继承关系

14分钟54秒
闯关文章

第3章 ES6数组处理与解构赋值
展开

3-1  es6数组处理新增的高级方法

10分钟18秒
闯关文章

3-2  es6模板字符串的使用

03分钟48秒
闯关文章

3-3  es6解构赋值的应用

11分钟44秒
闯关文章

3-4  es6扩展运算符

08分钟12秒
闯关文章

第4章 ES6类的概念与Module模块化编程
展开

4-1  es6--Class类的概念

11分钟37秒
闯关文章

4-2  es6--JSON对象串行化与反串行化

07分钟32秒
闯关文章

4-3  Module模块化编程的优点01

12分钟23秒
闯关文章

4-4  Module模块化编程的优点02

19分钟49秒
闯关文章
必修

Vue3.0 极速入门教程
11-30更新

本课程帮助您学习vue3.0的核心语法开发，全面认识Vue 3.0的设计目标以及与Vue2.0的差异，通过案例的形式讲解Composition API的实际使用以及Vue3.0代码复用的优势。

50关 55节课
课程大纲(闯关)

第1章 Vue3-MVVM模式与组件化开发
展开

1-1  认识新版VUE3全家桶  试学

10分钟49秒
闯关文章

1-2  VUE两大核心--响应式与组件化开发  试学

06分钟40秒
闯关文章

1-3  VUE数据双向绑定  试学

09分钟17秒
闯关文章

1-4  VUE事件操作

06分钟22秒
闯关文章

1-5  命令交互式安装vue-cli脚手架

09分钟34秒
闯关文章

1-6  VUE项目的运行与打包

10分钟35秒
闯关文章

1-7  mount函数组件挂载原理

12分钟24秒
闯关文章

1-8  数据双向绑定与vue.config.js文件配置

08分钟28秒
闯关文章

1-9  VUE实例参数与MVVM模式

07分钟43秒
闯关文章

1-10  VUE模板插值操作

02分钟41秒
闯关文章

1-11  VUE模板指令的使用

04分钟04秒
闯关文章

1-12  VUE虚拟DOM与diff算法

10分钟42秒
闯关文章

第2章 Vue的模板指令与事件监听
展开

2-1  昨日课程串记

06分钟36秒
闯关文章

2-2  v-bind指令实现元素属性的动态绑定

06分钟10秒
闯关文章

2-3  详解v-bind绑定style属性

16分钟36秒
闯关文章

2-4  v-bind绑定class属性实现动态样式

11分钟36秒
闯关文章

2-5  VUE computed处理计算属性

15分钟15秒
闯关文章

2-6  VUE事件监听

09分钟17秒
闯关文章

2-7  v-on事件修饰符号

06分钟55秒
闯关文章

2-8  VUE条件分支指令

06分钟29秒
闯关文章

2-9  VUE循环遍历指令v-for

13分钟00秒
闯关文章

2-10  v-model表单数据双向绑定--实现购物车总价实时计算

14分钟27秒
闯关文章

第3章 Vue组件通讯与具名插槽
展开

3-1  VUE组件化开发

15分钟44秒
闯关文章

3-2  VUE组件的创建与注册

13分钟20秒
闯关文章

3-3  VUE scoped属性实现组件样式的独立性

08分钟26秒
闯关文章

3-4  VUE中使用lang=scss

04分钟21秒
闯关文章

3-5  父组件向子组件传递数据

13分钟54秒
闯关文章

3-6  $emit实现子组件向父组件通讯

12分钟35秒
闯关文章

3-7  插槽slot抽取组件共性以实现组件扩展

07分钟45秒
闯关文章

3-8  具名插槽和作用域插槽的升级--v-slot的使用

10分钟57秒
闯关文章

第4章组件生命周期与Element-plus组件库
展开

4-1  组件各个生命周期的职责

08分钟22秒
闯关文章

4-2  组件生命周期钩子函数的触发

11分钟31秒
闯关文章

4-3  组件生命周期--实例的创建与销毁

11分钟20秒
闯关文章

4-4  Element-UI-ElementPlus组件库文档介绍

10分钟16秒
闯关文章

4-5  ElementPlus组件在main.js中全局引用

08分钟53秒
闯关文章

4-6  ElementPlus tab组件的二次开发

07分钟57秒
闯关文章

4-7  Vue Router的安装与启用

07分钟38秒
闯关文章

4-8  创建页面路由

13分钟19秒
闯关文章

4-9  router-link组件实现路由导航

07分钟05秒
闯关文章

4-10  使用全局变量$route实现路由跳转

07分钟19秒
闯关文章

4-11  路由跳转--参数传递与接收

06分钟13秒
闯关文章

第5章 Vue路由嵌套与Vuex状态管理
展开

5-1  开启路由流程梳理

10分钟01秒
闯关文章

5-2  vue实现路由按需加载（路由懒加载）

08分钟13秒
闯关文章

5-3  Vue-route子路由（嵌套路由）

15分钟49秒
闯关文章

5-4  子路由参数传递与接收

05分钟33秒
闯关文章

5-5  路由重定向与别名设置

13分钟59秒
闯关文章

5-6  VUEX状态仓库管理

11分钟35秒
闯关文章

5-7  VUEX getters计算属性的使用

10分钟43秒
闯关文章

5-8  Vuex状态管理--Mutation的使用

10分钟11秒
闯关文章

5-9  Vuex状态管理--Action异步操作

05分钟18秒
闯关文章

5-10  Vuex Module--状态仓库分割

05分钟18秒
闯关文章
必修

玩转 Vue3.0 新特性
11-30更新

本课程主要围绕vue3.0 Composition API展开，相比vue2.0版本(Option API)，Composition API（组合API）算是3.0的重大变更之一，使用组合API的目的是通过一组低侵入式的、函数式的 API，使得我们能够更灵活地「组合」组件的逻辑。

0关 19节课
课程大纲(闯关)

第1章 Vue3新特性组合API-setup（）方法应用
展开

1-1  Vue3新特性--组合式Api  试学

09分钟02秒
闯关文章

1-2  setup函数--组件内使用Composition API的入口点  试学

13分钟44秒
闯关文章

1-3  setup函数的调用时机  试学

09分钟38秒
闯关文章

1-4  setup函数的返回值

04分钟29秒
闯关文章

1-5  setup函数的参数--props

06分钟18秒
闯关文章

1-6  setup函数的参数--（attrs,slots,emit）

13分钟04秒
闯关文章

1-7  Composition常用API--ref()创建响应式数据对象

09分钟33秒
闯关文章

1-8  Composition常用API--reative创建响应式对象

09分钟31秒
闯关文章

1-9  计算属性API（computed）

02分钟21秒
闯关文章

1-10  watch和watchEffect监听器01

10分钟47秒
闯关文章

1-11  watch和watchEffect监听器02

19分钟33秒
闯关文章

第2章 Axios异步网络请求
展开

2-1  axios异步请求的流程与原理

13分钟51秒
闯关文章

2-2  restful接口规范与postman调试工具介绍

07分钟19秒
闯关文章

2-3  ES6 Promise的原理与应用

11分钟51秒
闯关文章

2-4  axios异步请求数据与数据渲染

15分钟05秒
闯关文章

2-5  axios请求方式与请求参数

08分钟24秒
闯关文章

2-6  axios全局配置与请求响应拦截

14分钟21秒
闯关文章

2-7  封装axios实例请求

15分钟00秒
闯关文章

2-8  EWShop项目说明

05分钟29秒
闯关文章

综合实战

时长：25分钟04秒 2门课程

一点不落，死磕Vue3的每个细节组件化开发思想用到你怀疑人生能轻松开发前端项目这就是目标

必修

Vue3.0 移动商城项目实战（前后端分离）
11-30更新

本课程使用Vue3新增组合API + vant/Element Plus组件库完成商城移动端与后台管理的全部模板开发，掌握移动端项目与企业管理系统类软件的开发模式，项目扩展、测试、优化、上线、维护等常规操作的处理。

0关 75节课
课程大纲(闯关)

第1章项目初始化
展开

1-1  项目的文件和目录结构设计  试学

10分钟42秒
闯关文章

1-2  项目初始化--样式初始化  试学

09分钟46秒
闯关文章

1-3  组件目录初始化  试学

05分钟56秒
闯关文章

1-4  网络请求目录初始化

03分钟48秒
闯关文章

1-5  路由及其他目录初始化

06分钟55秒
闯关文章

1-6  vue.config.js配置别名alias

14分钟00秒
闯关文章

1-7  如何在样式中使用别名

05分钟43秒
闯关文章

1-8  开发商城导航菜单

11分钟17秒
闯关文章

1-9  为导航菜单引入字体图标

13分钟45秒
闯关文章

1-10  制作页面顶部标题栏01

10分钟25秒
闯关文章

1-11  制作页面顶部标题栏02

06分钟47秒
闯关文章

第2章首页中的商品推荐和选项卡
展开

2-1  页面路由拦截原理分析

10分钟27秒
闯关文章

2-2  首页推荐商品组件化开发设计

10分钟04秒
闯关文章

2-3  获取推荐商品接口数据并渲染

10分钟44秒
闯关文章

2-4  实现商品列表进入详情页

08分钟22秒
闯关文章

2-5  选项卡的动态高亮显示

12分钟21秒
闯关文章

2-6  切换选项卡获取tabIndex

05分钟45秒
闯关文章

2-7  创建公共商品列表组件

10分钟04秒
闯关文章

2-8  切换选项卡请求数据

15分钟09秒
闯关文章

2-9  组件传值渲染选项卡数据

07分钟46秒
闯关文章

2-10  Better Scroll组件实现上拉加载更多

11分钟28秒
闯关文章

2-11  分页数据的整合

12分钟19秒
闯关文章

第3章完善首页面的开发
展开

3-1  Better Scroll上拉加载更多流程梳理

11分钟07秒
闯关文章

3-2  加载分页数据

08分钟54秒
闯关文章

3-3  实现页面无抖动丝滑滚动效果

10分钟15秒
闯关文章

3-4  实现丝滑回到顶部效果

10分钟54秒
闯关文章

3-5  Vant组件库内容介绍

08分钟25秒
闯关文章

3-6  vue项目引入Vant并使用Swiper轮播组件

08分钟07秒
闯关文章

3-7  请求轮播图数据并渲染

07分钟45秒
闯关文章

3-8  lazyload懒加载与徽章组件的使用

07分钟18秒
闯关文章

3-9  设计开发分类页面

07分钟52秒
闯关文章

3-10  sidebar组件的使用

08分钟47秒
闯关文章

3-11  van-card组件与商品详情页设计

08分钟50秒
闯关文章

3-12  商品详情页开发

06分钟18秒
闯关文章

第4章登录和注册
展开

4-1  新用户注册与登录页面UI开发

08分钟15秒
闯关文章

4-2  用户注册表单验证与提交

14分钟45秒
闯关文章

4-3  邮箱已被占用-用户注册拦截

12分钟16秒
闯关文章

4-4  储存用户的登录凭证token在客户端

09分钟41秒
闯关文章

4-5  接口访问统一授权

07分钟11秒
闯关文章

4-6  登录跳转与退出

09分钟00秒
闯关文章

4-7  状态检测与页面口访问拦截

14分钟04秒
闯关文章

4-8  商品库存与购物车数量限制

10分钟00秒
闯关文章

4-9  添加购物车与立即购买

07分钟29秒
闯关文章

4-10  store状态仓库记录购物车数量

12分钟02秒
闯关文章

4-11  购物车页面设计

04分钟39秒
闯关文章

第5章项目安装部署
展开

5-1  清空购物车生成预览订单

12分钟46秒
闯关文章

5-2  订单管理与商品评价接口讲解

12分钟02秒
闯关文章

5-3  vue商城项目打包

07分钟36秒
闯关文章

5-4  打包项目线上部署

11分钟23秒
闯关文章

5-5  导航守卫与接口授权问题

13分钟01秒
闯关文章

5-6  项目业务逻辑梳理

10分钟51秒
闯关文章

5-7  菜单联动--收货详细地址的添加

10分钟48秒
闯关文章

5-8  创建订单相关的业务逻辑梳理

11分钟05秒
闯关文章

5-9  订单详情与头像上传流程梳理

09分钟04秒
闯关文章

第6章后台API搭建
展开

6-1  虚拟机安装wampserver

12分钟30秒
闯关文章

6-2  运行后端laravel项目

08分钟06秒
闯关文章

6-3  composer安装项目依赖

05分钟58秒
闯关文章

6-4  接口数据库迁移

06分钟59秒
闯关文章

6-5  对象存储OSS的开通与配置

09分钟05秒
闯关文章

6-6  安装并运行ewshop项目

04分钟01秒
闯关文章

6-7  安装并运行ant-design pro后台

15分钟34秒
闯关文章

6-8  根据服务器返回的状态码排错逻辑

07分钟11秒
闯关文章
选修

程序员就业面试技巧
11-30更新

老师多年的求职及HR经验总结，为学员提供全面的就业指导，涵盖互联网工作岗位介绍、工作职责、求职面试技巧、职业规划等。

0关 11节课
课程大纲(闯关)

第1章大前端开发岗位求职面试技巧
展开

1-1  互联网公司与传统软件公司的区别  试学

09分钟40秒
闯关文章

1-2  互联网公司常见岗位  试学

05分钟30秒
闯关文章

1-3  PM产品经理如何绘制  试学

05分钟59秒
闯关文章

1-4  产品经理的工作内容

04分钟26秒
闯关文章

1-5  UI-UE 平面设计师的工作职责

09分钟54秒
闯关文章

1-6  前端开发岗位面试简历技巧

07分钟51秒
闯关文章

第2章其它互联网岗位及工作流程
展开

2-1  测试工程师QA的工作职责

05分钟07秒
闯关文章

2-2  运维与运营工程师的工作职责

08分钟37秒
闯关文章

2-3  互联网公司组织架构与职级序列

07分钟46秒
闯关文章

2-4  互联网公司常见产品的开发流程

12分钟53秒
闯关文章

2-5  讨论开发方法论

07分钟01秒
闯关文章

大前端快速入门
(3)
Web工程化开发
(5)
综合实战
(2)

其他路线

PHP快速入坑

零基础，带你快速入门PHP，完成经典的Web项目开发

3步骤·10门课
22672人感兴趣
PHP框架开发

适合有一定的前端、PHP基础，通过主流框架实现快速开发！

2步骤·9门课
10522人感兴趣
PHP实战开发

适合有一定的前端、PHP基础，通过主流框架或原生PHP实现常见的web项目！

2步骤·7门课
8134人感兴趣
WEB前端快速入门

零基础，带你快速入门前端，完成常见的Web前端项目开发！

4步骤·11门课
7417人感兴趣

ACTUAL COMBAT PROJECT

核心实战项目

BREAKTHROUGH+SUPERVISION

全新《闯关式+督促式》学习模式

量身定制

量身定制学习计划，循序渐进，只学有用的，高效率不走弯路
清晰的路线

必学+选修，解决不知从何学起，盲目学习，学习效率低问题
闯关式学习

每个重要知识点弹出考题，要求100%掌握，否则无法继续
催促式学习

电话+倒计时+助教督促，专治各种惰性，心志不坚的同学
答疑辅导

内部交流群，一对一随时指导，另外提供兼职和工作机会
毕业证书

毕业后即可获得PHP中文网的毕业证书，展示你的学习成果

ABOUT INSTRUCTOR

核心讲师团

Peter Zhu

PHP中文网教学总监

首席讲师
高洛峰

《细说PHP》作者

首席讲师
徐枭雄

网红级讲师

特约讲师
孙健魁

Web界大神

特约讲师

讲师介绍：教学幽默风趣，讲解由浅入深，具有10多年教学经验，让学员“听得懂，学得会，用得上”是我的至高目标！

擅长：ES6/Node/Vue/PHP/ThinkPHP/Laravel开发与教学

讲师介绍：拥有十五年软件开发和IT教学经验，曾任多家上市公司技术总监，对Web系统开发深有研究，近年来致力于推广开源的PHP技术

擅长：Web前端开发技术/PHP全套技术/Linux/MySQL/Oracle

讲师介绍：10余年的前后端软件开发和教学经验，精通WEB前端技术体系，熟练使用后端PHP语言全部开发技能

擅长：对前端node、微信小程序、Vue、React、数据库、云服务器等有深入研究

讲师介绍：8年项目开发经验，在多家上市公司做过各种复杂难度的技术支持，带领团队解决"百千万级"项目重构、架构与设计

擅长：精通所有主流Web开发语言，对高并发软件架构有过深入研究

帮助与常见问题

Q：没有基础能报名吗?: 你好！本期课程适合任何基础，若你对大前端开发感兴趣，或本身是程序员想转大前端开发都可以学习。

Q：课程采用什么上课方式？: 本期课程采用录播+答疑+督导式+闯关式学习，你可以自由选择时间来学习，但是总时间不变，采用倒计时方式，我们采用各种手段逼迫你在总时间内学完和做完所有项目课程！

Q：学完以后能做什么？: PC端网页开发+移动端网页开发、管理平台功能界面开发、H5界面开发、公众平台二次开发、微信小程序开发、APP开发

Q：到公司上班每月能拿多少钱？: 通常一线城市能熟练使用vue起步薪资都在万元以上，二三线城市变化很大，大多在7K到15K之间，也有20K以上的，具体还是要看你技术水平与公司福利

Q：学不会怎么办？: 只要观看完所有视频，完成所有闯关题目，不存在学不会，另外我们会穷尽一切办法强迫你学习！

关于我们免责申明意见反馈讲师合作广告合作技术文章: php中文网：公益在线php培训，帮助PHP学习者快速成长！; 关注服务号技术交流群

PHP中文网订阅号: 每天精选资源文章推送

PHP中文网APP: 随时随地碎片化学习

PHP中文网抖音号: 发现有趣的

Copyright 2014-2023 https://www.php.cn/ All Rights Reserved | 苏州跃动光标网络科技有限公司 | 苏ICP备2020058653号-1

| 本站CDN由数掘科技提供