[web前端] 620 Vue3+TS+Vite+Vant-UI 开发双端招聘APP

课程介绍：
这是非常有价值的一门项目开发课程，对于初入职场的开发者，将在你面试时极大提升你的个人竞争力，展露你的能力价值。本课程以业务驱动技术栈，将真正的商用级项目复原在课程中，使用Vite、Vue3、TS、Vant3UI、Pinia和VueUse等多项前沿技术，从项目构建、研发、测试，完成整个全流程的学习。让你在掌握技术的同时，也能提升作为开发者的综合素养。项目功能相对完善，界面美观，手把手带你做出亮眼的作品。

课程目录：
第1章 课程概览（知彼知己，百战不殆）  6 节 | 14分钟
本章采用理论方式，整体介绍课程及课程项目。说明课程核心技术栈是什么，使用的周边技术栈有哪些，并说明技术储备要求（需要具备HTML、CSS、JS(ES6)、TS、Vue基础知识）。介绍学习本课程可以提升的能力及掌握的经验技巧和课复制的技术解决方案。...

1-1 为什么这门课值得你学习？ (03:34)
1-2 你能收获什么体量的项目作品？ (05:27)
1-3 你需要具备什么样的知识储备？ (01:47)
1-4 你能提升哪些能力以及技巧？ (01:31)
1-5 学习建议与学习目标 (01:27)
图文：
1-6 希望你阅读的课程说明

第2章 开发前的准备工作（磨刀不误砍柴工）  5 节 | 20分钟
本章采用理论+实操的方式，讲解如何根据项目需求分析结果，设计需求解决方案、根据业务逻辑分析，设计业务逻辑解决方案以及技术选型和方案设计。

2-1 本章概览：带着目标学习 (04:59)
2-2 项目需求分析：需求解决方案设计 (04:02)
2-3 业务逻辑分析：业务逻辑设计 (05:15)
2-4 技术选型分析：技术解决方案设计 (05:00)
2-5 本章总结：温故知新 (00:38)

第3章 开发环境初始化（工欲善其事必先利其器） 9 节 | 13分钟
本章采用实操方式，逐步使用最新流行技术栈vite构建vue3+ts的项目开发环境，并且集成Vue状态管理插件Pinia和存储工具库VueUse以及Vant3 UI组件库。

3-1 本章概览：带着目标学习 (01:01)
3-2 vite+vue3+ts构建项目环境 (03:49)
图文：
3-3 【自我修炼】阅读Pinia文档，学习Pinia知识
3-4 集成pinia：新一代状态管理插件 (04:37)
图文：
3-5 【自我修炼】阅读VueUse文档，学习VueUse知识
3-6 集成VueUse：Composition API常用工具集(JS API响应技术) (01:32)
3-7 集成Vant 3UI：轻量的移动端组件库 (01:04)
图文：
3-8 【集思广益】你在集成环境中遇到了什么问题？如何解决的？
3-9 本章总结：温故知新 (00:31)

第4章 项目框架搭建（掌握可复用的技术解决方案） 18 节 | 224分钟
本章采用理论+实操的方式，设计开发企业常见的、可复用的技术解决方案。主要包括：组件抽离与开发解决方案、基于token接口鉴权解决方案、前后端分离技术解决方案等等。

4-1 本章概览：带着目标学习 (01:18)
4-2 企业项目模块化结构设计：页面结构梳理 (06:37)
4-3 企业项目模块化结构设计：页面结构创建 (05:40)
4-4 企业项目模块化结构设计：页面间的路由跳转设计 (13:02)
4-5 API接口调用设计：前后端分离技术解决方案设计与实现 (16:44)
4-6 企业项目模块化结构设计：静态UI资源与适配设计 (09:43)
4-7 公共组件设计：公共组件梳理 (03:00)
4-8 公共组件设计：底部导航公共组件 (14:35)
4-9 公共组件设计：任务列表公共组件 (26:16)
4-10 公共组件设计：合约列表公共组件 (19:22)
4-11 公共组件设计：消息列表公共组件 (13:14)
4-12 公共组件设计：人才列表公共组件 (22:35)
4-13 登录及权限控制：登录页面组件开发与实现-1 (19:15)
4-14 登录及权限控制：登录页面组件开发与实现-2 (05:45)
4-15 登录及权限控制：登录页面组件开发与实现-3 (10:43)
4-16 登录及权限控制：登录页面组件开发与实现-4 (26:20)
4-17 登录及权限控制：登录页面组件开发与实现-5 (08:12)
4-18 本章总结：温故知新 (01:12)

第5章 人才端-"任务"基础模块（掌握Vue+TS开发组件的技巧） 17 节 | 187分钟
本章采用实操的方式，使用Vue和TypeScript实现Banner组件、城市列表组件、职位列表组件、条件筛选组件、任务详情组件和任务来源组件开发。掌握基于Vue+TypeScript开发组件的技巧。

5-1 本章概览：带着目标学习 (02:22)
5-2 基于组件化思想拆分任务页组件 (21:09)
5-3 城市列表：设计与实现城市列表页组件及数据渲染 (16:19)
5-4 城市切换：城市切换功能逻辑设计与实现 (06:49)
5-5 Banner图：基于Swiper开发常见的Banner特效 (07:04)
图文：
5-6 【举一反三】请完成Vue+TS开发轮播图组件
5-7 职位类型：设计与实现职位分组列表组件及数据渲染 (14:34)
5-8 职位选择：职位选择功能逻辑设计与实现 (05:01)
5-9 筛选页：设计与实现筛选项组件及数据渲染 (17:41)
5-10 筛选条件：筛选条件切换功能逻辑设计与实现 (05:10)
图文：
5-11 【举一反三】基于Vue实现多条件筛选功能
5-12 任务列表分页、下拉刷新、加载更多功能实现-1 (25:46)
5-13 任务列表分页、下拉刷新、加载更多功能实现-2 (03:34)
5-14 任务详情页：基于组件化思想设计与实现详情页组件及数据渲染-1 (15:28)
5-15 任务详情页：基于组件化思想设计与实现详情页组件及数据渲染-2 (23:14)
5-16 任务来源页：基于组件化思想设计与实现来源页组件及数据渲染 (20:08)
5-17 本章总结：温故知新 (02:11)

第6章 人才端-"任务"搜索模块（掌握通用型复杂搜索功能的解决方案） 7 节 | 45分钟
本章采用实操的方式，使用Vue（双向数据绑定）和TypeScript，实现模糊匹配、历史搜索记录及删除、热门搜索词渲染、搜索列表组件及路由跳转。掌握各类商业项目中复杂的搜索功能。

6-1 本章概览：带着目标学习 (01:52)
6-2 搜索页：常见复杂搜索功能的逻辑设计与实现 (14:54)
6-3 历史搜索：历史搜索记录&删除功能的逻辑设计与实现 (07:24)
6-4 热门搜索：基于组件化思想设计与实现热词组件及数据渲染 (05:04)
6-5 搜索结果：基于组件化思想设计与实现搜索列表组件及数据渲染 (13:10)
图文：
6-6 【集思广益】结合课程，梳理搜索功能开发思路和技巧
6-7 本章总结：温故知新 (01:55)

第7章 人才端-"合约"模块（掌握Vue+TS渲染多状态数据的技巧） 9 节 | 88分钟
本章采用实操的方式，使用Vue（指令、全局注册）和TypeScript开发Tab切换组件，及集合Axios实现多状态列表数据渲染。掌握基于Vue+TypeScript+Axios多状态数据渲染技巧。

7-1 本章概览：带着目标学习 (01:42)
7-2 合约列表：基于Vue实现常见的Tab切换组件 (11:29)
7-3 多状态合约列表数据渲染逻辑设计与实现 (12:43)
7-4 引用vant3下拉刷新第一次不出现加载状态解决方案 (06:55)
7-5 多状态合约详情数据渲染逻辑设计与实现-1 (10:32)
7-6 多状态合约详情数据渲染逻辑设计与实现-2 (10:50)
7-7 多状态合约进度数据渲染逻辑设计与实现 (14:21)
7-8 基于指令的方式实现全局注册：避免操作项重复执行 (15:52)
7-9 本章总结：温故知新 (02:55)

第8章 人才端-"消息"模块（掌握轮询在企业项目中的巧妙用法） 16 节 | 131分钟
本章采用实操的方式，使用Vue和TypeScript实现通知列表组件、通知详情组件、对话列表组件、对话详情组件开发；并且结合轮询技术实现消息对话。

8-1 本章概览：带着目标学习 (01:58)
8-2 通知列表：新消息通知数量红点技术方案设计与实现 (07:29)
8-3 通知列表：多种类型系统消息列表数据渲染逻辑设计与实现 (10:23)
8-4 通知详情：多种类型系统消息处理技术方案设计与实现 (03:59)
8-5 对话列表：会跳动的消息对话列表逻辑设计与实现 (11:10)
8-6 对话详情：基于轮询方式通信技术实现消息对话-1 (14:03)
8-7 对话详情：基于轮询方式通信技术实现消息对话-2 (12:51)
8-8 对话详情：常用语选择列表功能设计与实现-1 (12:01)
8-9 对话详情：常用语选择列表功能设计与实现-2 (05:27)
8-10 对话详情：常用语添加功能设计与实现 (10:58)
8-11 对话详情：常用语管理功能设计与实现-1 (14:52)
8-12 对话详情：常用语管理功能设计与实现-2 (10:29)
8-13 对话详情：常用语emoji符号表情功能设计与实现 (07:05)
8-14 对话详情：对话聊天消息发送逻辑实现 (05:07)
图文：
8-15 【集思广益】你还知道哪些即时通讯的技术？有什么优劣势？
8-16 本章总结：温故知新 (02:47)

第9章 人才端-"我的"基础信息模块（掌握Vue+TS开发文本回填功能的技巧） 内容更新中
本章采用实操的方式，使用Vue和TypeScript实现个人信息组件、设置组件、收藏组件及收藏详情组件的开发；并且基于数据回填技术实现富文本编写功能。掌握数据回填及本编辑逻辑开发技巧。

第10章 人才端-"我的"任务管理模块（掌握Vue+TS+Vant3综合应用技巧） 内容更新中
本章采用实操的方式，使用Vue和TypeScript实现我的账户组件、介绍说明组件、Tab切换组件开发，并且结合Axios实现多状态数据渲染，以及结合vant3的form表单实现金额提现功能。掌握Vue+TypeScript+Vant3开发提现功能的技巧。

第11章 人才端-"我的"简历模块（掌握Vue+TS+Vant3+VueUse综合应用） 内容更新中
本章采用实操的方式，使用Vue和TypeScript实现简历模板组件开发及富文本编写功能；结合vant3（DatetimePicker、Checkbox、下拉列表、自定义）实现时间选择器、服务类型选择器、服务价格选择器、技能设置选择器、学历设置选择器，并且基于VueUse中的useLocalStorage持久化到本地存储中。最后结合localstorage本地存储实现简...

第12章 人才端-"我的"合约模块（掌握Vue+TS组件复用技巧） 内容更新中
本章采用实操的方式，使用Vue和TypeScript实现全部合约组件开发及使用Axios实现数据渲染。基于组件化及组件复用思想，快速实现多状态合约列表组件及列表数据渲染。

第13章 人才端-"我的"实名认证模块（掌握可复用的图片上传解决方案） 内容更新中
本章采用实操的方式，使用Vue和TypeScript实现实名认证组件、认证状态组件开发，并且实现身份证图片上传功能。掌握Vue+TypeScript实现图片上传功能的方法与技巧。

第14章 人才端-"我的"客户经理&意见反馈模块（掌握Vue+TS开发文本回填技巧） 内容更新中
本章采用实操的方式，使用Vue和TypeScript实现意见反馈组件和专属客户经理组件开发，并结合Pinia实现弹窗功能、结合vue-clipboard3实现复制功能以及结合formData实现图片上传功能。掌握本文本编写及复制的开发技巧。

第15章 人才端-"我的"身份切换模块（掌握可复用的身份切换功能解决方案） 内容更新中
本章采用实操的方式，使用Vue和TypeScript实现身份切换组件，并结合Vant3（Dialog、form表单）实现身份提示弹窗组件及身份切换功能。掌握可复用的身份切换功能开发技巧。

第16章 人才端-测试讲解（掌握研发自测和后期排错能力） 内容更新中
本章采用理论+实操的方式，详细讲解人才端开发完成后，研发人员自测流程及方法、技巧。并且手把手带着的大家一起进行自测和修改bug。掌握企业项目开发中的细节处理能力。

第17章 企业端-"人才"基础模块（加强组件复用&便捷开发的能力） 内容更新中
本章采用理论+实操的方式，基于组件和代码复用思想，快速实现企业端人才组件、城市列表组件、职位列表组件、条件筛选组件。并且使用Vue和TypeScript实现任务详情组件和任务来源组件。掌握组件复用&便捷开发的技巧。

第18章 企业端-"人才"搜索模块（加强通用型复杂搜索功能的开发能力） 内容更新中
本章采用理论+实操的方式，基于组件和代码复用思想，快速实现企业端人才搜索组件以及搜索功能。掌握组件复用&便捷开发的技巧。

第19章 企业端-"消息"模块（加强轮询在企业项目中的使用能力） 内容更新中
本章采用实操的方式，使用Vue和TypeScript实现通知列表组件、通知详情组件、对话列表组件、对话详情组件开发；并且结合轮询技术实现消息对话。

第20章 企业端-"我的"基础信息模块（加强文本编写&数据回填的开发技巧） 内容更新中
本章采用实操的方式，使用Vue和TypeScript实现个人信息组件、设置组件、收藏组件及收藏详情组件的开发；并且基于数据回填技术实现富文本编写功能。掌握数据回填及本编辑逻辑开发技巧。

第21章 企业端-"我的"账户模块（加强Vue+TS+Vant3综合应用能力） 内容更新中
本章采用实操的方式，使用Vue和TypeScript实现我的账户组件、无忧币说明组件、签约押金说明组件、Tab切换组件开发，并且结合Axios实现多状态数据渲染，以及结合vant3的form表单提交实现余额提现。掌握Vue+TypeScript+Vant3开发提现功能的技巧。...

第22章 企业端-"我的"任务管理模块（加强Vue+TS组件复用能力） 内容更新中
本章采用理论+实操的方式，基于组件和代码复用思想，快速实现企业端Tab切换组件及多状态数据渲染。掌握Vue+TS组件复用技巧和便捷开发的技巧。

第23章 企业端-作业环节（加强独立自主开发能力） 内容更新中
本章采用自主开发方式，结合人才端的多状态合约列表组件和多状态详情组件，将企业端的这部分内容设计成作业，由用户自主完成开发。掌握独立自主开发能力。

第24章 企业端-"我的"体验金模块（加强Vue+TS组件开发能力） 内容更新中
本章采用实操方式，基于Vue和TypeScript实现使用规则组件，且结合List实现体验金组件。掌握Vue+TypeScript组件开发技巧

第25章 企业端-"我的"企业认证模块（加强可复用的图片上传开发技巧） 内容更新中
本章采用实操的方式，使用Vue和TypeScript实现企业认证组件、认证通过组件开发，并且实现营业执照上传功能。掌握Vue+TypeScript开发图片上传功能的方法与技巧。

第26章 企业端-作业环节（加强独立自主开发能力） 内容更新中
本章采用自主开发方式，结合人才端的实名认证、专属客户经理及意见反馈组件，将企业端的这部分内容设计成作业，由用户自主完成开发。掌握独立自主开发能力

第27章 企业端-"我的"身份切换模块（加强Vue+TS+Vant3综合应用能力） 内容更新中
本章采用实操的方式，使用Vue和TypeScript实现身份切换组件，并结合Vant3（Dialog、form表单）实现身份提示弹窗组件及身份切换功能。掌握可复用的身份切换功能开发技巧。

第28章 企业端-测试讲解（加强研发自测和后期排错能力） 内容更新中
本章采用理论+实操的方式，详细讲解企业端开发完成后，研发人员自测流程及方法、技巧。并且手把手带着的大家一起进行自测和修改bug。掌握企业项目开发中的细节处理能力。

第29章 课程总结（温故而知新） 内容更新中
本章采用理论的方式，梳理、归纳课程内容，总结重难点，便于复习巩固。