[web前端] 【云原生开发】Vue3、Vite、Pinia、Axios、HTML、JS、CSS入门到项目实战

课程介绍：
适合人群：

不知道职业方向、不知道该学什么、害怕被淘汰、总是被割韭菜；想要完全零基础前端知识的、想要学习HTML、CSS、JavaScript、Vue、Pinia、Vue Router、ElementPlus

你将会学到：

零基础前端入门到脚手架实战，完整课程体系一目了然，做一个属于自己的项目，看完大纲就想要

Vue、HTML、JS、CSSRouter、Pinia、AxiosElementPlus学习群答疑

课程目录：
第1章【云原生全栈开发】课程介绍(1小时6分钟4节)

1-1云原生全栈开发课程内容介绍[17:04]
1-2云原生全栈开发课程大纲详解【1.3倍速】[27:46]
1-3云原生全栈开发课程项目演示【1.3倍速】[15:27]
1-4【云原生全栈开发】为什么要学这门课？[05:52]

第2章程序开发通用思想(1小时46分钟19节)

2-1程序开发通用思想内容介绍说明[03:29]
2-2认识开发语言[10:22]
2-3开发语言对比和擅长领域分析[13:58]
2-4什么是解释型和编译型语言[06:09]
2-5理解变量和常量[04:39]
2-6理解数据类型[04:25]
2-7理解数据结构[04:47]
2-8数组的使用场景[04:19]
2-9列表的使用场景[02:21]
2-10对象的使用场景[04:32]
2-11理解强类型语言和弱类型语言[04:14]
2-12数学运算符分类[05:07]
2-13数学、逻辑、比较运算符使用[06:38]
2-14理解逻辑控制[08:02]
2-15条件语句和循环语句使用场景[07:00]
2-16理解函数[05:49]
2-17代码开发规范的重要性[03:15]
2-18代码开发命名规范[05:19]
2-19代码开发注释规范[02:22]

第3章 程序开发代码管理 (1小时 8节)

3-1程序开发代码管理内容介绍说明[02:47]
3-2为什么需要代码管理[06:53]
3-3主流代码仓库介绍[03:40]
3-4Git客户端工具安装及配置[03:56]
3-5Git仓库管理[07:22]
3-6Git命令详解[08:30]
3-7Git分支管理[17:11]
3-8Git版本管理[10:10]

第4章 网站开发HTML入门与实践上 (51分钟 8节)

4-1环境准备-VSCode的安装[03:25]
4-2环境准备-VSCode集成前端开发工具包[11:09]
4-3认识HTML[03:34]
4-4HTML5基本结构[06:19]
4-5HTML初体验[07:45]
4-6HTML文本标签[09:03]
4-7HTML有序和无序列表[05:50]
4-8HTML描述列表[04:02]

第5章 网站开发HTML入门与实践下 (52分钟 10节)

5-1HTML表格使用[05:54]
5-2HTML表格行列标题[04:59]
5-3HTML超链接-外部链接[05:41]
5-4HTML内部链接和锚点链接[06:34]
5-5HTML超链接特殊用法[02:30]
5-6HTML图片标签img[04:27]
5-7HTML表单标签form[04:58]
5-8HTML输入框input[06:20]
5-9HTML输入框input常用属性[03:21]
5-10HTML容器标签div[08:11]

第6章 网站开发CSS入门与实践上 (1小时5分钟 8节)

6-1CSS初识[07:17]
6-2CSS颜色和大小设置-color/size[10:46]
6-3CSS位置和内外边距设置-margin/paddin[14:04]
6-4CSS边框设置-border[04:29]
6-5CSS背景设置-background[07:27]
6-6CSS内部样式表-style[08:29]
6-7CSS外部导入样式表[07:02]
6-8CSS类选择器-class[06:17]

第7章 网站开发CSS入门与实践下 (56分钟 9节)

7-1CSS ID选择器[05:09]
7-2CSS后代选择器[03:15]
7-3CSS子选择器[04:43]
7-4CSS兄弟选择器[03:24]
7-5CSS网页布局-display[13:03]
7-6CSS网页布局-flex[08:48]
7-7CSS网页布局-flex排列方向[07:38]
7-8CSS网页布局-flex换行方式[04:57]
7-9CSS网页布局-flex对齐方式[05:36]

第8章 网站开发JavaScript入门与实践上 (1小时23分钟 9节)

8-1什么是JavaScript[03:49]
8-2JavaScript初体验[08:38]
8-3JavaScript操作window窗口[12:25]
8-4JavaScript操作DOM[13:45]
8-5JavaScript修改网页样式[08:19]
8-6JavaScript实现元素的显示和隐藏[06:37]
8-7JavaScript常用数据类型[06:21]
8-8JavaScript定义变量和类型判断[11:08]
8-9JavaScript对象和数组操作[12:03]

第9章 网站开发JavaScript入门与实践下 (45分钟 9节)

9-1JavaScript数学运算符[07:11]
9-2JavaScript比较运算符[04:27]
9-3JavaScript逻辑运算符[04:24]
9-4JavaScript流程控制if-else[05:44]
9-5JavaScript流程控制switch[03:20]
9-6JavaScript循环for和while[09:30]
9-7JavaScript循环forEach[02:39]
9-8JavaScript定义函数[05:12]
9-9JavaScript箭头函数[03:32]

第10章 网站开发Vue3基础上 (1小时31分钟 12节)

10-1什么是Vue？[08:53]
10-2为什么要使用Vue[05:33]
10-3Vue初体验-实现计数器[05:14]
10-4Vue应用程序原理[09:26]
10-5Vue3和Vue2语法区别[08:03]
10-6Vue 新一代脚手架工具Vite项目工程化[07:12]
10-7Vue工程化项目详解[18:42]
10-8Vue setup ref和reactive的区别[09:30]
10-9Vue定义只读数据[02:28]
10-10Vue指令v-on[06:30]
10-11Vue指令v-model[06:42]
10-12Vue指令v-model修饰符[03:25]

第11章 网站开发Vue3基础下 (1小时46分钟 9节)

11-1Vue指令v-show[09:39]
11-2Vue指令v-if-else[06:42]
11-3Vue指令v-for[19:11]
11-4Vue computed和methods区别【声音变[20:04]
11-5Vue使用watch监听数据变化[07:02]
11-6Vue监听多个数据[06:36]
11-7Vue监听对象数据变化[07:35]
11-8Vue键盘修饰符[23:29]
11-9Vue鼠标修饰符[05:43]

第12章 网站开发Vue3进阶 (1小时52分钟 16节)

12-1什么是Vue组件[10:03]
12-2Vue自定义组件初体验[08:13]
12-3Vue组件传值defineProps[06:49]
12-4Vue组件传值可选配置[03:05]
12-5Vue组件自定义校验[05:40]
12-6Vue组件单向数据流[07:27]
12-7Vue组件定义emit事件[05:04]
12-8Vue组件emit事件传递参数[01:49]
12-9Vue插槽Slot介绍与使用[08:43]
12-10Vue具名插槽-命名插槽[06:45]
12-11Vue共享数据的发布和订阅[06:04]
12-12Vue Provide和Inject发布和订阅数据[08:53]
12-13Vue 发布函数修改provide的数据[07:44]
12-14Vue发布只读数据[05:27]
12-15Vue生命周期了解[07:23]
12-16Vue生命周期钩子函数使用[13:02]

第13章 网站开发Vue3高级上 (2小时12分钟 16节)

13-1什么是状态管理器Pinia[09:08]
13-2Vue状态管理基本使用[16:23]
13-3Vue状态管理全局数据修改[09:31]
13-4Vue状态管理Actions传递参数[01:14]
13-5Vue路由管理vue router介绍[08:46]
13-6Vue Router Hash和History模式区[04:05]
13-7Vue Router Vite初体验[15:12]
13-8Vue Router push和replace[02:37]
13-9Vue Router动态路由[06:03]
13-10Vue Router通过js跳转路由[05:22]
13-11Vue Router路由调整传递参数[10:18]
13-12Vue useRouter和useRoute[02:19]
13-13Vue Router路由懒加载[06:39]
13-14Vue Router路由嵌套[15:35]
13-15Vue Router路由全局守卫[13:24]
13-16Vue Router路由独享守卫[05:43]

第14章 网站开发Vue3高级下 (1小时54分钟 14节)

14-1Axios后端接口调用介绍[06:08]
14-2Axios初体验-发送Get请求[19:43]
14-3Axios添加请求参数[06:41]
14-4Axios请求数据双向绑定[09:05]
14-5Axios使用请求配置调用接口[06:24]
14-6Axios创建和发送post类型的请求[07:41]
14-7Axios接口超时配置[05:59]
14-8Axios自定义请求头[03:57]
14-9Axios定义全局配置[05:35]
14-10Axios拦截器介绍[04:04]
14-11Axios请求拦截器[07:35]
14-12Axios响应拦截器[09:55]
14-13Axios接口封装[13:14]
14-14Axios接口封装测试[08:26]

第15章 脚手架项目开发-登录页实现 (57分钟 8节)

15-1脚手架项目及ElementPlus演示[06:12]
15-2脚手架项目基本配置[12:27]
15-3使用Git管理项目[03:29]
15-4登录页-路由及登录框实现[05:12]
15-5登录页-实现用户名密码和登录按钮[12:47]
15-6登录页-实现输入框清空和密码显示功能[03:30]
15-7登录页-实现用户登录输入校验[05:29]
15-8登录页-根据校验结果设置登录的禁用状态[08:45]

第16章 脚手架项目开发-登录逻辑实现 (1小时14分钟 8节)

16-1登录逻辑-实现登录调用后台接口[09:13]
16-2登录逻辑-接口地址和接口方法的封装[18:13]
16-3登录逻辑-实现JWT Token的存储[04:37]
16-4登录逻辑-实现请求头添加认证Token[08:32]
16-5登录逻辑-判断登录状态是否已失效[09:17]
16-6登录逻辑-实现首页路由并且登录后自动跳转[05:12]
16-7登录逻辑-实现页面未登录的请求拦截[10:48]
16-8登录逻辑-登录框样式调整[09:06]

第17章 脚手架项目开发-Layout页面布局 (1小时50分钟 8节)

17-1Layout-实现layout的拆分[09:36]
17-2Layout-实现网页的标准布局[12:37]
17-3Layout-Aside Logo信息展示设计[15:57]
17-4Layout-Logo点击跳转及样式修复[08:42]
17-5Layout-Aside菜单实现[16:55]
17-6Layout-自动生成菜单配置梳理[12:39]
17-7Layout-实现菜单的自动生成[19:42]
17-8Layout-使用iconfont定义菜单图标[14:48]

第18章 脚手架项目开发-管理功能实现 (2小时48分钟 17节)

18-1用户管理-实现用户管理的路由映射[12:51]
18-2用户管理-实现菜单根据路由默认激活[02:13]
18-3用户管理-el-table使用详情介绍[16:03]
18-4用户管理-获取后端数据并展示[25:02]
18-5用户管理-自动获取用户列表及加载效果[08:31]
18-6用户管理-实现删除功能和删除确认[15:17]
18-7用户管理-添加用户弹窗功能实现[06:32]
18-8用户管理-添加用户页面组件实现[08:43]
18-9用户管理-表单一键清空功能实现[05:38]
18-10用户管理-实现表单提交功能[15:22]
18-11用户管理-实现表单的验证[04:14]
18-12用户管理-实现删除后自动更新数据[02:15]
18-13用户管理-实现添加数据后自动刷新列表[02:32]
18-14用户管理-实现关闭弹窗自动刷新列表[08:06]
18-15用户管理-实现编辑功能的组件[11:57]
18-16用户管理-实现编辑功能接口调用及自动刷新[16:17]
18-17用户管理-解决form表单无法清空的问题[06:33]

第19章 脚手架项目开发-页面Header布局与功能 (48分钟 5节)

19-1Header-实现Header功能的布局[09:32]
19-2Header-实现用户退出的功能[11:54]
19-3Header-使用Pinia管理菜单的全局状态[12:50]
19-4Header-实现Aside的折叠功能[06:31]
19-5Header-解决折叠卡顿的问题[07:21]

第20章 脚手架项目部署与总结 (54分钟 5节)

20-1项目部署-Vue多环境配置-不同环境不同配置[24:38]
20-2项目部署-前端代码部署上线流程[06:51]
20-3项目部署-使用Docker容器部署前端Vue代码[10:39]
20-4项目部署-使用K8s部署Vue前端代码[06:28]
20-5脚手架项目总结[05:45]