1
建校年数
1
国家级资格证取得人数
3 +
规模级企业就业人数
9 +
教学视频小时数
3 +
海外就业人数
1
教学案例数
项目说明
使用全新技术更新项目，爱设计项目基于H5+css3+jQuery+Nginx开发，新增功能:攻略查询、快图查询、第三方登录(基于第三方开放平台)、摄影作品展示等
项目介绍
掌握快速开发模式已是必备技能，学员可基于H5+css3+jQuery实现前端的快速开发。
技术点
掌握HTML5 掌握CSS3 掌握基本网页布局 掌握jQuery HTML基础语法 排版标签 路径 多媒体标签 链接标签 列表标签 表格标签 表单标签 布局标签 语义化标签 字符实体 选择器 外观 文字 背景 标准流 三大特性 盒模型 伪元素 浮动 伪类 定位 圆角 阴影 透明 过渡 flex 布局
项目说明
5G元年成为大家共识，大家意识到了网红经济与粉丝经济，Vlog类系统的开发将是大势所趋，流行的互联网产品 设计模式是急需我们去必备的技能！前端组件的使用，Vlog类产品设计....
项目介绍
“大前端”时代的到来，意味着后端的接口开发更加有意义，学员基于h5+css3+ajax可快速完成项目的需求。
技术点
JS基础语法
Array
Object
基本数据类型
逻辑语句
JS中的关键词
掌握JSON数据格式以及转化
掌握原生XHR
掌握jQuery
对服务器有初步了解
能够掌握前后端分离开发流程
能够掌握jwt来完成用户token校验
能够掌握对接第三方接口阿里云安全完成对发布内容的审核
能够掌握原生JavaScript基础
掌握基于好友的过滤算法
掌握企业开发模式以及规范
掌握百度地图开放平台的使用
能够使用Git进行代码管理
能够独立完成瀑布流样式
能够独立完成圈子的的功能
采用Mongodb进行海量数据存储
采用Redis进行数据缓存
Echarts报表工具应用能力
能够掌握前后端分离的开发模式
能够独立完成小视频相关功能
能够独立实现好友功能
独立实现点赞、评论功能
项目说明
1.Bootstrap，来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，
使得 Web 开发更加快捷。
2.Elementui它是由饿了么前端团队推出的基于 Vue 封装的 UI 组件库,提供PC 端组件,简化了常用组件的封装,降低开发难度。
3.Vant 是一个轻量、可定制的移动端组件库，于 2017 年开源。
目前 Vant 官方提供了 Vue 2 版本、Vue 3 版本和微信小程序版本，并由社区团队维护 React 版本和支付宝小程序版本。
项目介绍
UI框架让页面搭建更为便捷, 提供了常见的表单，buttons，表格，网格系统等。
技术点
Bootstrap:
(1)**跨设备、跨浏览器：**可以兼容所有现代浏览器，包括比较诟病的IE7、8。
(2)**响应式布局：**不但可以支持PC端的各种分辨率的显示，还支持移动端PAD、手机等屏幕的响应式切换显示。
(3)**提供的全面的组件：**Bootstrap提供了实用性很强的组件，包括：导航、标签、工具条、按钮等一系列组件，方便开发者调用。
(4)**内置 jQuery：**插件Bootstrap提供了很多实用性的jquery插件，这些插件方便开发者实现Web中各种常规特效。
(5)**支持 HTML5、CSS3：**HTML5语义化标签和CSS3属性，都得到很好的支持。
(6)**支持 LESS 动态样式：**LESS使用变量、嵌套、操作混合编码，编写更快、更灵活的CSS。它和Bootstrap能很好的配合开发。
VANT-UI:
🚀 性能极佳，组件平均体积小于 1KB（min+gzip）
🚀 80+ 个高质量组件，覆盖移动端主流场景
🚀 零外部依赖，不依赖三方 npm 包
💪 使用 TypeScript 编写，提供完整的类型定义
💪 单元测试覆盖率超过 90%，提供稳定性保障
📖 提供丰富的中英文文档和组件示例
📖 提供 Sketch 和 Axure 设计资源
🍭 支持 Vue 2、Vue 3 和微信小程序
🍭 支持 Nuxt 2、Nuxt 3，提供 Nuxt 的 Vant Module
🍭 支持主题定制，内置 700+ 个主题变量
🍭 支持按需引入和 Tree Shaking
🍭 支持无障碍访问（持续改进中）
🍭 支持深色模式
🍭 支持服务器端渲染
🌍 支持国际化，内置 30+ 种语言包
Element-UI:
开发指南
安装
快速上手
国际化
自定义主题
内置过渡动画
组件
Basic
Layout 布局
Container 布局容器
Color 色彩
Typography 字体
Border 边框
Icon 图标
Button 按钮
Link 文字链接
Form
Radio 单选框
Checkbox 多选框
Input 输入框
InputNumber 计数器
Select 选择器
Cascader 级联选择器
Switch 开关
Slider 滑块
TimePicker 时间选择器
DatePicker 日期选择器
DateTimePicker 日期时间选择器
Upload 上传
Rate 评分
ColorPicker 颜色选择器
Transfer 穿梭框
Form 表单
Data
Table 表格
Tag 标签
Progress 进度条
Tree 树形控件
Pagination 分页
Badge 标记
Avatar 头像
Skeleton 骨架屏
Empty 空状态
Descriptions 描述列表
Result 结果
Statistic 统计数值
Notice
Alert 警告
Loading 加载
Message 消息提示
MessageBox 弹框
Notification 通知
Navigation
NavMenu 导航菜单
Tabs 标签页
Breadcrumb 面包屑
PageHeader 页头
Dropdown 下拉菜单
Steps 步骤条
Others
Dialog 对话框
Tooltip 文字提示
Popover 弹出框
Popconfirm 气泡确认框
Card 卡片
Carousel 走马灯
Collapse 折叠面板
Timeline 时间线
Divider 分割线
Calendar 日历
Image 图片
Backtop 回到顶部
InfiniteScroll 无限滚动
Drawer 抽屉
项目说明
小程序提供了一个简单、高效的应用开发框架和丰富的组件及API，帮助开发者在微信中开发具有原生 APP 体验的服务。
项目介绍
微信小程序，小程序的一种，英文名Wechat Mini Program，是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。
技术点
视图容器 cover-image cover-view match-media movable-area movable-view page-container root-portal scroll-view swiper swiper-item view 基础内容 icon progress rich-text text 表单组件 button checkbox checkbox-group editor form input keyboard-accessory label picker picker-view picker-view-column radio radio-group slider switch textarea
项目说明
简单的说 Node.js 就是运行在服务端的 JavaScript。 Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。 Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascript的速度非常快，性能非常好。
项目介绍
如果你是一个前端程序员，你不懂得像PHP、Python或Ruby等动态编程语言，然后你想创建自己的服务，那么Node.js是一个非常好的选择。 Node.js 是运行在服务端的 JavaScript，如果你熟悉Javascript，那么你将会很容易的学会Node.js。 当然，如果你是后端程序员，想部署一些高性能的服务，那么学习Node.js也是一个非常好的选择。
技术点
http模块: 配置简单的web服务，npm/cnpm工具
express框架: express中间件进行服务配置;
路由; 请求处理
DB服务: 学习使用mysql关系型数据库
web接口服务: 使用express、koa简单配置
接口服务、JSON解析;
nodejs RESTful API: 提供跨语言、跨平台的
服务接口、支持web/appnode
文件系统: 服务端基本的文件读写操作
项目说明
Vue.js 是构建 Web 界面的 JavaScript 库，提供数据驱动的组件，还有简单灵活的 API，使得 MVVM 更简单。
项目介绍
主要特性： - 可扩展的数据绑定 - 将普通的 JS 对象作为 model - 简洁明了的 API - 组件化 UI 构建 - 配合别的库使用
技术点
一、Vue的组成
Vue.js是一套构建用户界面的框架，它的核心库只关注视图层，并且非常容易学习，易于上手。
它的核心组件有：virtual DOM、数据驱动、组件、路由、状态管理、模块系统等。
二、Vue的MVVM的理解
M是模型（Model）：数据模型；负责数据存储。泛指后端进行的各种业务逻辑处理和数据操控，主要围绕数据库系统展开。
V是View 视图，负责页面展示，也就是用户界面。主要由 HTML 和 CSS 来构建
VM是视图模型（View-Model），负责业务逻辑处理（比如Ajax请求等），对数据进行加工后交给视图展示
ViewModel为model和view之间的桥梁：监听模型数据的改变和控制视图行为、处理用户交互。
通过双向数据绑定把 View 层和 Model 层连接了起来，而View 和 Model 之间的同步工作完全是自动的，无需人为干涉。
在MVVM架构下，View 和 Model 之间并没有直接的联系，而是通过ViewModel进行交互，Model 和 ViewModel 之间的交互是双向的，
因此View 数据的变化会同步到Model中，而Model 数据的变化也会立即反映到View 上
三、vue的核心组件
1. 组件化: Vue.js支持组件式开发，可以将应用的复杂界面分解成若干个独立的可复用的组件，
减少耦合，还可以提高代码的可重用性, 模块化开发更加便捷。
2. Virtual DOM: Virtual DOM 是虚拟 DOM 的简称，
它是通过 JavaScript 将 DOM 结构映射到 JS 对象，使得操作和渲染 DOM 非常方便。
3. 数据驱动: Vue.js 使用响应式数据驱动来构建用户界面，当数据发生变化时，
视图会自动更新，从而实现了数据和视图的双向绑定，使得前端开发变得更加简单。
4. 状态管理： Vue.js 提供内置的状态管理工具，使用它可以轻松地管理应用中的状态，
并进行复杂的状态变更，从而实现更灵活的数据控制。
5. 路由： Vue.js 支持单页面应用开发，可以使用它来构建复杂的前端路由系统，
从而实现前端路由的管理和控制。
项目说明
React 是一款十分流行且好用的 Web 前端框架，目前由 Facebook团队 维护。
项目介绍
React 会把你的模板转换成代码，针对现代 JavaScript 虚拟机进行高度优化，轻松获得框架提供的高生产率，同时又能保留所有手写代码的优点。
技术点
create-react-app（CRA） JSX 条件渲染 列表渲染 样式处理 组件化开发 函数组件 useState Hook 状态不可变 事件绑定 事件对象 受控组件 useRef DOM操作 组件通信 父传子 子传父 兄弟组件通讯 状态提升 跨组件通讯 Context useContext useEffect useRef 高级用法 useRef 保持引用不变 组件更新机制和特点 验证码登录倒计时 Hooks 原理 React 路由 Route Routes BrowserRouter useRoutes 404页面 编程式导航 useNavigate 子路由 路由嵌套 状态管理流程 action dispatch store reducer redux-thunk中间件 combineReducers react-redux Redux Toolkit Redux 调试工具 Redux 数据流 createAsyncThunk 基于Promise的thunk状态 immer
项目说明
BOS后台管理系统，分为七个部分①基础设置（物流业务管理元数据）：取派标准、取派时间管理、车辆管理、快递员管理、区域管理… ②取派： 下单管理、取件管理、配送管理… ③中转： 货物运输过程中，中转点 出入库操作 … ④路由： 运输线路、运输交通工具… ⑤PDA： 快递员无线通讯设备 通讯功能 … ⑥财务 ：快递费用处理 ⑦管理报表需求： 针对物流业务数据，产生报表
项目介绍
前后端分离技术已经是互联网产品开发的必备模式，学员基于jQuery框架可快速完成开发需求。
技术点
1.能够开发uniapp跨平台的小程序 2.能够独立开发小程序项目 3.掌握微信登录的实现方式 4.掌握微信支付的实现方式 5.uniapp小程序微信登录实现方案 6.uni-app小程序微信支付实现方案 7.下拉刷新/上拉加载交互实现方案 8.数据缓存实现方案 9.uni-app跨平台开发框架 10.uni-app插件市场 11.组件封装及自动导入 12.微信支付/登录 13.pinia 状态管理 14.基于vue3+ts技术实践方案 15.小程序云开发
项目说明
Free出游是一个关于旅游的服务App，主要功能包括机票以及酒店预定、景点购票、热门旅游资讯等。项目采用前后端分离模式开发；
项目介绍
攻略查询 资讯查询 酒店预订 机票预订 景点门票预订。
技术点
鸿蒙OS Page Ability Service Ability Data Ability 华为开发者帐号注册 鸿蒙本地开发环境构建 onCreate() 生命周期回调 onAcceptWant()事件回调 onConfigurationUpdated()事件回调 onMemoryLevel() 事件回调 应用上下文Context UIAbility组件
项目说明
ThinkPHP是一款基于PHP语言的MVC（Model-View-Controller）框架，是国内著名的开源框架之一。使用ThinkPHP框架可以有效简化应用开发的流程，提高了开发效率和应用安全性。那么，学习ThinkPHP需要掌握哪些内容呢？下面，我们简要介绍一下学习ThinkPHP的主要内容。
项目介绍
一、PHP基础 | 二、框架体系结构 | 三、模型(Model) | 四、视图(View) | 五、控制器(Controller)
技术点
一、PHP基础
首先，学习ThinkPHP之前需要具备PHP的基础，包括掌握PHP语言的基本语法和变量类型、流程控制、函数和数组等知识点，以及基本的Web开发知识，例如HTTP协议、HTML、CSS和JavaScript等。
二、框架体系结构
学习ThinkPHP需要了解其框架体系结构，了解ThinkPHP框架的目录结构、配置文件、路由机制、控制器和视图等基本概念和功能。
三、模型(Model)
模型是MVC框架中的模块，用于封装对数据库的操作，包括数据的增删改查等。学习ThinkPHP需要了解模型的概念、使用方法以及模型的关联、验证等高级使用技巧。
四、视图(View)
视图是MVC框架中的展示层，用于呈现用户界面。学习ThinkPHP需要了解视图的基本概念、使用方法、模板和布局等技巧。
五、控制器(Controller)
控制器是MVC框架中的逻辑层，负责接收用户的请求并做出相应的响应。学习ThinkPHP需要了解控制器的基本概念、使用方法、过滤和验证等高级使用技巧。
六、插件机制(Plugin)
插件机制是ThinkPHP框架的一个重要特性，可以方便地扩展框架的功能。学习ThinkPHP需要了解插件的安装、配置和使用等基本知识。
七、Db类
Db类是ThinkPHP框架中的数据库操作类，封装了对数据库的访问和操作。学习ThinkPHP需要掌握Db类的基本使用方法、连接池管理等高级技巧。
八、调试工具
调试工具是Web开发中必不可少的工具之一。学习ThinkPHP需要了解框架自带的调试工具和如何集成外部调试工具，以及如何利用调试工具快速定位和解决问题。
项目说明
ChatGPT是OpenAI开发的人工智能语言模型，由于该模型通过大量的文本数据进行训练，它可以对自然语言产生类似人类的反应。这使它可以应用于广泛的领域，如聊天机器人、语言翻译和文本生成。当然，也可以使用它来编写代码。
项目介绍
掌握如何使用AI大模型帮助数据开发和数据分析编程效率提升，具备使用AI大模型解决问题的能力。
技术点
ChatGPT生成代码 ChatGPT改Bug 基于AI大模型的出行大数据平台数仓搭建 基于AI大模型指标开发 ChatGPT基础使用 Prompts提示词进行提问 提问技巧 回答质量检测 使用（continue） 训练模型保留 自然语言处理底层
说明
毕业项目制作
强化面试就业核心面试题
页面加载优化面试题加强
1V1模拟面试
技术点
简历制作 算法面试题 邮件发送格式与技巧 面试官心理学 服装与语速 回答题目技巧 招聘软件聊天技巧 新入员工饮食参考等
Web前端就业班
上手课
1. Web基础 2. 面向对象编程 3. JS动态进阶 4. UI框架/移动端 5. 【项目实战】快宝云-数据可视化
小程序/公众号
1. 小程序 2. 公众号
前端框架
1. Vue.js 2. uni-app 3. React.js 4. 鸿蒙HarmonyOS开发 5. CHATGPT 6. Linux上线部署
全栈进阶课
1. PHP/SQL 2. ThinkPHP
毕业设计课
1. 企业进阶项目【指导】 2. 微玛特物流【指导】 3. Vue3/TS项目【指导】 4. 乐刻健身门禁系统【指导】 5. 就业加强课
课时:5天 技术点:11项 测验:1次 学习方式:线下面授
了解编程行业知识，行业术语，行业主流公司概况，GitHub与W3C，发展方向展望。轻松了解工作流程，清楚自身定位，懂得如何配合上下游完成工作！
1. PS针对前端工程师的特训通过各种不同风格GUI设计，掌握Photoshop等相关软件操作基础，熟练使用软件，切图调色，存储格式与技巧。
PS安装|PS界面熟悉|常用工具|标尺工具|使用参考线|基础操作快捷键|工具选择快捷键|图片存储相关操作|切片（重点）|切片具体操作流程|存储切片
2. 前端入行须知/编辑器介绍了解编程行业知识，行业术语，行业主流公司概况，GitHub与W3C，发展方向展望。
掌握基本的技能|html+css应用领域|学习网站推荐|行业发展趋势|W3C标准|三大特性| 互联网开发规范|Atom|Sublime|WebStorm|IDEA|Hbuilder| Notepad++|Visual Studio Code
课时:4天 技术点:68项 测验:1次 学习方式:新型面授
借助PxCook工具，参照设计稿，能综合使用HTML+CSS技术完成企业级小兔鲜儿电商项目PC端首页开发。
1. HTMLHTML 负责网页的结构层，是网页开发的基础，从最简单的网页骨架搭建入手，使用常见的 HTML 标签丰富网页结构。
HTML基础语法|排版标签|路径|多媒体标签|链接标签|列表标签|表格标签|表单标签|布局标签|语义化标签|字符实体
2. CSS在 HTML 搭建的网页结构基础上，通过 CSS 选择器 精准选择标签，使用外观、盒模型相关属性完成网页全部内容，学习传统浮动、定位等完成网页布局，侧重使用 Flex 布局技巧精准控制网页布局，最终结合背景、圆角、阴影等装饰属性进一步美化网页效果，达到能够编写企业级大型综合网页。
选择器|外观|文字|背景|标准流|三大特性|盒模型|伪元素|浮动|伪类|定位|圆角|阴影|透明|过渡|flex 布局
3. 企业级小兔鲜儿电商项目首页制作借助PxCook工具，基于设计稿编写网页，确保网页的高度还原，通过综合运用 HTML + CSS 技术，按照实际项目开发流程，归纳开发技巧，提升综合实战水平，最终完成企业级小兔鲜儿电商项目PC端首页开发。
精灵图|文档编码|性能优化|布局技巧|SEO|性能优化|版心|设计稿|PxCook
阶段课时:5天 案例:13项 技术点:23项 学习方式:线下教室
1.Python/JS/Java语言异同| 2.基础数据类型| 3.Pycharm/Webstorm/IDEA安装| 4.职位介绍| 5.行业发展状况| 6.企业编程规范| 7.常用数据类型| 8.掌握输入/输出| 9.掌握运算符、表达式、流程控制语句、Array/Object等的使用| 10.掌握基本数据类型| 11.熟练使用IDE| 12.熟练string类常用用法| 13.熟练延时器与计时器| 14.掌握基本面向对象知识| 15.了解原型的概念| 16.掌握函数的创建| 17.掌握函数的引用| 18.清楚并理解形参与实参的概念以及用法
1. 基础语法 Python语言在国内IT行业，就业率长年稳居榜首，对于IT应届生和有转行IT行业意向的朋友来说，是个上佳选择； 另外，对于要冲击高阶技术岗，例如大数据开发的朋友，也需要Python作为支撑。 可以说掌握了Python，就等于拿到了IT行业的高等入场券。
1.主流语言介绍与前景| 2.环境下载和安装以及安装演示| 3.Path环境变量的配置| 4.打印"Hello,World!"(行规) |5.第一个编程小程序| 6.数据类型 | 7.程序的移植| 8.经验技巧分享| 9.关键字、标识符| 10.二进制、八进制、十六进制| 11.类型转换、强制类型转换、表达式的类型提升| 12.运算符| 13.API、random库| 14.if分支语句的灵活使用| 15.break/continue语句| 16. for循环结构 | 17.while循环结构| 18. 字符串遍历循环结构| 19. 各种循环语句的区别和应用场景 | 20.循环跳转控制语句| 21.嵌套循环的应用| 22.使用循环嵌套打印三角形|23.开发工具的详细使用 |24.数组的动态初始化|25.Array/List的访问格式|26.数组的静态初始化|27.内存划分和作用 |28.分析数组在内存中的存储|29.方法的定义和调用|30.方法的参数和返回值问题 |31.方法的重载(Overload)|32.参数是基本类型和引用类型的区别| 33.多重循环详解| 34.编程解析| 35.编程优化| 36.基本调试| 37.进阶练习| 38.Debug断点调试的使用| 39.综合案例（随机验证码）| 40.综合案例（宠物领养）| 41.综合案例（球队管理）| 42.综合案例（士兽之战）| 43.综合案例（取件码3次验证）
2. 面向对象基础 面向对象编程是Python编程的核心套路，这阶段可以逐步建立起面向对象编程思想， 从会使用对象，到内存分析，再到真正理解为什么封装对象，包含了以下技术点：
1.面向对象编程快速入门| 2.深刻认识面向对象| 3.对象在计算机中的执行原理| 4.类和对象的一些注意事项| 5.构造器| 6.self关键词| 7.封装| 8.实体类| 9.面向对象编程综合案例
3. API基础介绍了什么是API，如何使用API，以及Python中常用API的使用，包含了以下知识点：
1.API介绍、包的介绍| 2.str类概述| 3.str类的常用方法| 4.str类使用时的注意事项：创建对象的问题、常见笔试题| 5.str类常用API-字符串内容比较| 6.str类常用API-遍历、替换、截取、分割操作| 7.str类案例实战：str类开发验证码功能、模拟用户登录功能、手机号码屏蔽| 8.集合概述| 9.List集合快速入门：List常用API、遍历| 10.List集合案例：遍历并删除元素| 11.List集合的综合案例
4. 综合案例本阶段是把Python基础阶段的内容都综合起来，做一个真正的项目出来，做到学以致用，学有所用，真正让大家学会Python。
1.ATM项目介绍、演示| 2.系统架构搭建、欢迎界面设计| 3.开户功能实现| 4.登录功能实现| 5.操作页展示、查询账户、退出账户| 6.存款、取款功能实现| 7.转账功能实现| 8.销户功能实现| 9.用户密码修改
课时:5天 技术点:98项 学习方式:线下面授
1. 掌握 JavaScript 核心语法，培养编程逻辑思维| 2. 掌握 DOM 和 BOM 对象的常用属性和方法，能够完成网页常见的交互效果| 3. 掌握 JavaScript 底层工作机制和 ES6+ 高级特性，能够高效实现业务逻辑| 4. 能够使用 axios 实现 Ajax 操作，为后续项目课做好技术铺垫| 5. 能够运用 Git 管理前端项目，并且使用 Git 分支进行多人协同开发| 6. 能够使用 Promise 与 async/await 高效的实现异步操作
1. JavaScript核心学习JavaScript基础语法规则。
变量|基本数据类型|数据类型的转换|运算符|if分支|switch分支|三元表达式|while循环|for循环|数组|函数|对象|内置对象|let|const|字面量
2. WebAPI学习DOM和BOM对象的属性和方法,以完成网页常见的交互效果。
DOM树|DOM对象|获取元素|innerHTML|style|className|classList|间歇函数|延迟函数|事件监听|鼠标事件|键盘事件|高阶函数|环境对象|节点操作|事件流|事件委托|元素位置|BOM|window对象|swiper插件|本地存储|自定义属性|正则表达式
3. JavaScript高级深入理解 ECMAScript 的知识体系及工作机制，熟悉 ES6+ 新的语法特性，注重抽象思维的培养，具备面向对象编程的的能力。
构造函数|单体对象|面向对象|原型 |解构|剩余|展开|箭头函数|Object|Array |严格模式|闭包|继承|防抖|节流|异常处理|深浅拷贝
4. Ajax利用 axios 发起 Ajax 请求，实现前后端的数据交互。并讲解 HTTP 请求的过程以及 Ajax 的底层原理。深入学习 JS 异步的底层原理，能够使用 Promise 处理异步操作，并使用 async/await 简化异步操作。
客户端与服务器|axios|请求与响应报文|接口|form 表单|拦截器|FormData|文件上传|XMLHttpRequest|Promise|async/await|EventLoop|宏任务|微任务
5. Git能够创建 Git 仓库管理前端项目，基于 Git 分支进行多人协同开发，并且能够把本地的 Git 仓库同步到远程码云或 Github 仓库中。
安装和配置 Git|Git 本地操作的常用命令|.gitignore 忽略文件|Git 分支与常用命令|远程仓库的使用
课时:3天 技术点:23项 学习方式:线下面授
Bootstrap是一个用于快速开发Web应用程序和网站的前端框架。Bootstrap是基于HTML、CSS、JavaScript的。
(1)**跨设备、跨浏览器：**可以兼容所有现代浏览器，包括比较诟病的IE7、8。
(2)**响应式布局：**不但可以支持PC端的各种分辨率的显示，还支持移动端PAD、手机等屏幕的响应式切换显示。
(3)**提供的全面的组件：**Bootstrap提供了实用性很强的组件，包括：导航、标签、工具条、按钮等一系列组件，方便开发者调用。
(4)**内置 jQuery：**插件Bootstrap提供了很多实用性的jquery插件，这些插件方便开发者实现Web中各种常规特效。
(5)**支持 HTML5、CSS3：**HTML5语义化标签和CSS3属性，都得到很好的支持。
(6)**支持 LESS 动态样式：**LESS使用变量、嵌套、操作混合编码，编写更快、更灵活的CSS。它和Bootstrap能很好的配合开发。
1. 栅格系统
栅格系统用于通过一系列的行（row）与列（column）的组合来创建页面布局，你的内容就可以放入这些创建好的布局中。
2. Bootstrap全局CSS样式
1、CSS Reset|2、按钮|3、图片|4、排版和代码|5、表格|6.表单
课时:2天 技术点:18项 测验:1次 学习方式:线下面授
1. 使用CSS高级特效，丰富网页元素的呈现方式和效果| 2. 使用rem或vw|vh实现网页元素宽高随着视口变化等比缩放的效果| 3. 使用bootstrap框架布局响应式网页
1. CSS高级特效使用css高级特效丰富网页元素的呈现方式和效果。
字体图标|2D转换|3D转换|动画
2. 移动适配首先介绍Flex布局模型,实现移动端网页的基本布局;再讲解两种移动端网页适配不同分辨率的解决方案,并使用不同的解决方案制作网页元素宽高随着视口的变化而等比缩放的效果。
rem|vw/vh|Less基础语法|视口|分辨率|二倍图|移动适配|媒体查询
3. 响应式学习响应式的原理,并使用bootstrap框架完成响应式网页的布局。
媒体查询|bootstrap框架|栅格系统|组件|响应式网页布局
课时:3天技术点:8项学习方式:线下面授
1. 掌握Echarts 各类型数据可视化图表的应用| 2. 能够根据需要求创建折线图|K线图|地图等图表| 3. 掌握前后端分离技术的实现方式并了解其意义| 4. 掌握使用token进行访问鉴权功能实现
数据看板是一个数据可视化项目，通过折线图|K线图|柱状图等图表形式归纳汇总大量数据，以实现更加直观的数据表达效果。学员通过学习该项目，能够掌握数据可视化|异步编程|实时数据获取等技术解决方案，适合有基础希望技能强化的IT人员继续学习。
1. 基于 bootstrap 的响应式页面布局方案| 2. 基于 echarts 的数据可视化解决方案| 3. 基于 token 的访问权限控制解决方案
1.基于axios 实现网站注册和登录功能| 2.基于 Echarts 结合需求高度自定义不同类型的可视化图表| 3.Ajax|数据渲染和服务端推送前后端分离技术的应用| 4.基于 token 的访问权限控制功能
课时:10天 技术点:33项 学习方式:线下面授
1. 掌握原生小程序开发，能够独立完成原生小程序项目开发| 2. 掌握 uni-app 多端框架，能够独立开发小程序和其他端的开发
1. 原生小程序了解小程序开发的一般流程序，熟悉小程基础组件的使用，能够基于 wxml 和 wxss 实现小程序的界面布局，基于模板的数据绑定实现数据的动态渲染，基于 API 实现与服务端的数据通信，以及熟悉其它高级 API 的使用。
账号申请|开发工具|工程目录|项目配置|屏幕适配|资源托管|字体图标|数据绑定|事件处理|生命周期|场景值|模块化|网络请求|路由|WXS|模板|组件|UI 框架|表单|Promise
2. uni-app理解 uni-app 实现跨平台开发的原理机制，理清单文件组件与原生小程序组件的对应关系，以及 uni-app 开发小程序时开发时与原生小程序的差异。
脚手架|项目配置|单文件组件|生命周期|条件编译|计算属性|跨平台支持|less|sass|组件通信
课时:1天 技术点:13项 学习方式:线下面授
微信公众号有订阅号、服务号、企业微信号三类，可根据自己实际应用场景注册对应的类型即可，在开发中我们可以使用微信公众平台测试号进行开发测试。但是，在开发之前一定要确定项目实际所运行的账号类型，因为这牵扯到官方的接口权限问题。针对不同的权限，在开发之前我们需要根据业务场景及接口权限设计好对应场景实现的解决方案。
1. 开发准备工作介绍
我们需要准备一个微信公众平台测试账号，微信公众平台测试账号不需要注册，任何人可以通过个人微信扫描二维码登录即可获得一个测试账号。测试账号登录网址： https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login 还需要准备一个内网穿透工具（ngrok），开发过程中我们需要将本地开发服务器映射到外网，模拟真实服务器使用，在这里我们可以使用（Express）配合（MongoDB）数据库搭建一个简单的Web 服务器应用程序。
2. 公众号用户消息处理流程
用户通过微信公众号无论是发送了一段文字、一张图片又或者是点击了某一个按钮，用户所有这些操作，首先会被发送至微信服务器，然后经由微信服务器将消息处理之后，按照一定格式发送至开发者服务器。开发服务器在接收到微信服务器发送的消息后，可依据接口文档针对用户操作处理对应的业务逻辑，然后将结果按照一定的格式返回给微信服务器，再由微信服务器将数据处理之后返回给用户。对于开发者服务器来说，微信服务器与用户之间的交互不需要关注，开发者服务器只需要关注微信服务器发送给开发者服务器的数据，然后依据文档对接收到的数据进行处理。所以开发者服务器在接收到每一个请求时都必须验证一下该消息来源是否由微信服务器发出，验证通过之后才能依据接口文档进行对应的业务逻辑处理。
课时:10天 技术点:270项 学习方式:线下面授
1. 通过 Vue2 和 Vue3 的核心知识学习，掌握企业开发中常见业务功能实现| 2. 通过深入 Vue 技术栈学习 vue-router vuex vant element-ui 等主流技术，掌握企业级项目开发方式，如移动端H5项目与PC端管理项目| 3. 通过 Vue3 结合 TypeScript 的技术学习，以及 Vue3 技术栈 pinia 的学习，掌握大型企业级项目开发技巧| 4. 掌握 qiankun 微前端技术，具备重构巨石应用的能力，实现技术栈无关开发方式
1. 框架前置课掌握模块化思想，npm包管理，webpack基础，初探工程化开发。
Node.js安装|fs模块|path模块|http模块|npm|包配置文件|npm常用命令|模块化概念|CommonJS|ES6Module|工程化开发概念|webpack基础配置|dev-server|webpack插件|常用loader|babel
2. Vue2.x 核心运用Vue2.0全家桶核心内容实现开发中常见的功能，如购物车，经典列表、TodoMVC等。运用 Vant 开发移动端，运用element-ui开发PC后台管理系统。
MVVM|SPA|Vue 调试工具|虚拟DOM|diff算法|指令系统|v-model原理|数据选项|生命周期 |样式穿透|动态样式|插槽|组件系统|组件通信|自定义指令|ref|动态组件|$nextTick|自定义事件|计算属性|侦听器|组件库|组件封装 |keep-alive|路由系统|导航守卫|vue-cli |vuex|vant|element-ui|路由懒加载
3. Vue3.x 核心掌握 Vue3 新特性、Vite 新一代构建工具、组合式 API、Pinia 等。
Vite|原生ESM|选项API|组合API|setup|生命周期|ref |reactive |toRef | toRefs| computed| watch| watchEffect|组件通信|依赖注入|ref 边界
4. ElementUI前端库
element-ui常用组件|layout布局 container|Table|Form|button
5. TypeScript掌握TypeScript基础语法，且在Vue3项目中熟练运用TypeScript。
基础类型|联合类型|字面量类型|类型推断|类型断言|泛型|枚举|内置类型|类型约束|类型编程|类型声明|composition-api+TS|axios+TS|头条案例
6. Vue 原理掌握 Vue 底层原理
响应式数据原理Vue2&Vue3|虚拟DOM|diff算法|AST抽象语法树|Vue响应式系统|reactive 原理|effect 原理|ref 原理|computed 原理等
课时:5天学习方式:线下面授
JeecgBoot-低代码平台
筑坐极社区项目
JEECG是一款基于BPM的低代码平台！前后端分离架构 Vue2.x，echarts，Ant Design，element-ui，springboot&JWT，支持微服务。强大的代码生成器让前后端代码一键生成，实现低代码开发！ JeecgBoot引领新低代码开发模式 OnlineCoding-> 代码生成器-> 手工MERGE， 帮助Java项目解决70%的重复工作，让开发更多关注业务，既能快速提高效率，节省研发成本，同时又不失灵活性！一系列低代码能力：Online表单、Online报表、Online图表、表单设计、流程设计、报表设计、大屏设计 等等...
1.掌握 element-ui 组件库的运用 | 2.掌握 axios 以及拦截器的应用 | 3.掌握 Vuex 管理全局状态的技术解决方案 | 4.熟练使用 vue-router 管理组件的切换展示 | 5.掌握 element-ui 中如何自定义表单的校验规则 | 6.掌握文件上传和富文本编辑器在 Vue 项目中的应用 | 7.掌握 Vant 组件库的运用 | 8.掌握使用 postcss-px-to-viewport 实现移动端适配
1.token身份认证解决方案 | 2.文件上传解决方案 | 3.富文本编辑解决方案 | 4.表单验证解决方案 | 5.基于vant的移动端界面构建方案 | 6.基于postcss-px-to-viewport移动端适配方案
1. 基于 vue-cli 创建工程化的 Vue 项目 | 2. 基于 element-ui 组件库快速实现项目布局 | 3. 用户注册与登录的业务解决方案 | 4. 使用 Vuex 管理全局共享的数据 | 5. 使用 axios 实现前后端的数据交互 | 6. 基于 vant 组件库快速构建移动端界面
筑坐极社区项目对标“CSDN”、“博客园”等竞品，致力成为更加贴近年轻 IT 从业者（学员）的科技资讯类应用。 本项目是极客园移动端，主要涵盖了H5端新闻资讯类项目的核心业务。包括首页文章列表上拉加载与刷新，频道管理，本地线上频道管理，文章搜索，文章评论与回复，组件缓存，token过期与刷新处理，用户权限拦截，个人信息修改解决方案。
能够独立运用 vue2 + vant 搭建H5应用能力，能够实现文章列表 | 频道管理 评论与回复 | 用户权限控制等特色业务。
1. 使用vue-cli创建vue单页应用解决方案 | 2. 使用vue-router实现前端路由解决方案 | 3. 使用vue-vuex实现状态管理解决方案 | 4. 使用vant快速搭建移动界面解决方案 | 5. 使用json-bigint处理最大安全整数解决方案 | 6. 使用iconfont实现前端多色字体图标解决方案 | 7. 使用dayjs处理相对时间计算解决方案 | 8. 使用soket.io实现即时通讯解决方案 | 9. 使用postcss-px-to-viewport 实现移动端适配解决方案
vue2 + vant + vuex + vue-router 全家桶 | 移动端项目搭建 | vw 适配方案 | Token 过期处理 | 动态编辑 | 上拉加载 | 下拉刷新 | 评论与回复 | 搜索功能 | DayJS | 数据持久化 | 图片懒加载 | 组件定制 | 组件封装 | 性能优化 | 移动端1px像素 | Icon处理 | 表单验证 | 倒计时 | 拦截器 | 缓存组件封装 | websocket
课时:6天学习方式:线下面授
uni-app【聚合生鲜】
uni-app-微玛特物流-司机端
uni-app-微玛特物流-用户端
小程序无需安装，用完即走的应用方式越来越受到用户的欢迎，企业也都纷纷开展了小程序的开发。 聚合生鲜是一个经典的电商类小程序项目，包括商品、用户、购物车、订单等核心功能模块，采用 uni-app 框架做为跨平台小程序开发方案，并综合运用了原生小程序的组件化、模块化、网络请求、本地存储、微信登录、微信支付等技术， 聚合生鲜项目以企业的需求为基础，有针对性的对课程进行设计，学习本课程不仅能够培养学员的实践能力，还可以为就业提供有利的支撑。
1.能够开发跨平台的小程序 | 2.能够独立开发小程序项目 | 3.掌握微信登录的实现方式 | 4.掌握微信支付的实现方式
1.小程序跨平台开发解决方案 | 2.小程序微信登录实现方案 | 3.小程序微信支付实现方案 | 4.下拉刷新/上拉加载交互实现方案 | 5.数据缓存实现方案
1.uni-app跨平台开发框架 | 2.uni-app插件市场 | 3.组件封装及自动导入 | 4.微信支付/登录 | 5.pinia 状态管理 | 6.基于vue3+ts技术实践方案 | 7.小程序云开发
uni-app-微玛特物流-司机端，主要提供提货交货及车辆信息上报等功能。包含用户名密码登录、提货、在途、已完成、公告、系统通知、车辆信息、任务数据、系统设置等功能。采用 uni-app 基于 Vue3 版本进开发。
能够掌握基于HBuilderX 使用 uni-app 开发跨端应用的能力，能够完成多端兼容、打包App、原生界面开发、地理定位、路径规划、调起导航等特色业务。
1. 基于 HBuilderX 进行跨端应用开发方案 | 2. 基于 uni-app 开发 App 云端打包方案 | 3. 使用 uni-app 的 nvue 开发原生应用界面 | 4. 地理定位 | 路径规划 | 调起导航业务方案 | 5. 基于 plus API 调用原生应用能力 | 6. 拍照上传业务解决方案
uni-app 多端开发 | HBuilderX 编辑器 | 云打包 | 多端适配 | nvue 文件 | plus API | 地理定位 | 路径规划 | 导航 | 拍照上传 | 提货 | 在途 | 公告 | 系统通知 | 车辆信息 | 任务数据 | 系统设置
1、单据录入：输入密码点击扫描运单条码，随时随地录入物流单据，便于工作人员操作； 2、货物查询：查询货物处理情况，扫一扫即可实现，方便客户操作； 3、单据管理：按天、按周、按月统计订单数量； 4、统计分析：分析订单状态、数量变换趋势； 5、客户管理：管理目标和潜在客户，以便快速联系和业务扩展； 6、常用工具库：查询当天即时汇率、单位换算、ATM、加油站、物流园、全国线路图等；
能够掌握基于HBuilderX 使用 uni-app 开发跨端应用的能力，能够完成多端兼容、打包App、原生界面开发、地理定位、路径规划、调起导航等特色业务。
互联网新时代，移动客户端应运而生并随之蓬勃发展；各行业都在进行着转型，物流行业也不例外。如今寄快递也都直接扫码填写相关信息，手机端更是可以实时监控物流的配送情况。在未来发展中，物流信息化已经成为了行业的发展趋势。
跨平台开发，大大减少了开发成本和时间。UniApp可以通过一套代码实现多个平台的开发，能够快速构建出各种应用。 基于Vue.js的开发模式，拥有强大的组件化和模块化能力，使开发高效、简单，并且易于维护。 UniApp提供了丰富的插件市场，内置了多种常用第三方插件，如地图、推送、分享、支付等等，能够快速实现功能。 具有Vue.js的优点，拥有高效、灵活、响应式的数据绑定方式，能够提高开发效率和用户体验。 良好的性能表现，渲染能力强，加载速度快，支持异步更新，提供了多种优化手段（如lazyload等）。 可扩展性好，支持原生插件的扩展，可以快速自定义开发。
课时:5天 技术点:80项 学习方式:线下面授
通过 React + Hooks + Redux Toolkit 的学习，实现多种业务场景下的功能开发，如 B站评论|知乎频道管理|美团外卖|记账本等业务功能。
1. React 核心技术基于 React 脚手架（create-react-app）搭建React项目，掌握JSX语法搭建页面结构，使用函数组件实现组件化开发，掌握组件通讯在项目开发中的使用。
create-react-app（CRA）|JSX|条件渲染|列表渲染|样式处理|组件化开发|函数组件|useState Hook|状态不可变|事件绑定|事件对象|受控组件|useRef DOM操作|组件通信|父传子|子传父|兄弟组件通讯|状态提升|跨组件通讯|Context|useContext
2. Hooks 深入+路由掌握 useEffect Hook 的应用，掌握 useRef Hook 的高级用法，理解 Hooks 原理，掌握 react-router-dom 的应用。
useEffect|useRef 高级用法|useRef 保持引用不变|组件更新机制和特点|验证码登录倒计时|Hooks 原理|React 路由|Route|Routes|BrowserRouter|useRoutes|404页面|编程式导航 useNavigate|子路由|路由嵌套
课时:3天 技术点:11项 学习方式:线下面授
HarmonyOS的软件包叫做 APP Pack，它和Android的APK不同，因为分布式系统的缘故，它的软件包是个整体的概念，包含多个独立HAP（这个才相当于APK）。 而HAP和APK一样，都是由代码，资源，第三方库，应用配置文件组成的模块包。 HAP有两种模块类型，分别是entry，feature。前者是主入口模块。后者是单独的业务模块。
1. Ability 相当于Android中的四大组件（Activity，Service，ContentProvider，BroadcastReceiver）。 Ability分为两种类型：FA（Feature Ability）和PA（particle Abiltiy）。
Ability三种模板：
Page Ability
是FA唯一支持的模板，提供用户交互能力。
Service Ability
PA支持的模板，提供后台运行任务的能力。
Data Ability
PA支持的模板，提供统一的数据访问抽象。
开发流程
知识点1:华为开发者帐号注册
知识点2:鸿蒙本地开发环境构建
知识点3【创建鸿蒙系统应用工程】
知识点4【本地预览Previewer使用】
知识点5【工程运行】
常用组件
onCreate() 生命周期回调
onAcceptWant()事件回调
onConfigurationUpdated()事件回调
onMemoryLevel() 事件回调
应用上下文Context
UIAbility组件
课时:2天 技术点:31项 测验:1次 学习方式:线下面授
ChatGPT基于自然语言处理技术和神经网络模型，可以学习和理解人类语言的语法和语义，并能够生成具有连贯性和逻辑性的自然语言文本
1. ChatGPT入门主要学习ChatGPT注册、使用及Python调用ChatGPT，包含以下技术点：
ChatGPT背景介绍|如何使用ChatGPT|ChatGPT入门程序|ChatGPT实际应用场景案例
2. ChatGPT原理详解主要学习从GPT到ChatGPT原理详解
ChatGPT本质|GPT系列模型介绍|GPT-1详解|GPT-2详解|GPT-3详解|ChatGPT原理详解
3. ChatGPT项目实战主要以实际业务为驱动完成ChatGPT项目实战
项目背景|数据预处理|基于ChatGPT完成模型搭建|模型结果分析
4. 基于大型预训练模型搭建聊天机器人学习从0-1搭建聊天机器人
i语料处理方法|文本分词方法|闲聊机器人实现|基于Seq2Seq基础模型实现闲聊机器人|基于预训练模型优化|模型部署上线
5. 聊天机器人和问答系统主要学习完整的聊天机器人项目
解决方案列表|项目架构及数据采集|命名实体识别|对话系统
课时:4天 技术点:30项 学习方式:线下面授
Linux是一个操作系统，和Windows是“并列”的关系。经过多年的发展，Linux称为了世界第一大操作系统。Linux系统被广泛应用于服务器领域、嵌入式设备，还是有移动端。
部署流程
在Linux上进行Web应用的部署可以通过以下步骤完成：
安装所需的服务器软件（如Apache、Nginx等）。这些软件将作为Web服务器来运行并处理HTTP请求。
配置服务器软件。根据自己的需要修改相关配置文件，设置网站的根目录、监听的端口号等参数。
编写或获取Web应用程序的源代码。这包括前端页面、后台业务逻辑等。
使用合适的构建工具（如Webpack等）对项目进行打包。
将打包好的应用程序部署到服务器中。可以直接复制文件到指定位置，也可以使用容器管理工具（如Docker）进行部署。
启动服务器软件，确保其正常运行。
测试Web应用程序是否能够正常访问。可以通过输入服务器IP地址加端口号的形式来访问，查看返回结果是否符合预期。
若有必要，调优服务器性能或添加更多功能模块。
持续集成与发布。可以使用版本控制系统（如Git）来管理代码，并利用CI/CD流水线自动化构建、测试和部署新版本。
注意事项：
在部署之前，确保已经安装了Nginx或其他Web容器。
选择合适的操作系统和服务器软件，根据自身情况进行选择和配置。
在部署时，需要确保服务器的安全性，限制外部访问，并及时更新服务器软件和库文件。
阶段课时:3天 案例:16项 技术点:33项 学习方式:知识点配合大量用心设计的案例，助你一臂之力！ 发布会:2次
1. 掌握MySQL数据库的使用| 2. 掌握SQL语法| 3. 掌握Workbench数据迁移工具的使用| 4. 熟练常见数据库| 5. 对数据开发有一定认知，掌握BI工程师所具备的基本技能
1. MySQL与SQL零基础小白通过MySQL数据库，掌握核心必备SQL，包含了以下技术点：
01_数据库概念和作用| 02_MySQL数据类型| 03_数据完整性和约束| 04_数据库、表基本操作命令| 05_表数据操作命令| 06_where子句| 07_分组聚合| 08_连接查询| 09_外键的使用
2. Kettle与BI工具使用Kettle做数据迁移，通过BI工具展示excel、MySQL中的数据，包含了以下技术点：
01_Kettle基本操作| 02_Kettle数据转换| 03_Kettle使用SQL脚本组件| 04_kettle Job开发| 05_FineBI基本操作| 06_FineBI常用图表| 07_FineBI仪表板| 08_综合案例
课时:2天 技术点:12项 测验:1次 学习方式:线下面授
1.PHP语言学习介绍| 2.PHP代码基本语法| 3.PHP流程控制语句| 4.PHP函数基本语法| 5.PHP文件系统管理| 6.PHP数组结构
1. PHP语言学习介绍
1.1 PHP部署安装环境 | 1.2 PHP代码工具选择
2. 基本语法
2.1 PHP函数知识介绍 | 2.2 PHP常量变量介绍 | 2.2.1 PHP变量知识：| 2.2.2 PHP常量知识：| 2.3 PHP注释信息介绍| 2.4 PHP数据类型介绍| 2.4.1 整形数据类型| 2.4.2 布尔数据类型| 2.4.3 字符串数据类型| 2.4.4 浮点型数据类型| 2.4.5 PHP数据类型之查看和判断数据类型| 2.5 PHP流程控制语句| 2.6 PHP算数运算方法| 2.6.1 PHP程序自加自减运算| 2.6.2 PHP程序比较运算符号| 2.6.3 PHP程序逻辑运算符号| 2.6.4 PHP程序位运算| 2.6.5 PHP三元运算符合其它运算符
3.PHP流程控制语句
3.1 if条件控制语句| 3.2 if嵌套语句| 3.3 switch语句使用| 3.4 while循环语句说明| 3.5 for循环语句| 3.6 goto循环语句|
4. PHP文件系统管理
4.1 fopen、fread、fclose操作读取文件| 4.2 PHP创建和修改文件内容| 4.3 PHP创建临时文件| 4.4 php移动、拷贝和删除文件
课时:10天 技术点:30项 学习方式:线下面授
ThinkPHP是一款基于PHP语言的MVC（Model-View-Controller）框架，是国内著名的开源框架之一。使用ThinkPHP框架可以有效简化应用开发的流程，提高了开发效率和应用安全性。那么，学习ThinkPHP需要掌握哪些内容呢？下面，我们简要介绍一下学习ThinkPHP的主要内容。
学习流程
一、PHP基础
首先，学习ThinkPHP之前需要具备PHP的基础，包括掌握PHP语言的基本语法和变量类型、流程控制、函数和数组等知识点，以及基本的Web开发知识，例如HTTP协议、HTML、CSS和JavaScript等。
二、框架体系结构
学习ThinkPHP需要了解其框架体系结构，了解ThinkPHP框架的目录结构、配置文件、路由机制、控制器和视图等基本概念和功能。
三、模型(Model)
模型是MVC框架中的模块，用于封装对数据库的操作，包括数据的增删改查等。学习ThinkPHP需要了解模型的概念、使用方法以及模型的关联、验证等高级使用技巧。
四、视图(View)
视图是MVC框架中的展示层，用于呈现用户界面。学习ThinkPHP需要了解视图的基本概念、使用方法、模板和布局等技巧。
五、控制器(Controller)
控制器是MVC框架中的逻辑层，负责接收用户的请求并做出相应的响应。学习ThinkPHP需要了解控制器的基本概念、使用方法、过滤和验证等高级使用技巧。
六、插件机制(Plugin)
插件机制是ThinkPHP框架的一个重要特性，可以方便地扩展框架的功能。学习ThinkPHP需要了解插件的安装、配置和使用等基本知识。
七、Db类
Db类是ThinkPHP框架中的数据库操作类，封装了对数据库的访问和操作。学习ThinkPHP需要掌握Db类的基本使用方法、连接池管理等高级技巧。
八、调试工具
调试工具是Web开发中必不可少的工具之一。学习ThinkPHP需要了解框架自带的调试工具和如何集成外部调试工具，以及如何利用调试工具快速定位和解决问题。
学习方式:学员自主，讲师辅助指导；
诚筑说智慧数字
NEWHR-人力资源管理系统
诚筑说智慧数字是一个数字化园区管理项目，该项目后台可以在线管理园区内的楼宇、企业、车辆和一体杆等资源，可视化大屏通过园区3D模型实时展示园区概况。学员通过该项目能学到如何用qiankun搭建微前端架构、用Echarts进行数据可视化、以及前沿的3D模型展示等技术方案。
1.掌握Vue + Element技术栈在开发管理型后台项目的技术开发能力| 2.具备角色、人员、权限类系统的设计整体设计及应用能力| 3.拥有Vue.js相关的技术要点及配套的插件，解决方案深度使用能力| 4.具备使用 qiankun 搭建微前端项目的能力| 5.具备使用 echarts spline 等图形工具，开发 2D、3D数据可视化平台能力
1. 基于 element-ui 和 vue2 大型中台项目开发解决方案| 2. 基于axios封装请求工具模块解决方案| 3. 基于token的前端登录解决方案| 4. vuex分模块持久化解决方案| 5. RBAC 项目权限控制解决方案| 6. 基于 qiankun 企业内中后台项目的拆分维护| 7. 基于 spline 工具底层为 three.js 的3D模型交互| 8. 多语言动态主题解决方案| 9. 无限列表滚动解决方
vue-element-admin（请求模块化，请求工具拦截，scss 样式，布局组件）|Vuex 持久化（state，mutations，actions，getters 和 modules）|Vue CLI 配置(webpack)|反向代理|ElementUI 表单校验（async-validator）|vue-router 导航守卫|token 认证|token 失效控制|角色管理业务|RBAC 权限|Vuex + 路由 + RBAC|动态路由|角色权限|混入 mixns|全屏（screenfull）|tabs 页多页签组件|vue-i18n 国际化方案|history 路由模式的应用|树形菜单 |element 列表的数据过滤|导入导出 Excel|el-upload 上传第三方云服务器|打包性能分析|CDN 加速的实践应用|组件封装|业务组件封装|Spline3D模型加载和交互方案|qiankun 搭建微前端架构|Echarts 自定义可视化图表|lodash|seamless-scroll 数据无缝滚动|行车管理|一体杆管理|企业管理|物业费管理
NEWHR-人力资源管理系统是一款基于SaaS平台的人力资源管理系统， 企业通过该系统可以完成公司组织架构管理、员工管理、角色管理、权限管理（审批、考勤、社保）等，为企业的人力资源管理提供一站式解决方案。
能独立运用 vue-admin-template 搭建中后台应用能力，能够实现 rbac 权限管理，企业组织架构管理，审批、考勤、社保等特色业务。
1. 基于element-ui和vue2大型中台项目开发解决方案| 2. 基于axios封装请求工具模块解决方案| 3. 基于token的前端登录解决方案| 4. vuex分模块持久化解决方案| 5. RBAC大型中台项目权限控制解决方案| 6. excel批量导入导出解决方案| 7. 上传组件封装解决方案| 8. 多语言动态主题解决方案| 9. 树形结构处理解决方案
vue-element-admin（请求模块化，请求工具拦截，scss 样式，布局组件）|Vuex 持久化（state，mutations，actions，getters 和 modules）|Vue CLI 配置(webpack)|反向代理|ElementUI 表单校验（async-validator）|vue-router 导航守卫|token 认证|token 失效控制|角色管理业务|RBAC 权限|Vuex + 路由 + RBAC|动态路由|角色权限|混入 mixns|工作日历|Echarts 雷达图 |全屏（screenfull）|tabs 页多页签组件|vue-i18n 国际化方案|history 路由模式的应用|树形菜单 |element 列表的数据过滤|导入导出 Excel|Excel 复杂型表头|PDF 打印（vue-print-nb）|el-upload 上传第三方云服务器|打包性能分析|CDN 加速的实践应用|组件封装|业务组件封装
学习方式:学员自主，讲师辅助指导；
分小组实战，多人开发协作，共同完成基于 vue-admin-template 搭建企业级中后台项目，能独立分析需求并按需求实现功能，能够解决测试过程中发现的BUG|掌握完整的业务开发流程，完成基础数据管理|车辆管理|订单和运单管理|调度管理等特色业务。
基于Vue2和ElementUI开发的微玛特物流平台对标主流快递物流公司的TMS系统，包含运输任务管理|订单管理|线路管理以及运费管理等核心业务。TMS系统能够对车辆|驾驶员|线路等进行全面详细的统计考核，能大大提高运作效率，降低运输成本。
1.基于 vue-admin-template 企业级中后台模板方案| 2.基于 echarts-liquidfill 液体图表解决方案| 3.基于 vue-baidu-map 地图业务解决的方案| 4.基于 mockjs 的前端数据模拟方案| 5.基于 vue-treeselect 树形下拉框解决方案| 6.基于 vuex 的状态管理解决方案
vue2 + element + vue-router + vuex 全家桶| vue-admin-template中后台模板|echarts 图表|echarts-liquidfill 液体图表|mockjs 数据|vue-treeselect 树形下拉框|机构管理|机构作业范围|运费管理|车型管理|车辆列表|回车登记|快递员管理|司机管理|排班管理|订单管理|运单管理|运输任务管理|线路管理|取件作业管理|派件作业管理。
学习方式:学员自主，讲师辅助指导；
美曲医疗在线
微玛特商城
美曲医疗在线是一个连接医生和患者的移动医疗行业H5应用，通过高效、快速的在线问诊服务，为患者提供健康帮助，涵盖了找医生、快速问诊、开药门诊、疾病查询，健康百科等功能。该项目基于Vue3+TypeScript进行开发，且引入下一代状态管理工具 Pinia 和最热门的前端移动UI组件库 Vant ，采用全新技术栈，给学员带来最佳的企业实战项目，助力学员高薪就业。
1. 掌握使用Vue3 + TypeScript 开发大型前端项目的能力| 2. 掌握使用Vant组件库开发移动端项目能力| 3. 掌握 Pinia 状态管理工具实现项目状态管理| 4. 掌握 第三方登录和第三方支付 业务解决能力| 5. 掌握 快速问诊 等在线问诊主流业务开发能力
1.基于vue3.0+typescript中大型项目开发解决方案| 2.基于vant组件库快速构建H5界面解决方案| 3.基于vue-router的前端路由解决方案| 4.基于vite构建vue3项目解决方案| 5.基于pinia的状态管理解决方案| 6.基于pinia-plugin-persistedstate状态持久化解决方案| 7.基于@vuecore/use的组合API工具库解决方案| 8.基于id-validator的身份证信息校验解决方案| 9.基于postcss-px-to-viewport移动端适配解决方案| 10.基于vite-plugin-svg-icons的svg图标组件解决方案| 11.基于tailwindcss的原子化类名现代解决方案| 12.基于socket.io的即时通讯问诊室解决方案| 13.基于eruda 的移动端调试解决方案| 14.第三方登录解决方案| 15.第三方支付解决方案| 16.基于 vitest 单元测试、组件测试方案| 17.基于 husky 代码检查工作流工具
vue3.0框架|TypeScript使用|vite前端构建工具|create-vue项目脚手架|vue-router路由|pinia状态管理|pinia-plugin-persistedstate状态持久化|sass预处理器|vite-plugin-svg-icons图标组件插件|tailwindcss现代CSS框架|@vueuse/core组合API工具库|dayjs日期处理|vant组件库|postcss-px-to-viewport移动端适配|id-validator校验身份证|socket.io即时通讯|eruda真机调试|第三方登录|第三方支付|vant组件二次封装|通用组件封装|reqeust工具函数|组件按需引入|steup语法糖|pnpm包管理|第三方库类型扩展|自定义composable|css变量|单元测试|组件测试|husky|PM2部署|gitlab CI|高德地图物流轨迹
Vue3+TS微玛特商城是对标网易严选的综合品类的网上商城项目，现在除了顶级的一些电商平台之外，越来越多的企业都会做自己的垂直领域的商城，如小米商城、华为商城等，市场空间巨大，人才较为紧缺。本项目涵盖了电商的核心业务，首页加载优化，SKU规格处理，本地线上购物车，第三方登录，第三方支付，订单管理。致力于交付学员完整的电商业务解决方案，让学员成为具备电商业务能力的站在技术前沿的高级前端开发工程师。
能够掌握基于 Vue3 + TS 技术栈独立开发PC前台项目的能力，能够实现首页加载优化、分类、商品详情、SKU、本地线上购物车、支付、第三方登录等特色业务。
1.基于vue3.0进行中大型项目开发解决方案| 2.基于vuex-persistedstate状态持久化解决方案| 3.sku前端实现解决方案| 4.第三方登录前端解决方案| 5.第三方支付前端解决方案| 6.基于@vueuse/core数据懒加载解决方案| 7.本地与线上购物车合并方案| 8.基于axios封装请求工具类解决方案| 9.基于token的前端登录解决方案
vue3 + pinia + vue-router 全家桶|vuex-persistedstate 状态持久化|less 预处理器|style-resoures-loader 样式资源加载器|normalize.css 样式库|@vueuse/core 组合API工具库|power set 算法库|dayjs 日期库|vue-infinite-loading 滚动加载|vee-validate 表单校验|mockjs 本地数据模拟|socket.io 即时通讯| carousel 组件|more 组件|bread 组件|skeleton 组件|checkbox 组件|radio 组件|select 组件|dialog 组件|message 组件|confirm 组件|pagination 组件|steps 组件|timeline 组件|tabs 组件|loading 组件|city 组件|v-lazy 指令|数据懒加载|图片懒加载|骨架屏效果|无限列表|sku 规格选择|云端购物车 & 本地购|支付宝支付|商品类目|订单管理
学习方式:学员自主，讲师辅助指导；
1. 掌握开发原生小程序项目能力| 2. 掌握微信请求工具封装和使用| 3. 掌握微信用户登录和登录状态检测解决方案| 4. 掌握基于腾讯位置服务实现地理定位检索| 5. 掌握基于微信二维码服务实现用户通行证
乐刻健身门禁系统是一个健身类的小程序项目，主要服务于健身fitter，为其提供在线预约|会员门禁通行的的功能， 该项目主要包含线上预约|场地实时监控|访客管理|用户管理|通知管理等功能模块，技术栈以原生小程序技术为主配合了 Vant 组件库。
1.微信小程序 vant 组件解决方案| 2.微信请求工具解决方案| 3.微信用户登录和登录状态检测解决方案| 4.腾讯位置服务实现地理定位检索解决方案| 5.微信二维码服务解决方案
自定义组件|Vant 组件库|getApp|getCurrentPages|封装 http 模块|rich-text 渲染富文本|登录状态检测|短信验证码|validate 数据校验|腾讯地理定位|逆地址解析|图片上传|房屋维护|SwipeCell 滑动单元格|访客维护|生成二维码|自定义分享和转发|在线报修
课时:2天 技术点:30项 学习方式:线下面授
通过企业常见面试题的学习，能够解答浏览器原理|vue项目相关|网络通信协议|前端基础类面试题。
1. 就业加强课面试题讲解
浏览器原理|TCP 协议|http 协议|前端工程化|git 相关|vue 组件通信|vue 项目相关|JS 面试题|HTML 面试题|CSS 面试题
课时:1天 技术点:11项 测验:1次 学习方式:线下面授
了解编程行业知识，行业术语，行业主流公司概况，GitHub与W3C，发展方向展望。轻松了解工作流程，清楚自身定位，懂得如何配合上下游完成工作！
1. PS针对前端工程师的特训通过各种不同风格GUI设计，掌握Photoshop等相关软件操作基础，熟练使用软件，切图调色，存储格式与技巧。
PS安装|PS界面熟悉|常用工具|标尺工具|使用参考线|基础操作快捷键|工具选择快捷键|图片存储相关操作|切片（重点）|切片具体操作流程|存储切片
2. 前端入行须知/编辑器介绍了解编程行业知识，行业术语，行业主流公司概况，GitHub与W3C，发展方向展望。
掌握基本的技能|html+css应用领域|学习网站推荐|行业发展趋势|W3C标准|三大特性| 互联网开发规范|Atom|Sublime|WebStorm|IDEA|Hbuilder| Notepad++|Visual Studio Code
课时:4天 技术点:68项 测验:1次 学习方式:新型面授
借助PxCook工具，参照设计稿，能综合使用HTML+CSS技术完成企业级小兔鲜儿电商项目PC端首页开发。
1. HTMLHTML 负责网页的结构层，是网页开发的基础，从最简单的网页骨架搭建入手，使用常见的 HTML 标签丰富网页结构。
HTML基础语法|排版标签|路径|多媒体标签|链接标签|列表标签|表格标签|表单标签|布局标签|语义化标签|字符实体
2. CSS在 HTML 搭建的网页结构基础上，通过 CSS 选择器 精准选择标签，使用外观、盒模型相关属性完成网页全部内容，学习传统浮动、定位等完成网页布局，侧重使用 Flex 布局技巧精准控制网页布局，最终结合背景、圆角、阴影等装饰属性进一步美化网页效果，达到能够编写企业级大型综合网页。
选择器|外观|文字|背景|标准流|三大特性|盒模型|伪元素|浮动|伪类|定位|圆角|阴影|透明|过渡|flex 布局
3. 企业级小兔鲜儿电商项目首页制作借助PxCook工具，基于设计稿编写网页，确保网页的高度还原，通过综合运用 HTML + CSS 技术，按照实际项目开发流程，归纳开发技巧，提升综合实战水平，最终完成企业级小兔鲜儿电商项目PC端首页开发。
精灵图|文档编码|性能优化|布局技巧|SEO|性能优化|版心|设计稿|PxCook
阶段课时:5天 案例:13项 技术点:23项 学习方式:线下教室
1.Python/JS/Java语言异同| 2.基础数据类型| 3.Pycharm/Webstorm/IDEA安装| 4.职位介绍| 5.行业发展状况| 6.企业编程规范| 7.常用数据类型| 8.掌握输入/输出| 9.掌握运算符、表达式、流程控制语句、Array/Object等的使用| 10.掌握基本数据类型| 11.熟练使用IDE| 12.熟练string类常用用法| 13.熟练延时器与计时器| 14.掌握基本面向对象知识| 15.了解原型的概念| 16.掌握函数的创建| 17.掌握函数的引用| 18.清楚并理解形参与实参的概念以及用法
1. 基础语法 Python语言在国内IT行业，就业率长年稳居榜首，对于IT应届生和有转行IT行业意向的朋友来说，是个上佳选择； 另外，对于要冲击高阶技术岗，例如大数据开发的朋友，也需要Python作为支撑。 可以说掌握了Python，就等于拿到了IT行业的高等入场券。
1.主流语言介绍与前景| 2.环境下载和安装以及安装演示| 3.Path环境变量的配置| 4.打印"Hello,World!"(行规) |5.第一个编程小程序| 6.数据类型 | 7.程序的移植| 8.经验技巧分享| 9.关键字、标识符| 10.二进制、八进制、十六进制| 11.类型转换、强制类型转换、表达式的类型提升| 12.运算符| 13.API、random库| 14.if分支语句的灵活使用| 15.break/continue语句| 16. for循环结构 | 17.while循环结构| 18. 字符串遍历循环结构| 19. 各种循环语句的区别和应用场景 | 20.循环跳转控制语句| 21.嵌套循环的应用| 22.使用循环嵌套打印三角形|23.开发工具的详细使用 |24.数组的动态初始化|25.Array/List的访问格式|26.数组的静态初始化|27.内存划分和作用 |28.分析数组在内存中的存储|29.方法的定义和调用|30.方法的参数和返回值问题 |31.方法的重载(Overload)|32.参数是基本类型和引用类型的区别| 33.多重循环详解| 34.编程解析| 35.编程优化| 36.基本调试| 37.进阶练习| 38.Debug断点调试的使用| 39.综合案例（随机验证码）| 40.综合案例（宠物领养）| 41.综合案例（球队管理）| 42.综合案例（士兽之战）| 43.综合案例（取件码3次验证）
2. 面向对象基础 面向对象编程是Python编程的核心套路，这阶段可以逐步建立起面向对象编程思想， 从会使用对象，到内存分析，再到真正理解为什么封装对象，包含了以下技术点：
1.面向对象编程快速入门| 2.深刻认识面向对象| 3.对象在计算机中的执行原理| 4.类和对象的一些注意事项| 5.构造器| 6.self关键词| 7.封装| 8.实体类| 9.面向对象编程综合案例
3. API基础介绍了什么是API，如何使用API，以及Python中常用API的使用，包含了以下知识点：
1.API介绍、包的介绍| 2.str类概述| 3.str类的常用方法| 4.str类使用时的注意事项：创建对象的问题、常见笔试题| 5.str类常用API-字符串内容比较| 6.str类常用API-遍历、替换、截取、分割操作| 7.str类案例实战：str类开发验证码功能、模拟用户登录功能、手机号码屏蔽| 8.集合概述| 9.List集合快速入门：List常用API、遍历| 10.List集合案例：遍历并删除元素| 11.List集合的综合案例
4. 综合案例本阶段是把Python基础阶段的内容都综合起来，做一个真正的项目出来，做到学以致用，学有所用，真正让大家学会Python。
1.ATM项目介绍、演示| 2.系统架构搭建、欢迎界面设计| 3.开户功能实现| 4.登录功能实现| 5.操作页展示、查询账户、退出账户| 6.存款、取款功能实现| 7.转账功能实现| 8.销户功能实现| 9.用户密码修改
课时:5天 技术点:98项 学习方式:线下面授
1. 掌握 JavaScript 核心语法，培养编程逻辑思维| 2. 掌握 DOM 和 BOM 对象的常用属性和方法，能够完成网页常见的交互效果| 3. 掌握 JavaScript 底层工作机制和 ES6+ 高级特性，能够高效实现业务逻辑| 4. 能够使用 axios 实现 Ajax 操作，为后续项目课做好技术铺垫| 5. 能够运用 Git 管理前端项目，并且使用 Git 分支进行多人协同开发| 6. 能够使用 Promise 与 async/await 高效的实现异步操作
1. JavaScript核心学习JavaScript基础语法规则。
变量|基本数据类型|数据类型的转换|运算符|if分支|switch分支|三元表达式|while循环|for循环|数组|函数|对象|内置对象|let|const|字面量
2. WebAPI学习DOM和BOM对象的属性和方法,以完成网页常见的交互效果。
DOM树|DOM对象|获取元素|innerHTML|style|className|classList|间歇函数|延迟函数|事件监听|鼠标事件|键盘事件|高阶函数|环境对象|节点操作|事件流|事件委托|元素位置|BOM|window对象|swiper插件|本地存储|自定义属性|正则表达式
3. JavaScript高级深入理解 ECMAScript 的知识体系及工作机制，熟悉 ES6+ 新的语法特性，注重抽象思维的培养，具备面向对象编程的的能力。
构造函数|单体对象|面向对象|原型 |解构|剩余|展开|箭头函数|Object|Array |严格模式|闭包|继承|防抖|节流|异常处理|深浅拷贝
4. Ajax利用 axios 发起 Ajax 请求，实现前后端的数据交互。并讲解 HTTP 请求的过程以及 Ajax 的底层原理。深入学习 JS 异步的底层原理，能够使用 Promise 处理异步操作，并使用 async/await 简化异步操作。
客户端与服务器|axios|请求与响应报文|接口|form 表单|拦截器|FormData|文件上传|XMLHttpRequest|Promise|async/await|EventLoop|宏任务|微任务
5. Git能够创建 Git 仓库管理前端项目，基于 Git 分支进行多人协同开发，并且能够把本地的 Git 仓库同步到远程码云或 Github 仓库中。
安装和配置 Git|Git 本地操作的常用命令|.gitignore 忽略文件|Git 分支与常用命令|远程仓库的使用
课时:3天 技术点:23项 学习方式:线下面授
Bootstrap是一个用于快速开发Web应用程序和网站的前端框架。Bootstrap是基于HTML、CSS、JavaScript的。
(1)**跨设备、跨浏览器：**可以兼容所有现代浏览器，包括比较诟病的IE7、8。
(2)**响应式布局：**不但可以支持PC端的各种分辨率的显示，还支持移动端PAD、手机等屏幕的响应式切换显示。
(3)**提供的全面的组件：**Bootstrap提供了实用性很强的组件，包括：导航、标签、工具条、按钮等一系列组件，方便开发者调用。
(4)**内置 jQuery：**插件Bootstrap提供了很多实用性的jquery插件，这些插件方便开发者实现Web中各种常规特效。
(5)**支持 HTML5、CSS3：**HTML5语义化标签和CSS3属性，都得到很好的支持。
(6)**支持 LESS 动态样式：**LESS使用变量、嵌套、操作混合编码，编写更快、更灵活的CSS。它和Bootstrap能很好的配合开发。
1. 栅格系统
栅格系统用于通过一系列的行（row）与列（column）的组合来创建页面布局，你的内容就可以放入这些创建好的布局中。
2. Bootstrap全局CSS样式
1、CSS Reset|2、按钮|3、图片|4、排版和代码|5、表格|6.表单
课时:2天 技术点:18项 测验:1次 学习方式:线下面授
1. 使用CSS高级特效，丰富网页元素的呈现方式和效果| 2. 使用rem或vw|vh实现网页元素宽高随着视口变化等比缩放的效果| 3. 使用bootstrap框架布局响应式网页
1. CSS高级特效使用css高级特效丰富网页元素的呈现方式和效果。
字体图标|2D转换|3D转换|动画
2. 移动适配首先介绍Flex布局模型,实现移动端网页的基本布局;再讲解两种移动端网页适配不同分辨率的解决方案,并使用不同的解决方案制作网页元素宽高随着视口的变化而等比缩放的效果。
rem|vw/vh|Less基础语法|视口|分辨率|二倍图|移动适配|媒体查询
3. 响应式学习响应式的原理,并使用bootstrap框架完成响应式网页的布局。
媒体查询|bootstrap框架|栅格系统|组件|响应式网页布局
课时:3天技术点:8项学习方式:线下面授
1. 掌握Echarts 各类型数据可视化图表的应用| 2. 能够根据需要求创建折线图|K线图|地图等图表| 3. 掌握前后端分离技术的实现方式并了解其意义| 4. 掌握使用token进行访问鉴权功能实现
数据看板是一个数据可视化项目，通过折线图|K线图|柱状图等图表形式归纳汇总大量数据，以实现更加直观的数据表达效果。学员通过学习该项目，能够掌握数据可视化|异步编程|实时数据获取等技术解决方案，适合有基础希望技能强化的IT人员继续学习。
1. 基于 bootstrap 的响应式页面布局方案| 2. 基于 echarts 的数据可视化解决方案| 3. 基于 token 的访问权限控制解决方案
1.基于axios 实现网站注册和登录功能| 2.基于 Echarts 结合需求高度自定义不同类型的可视化图表| 3.Ajax|数据渲染和服务端推送前后端分离技术的应用| 4.基于 token 的访问权限控制功能
课时:10天 技术点:33项 学习方式:线下面授
1. 掌握原生小程序开发，能够独立完成原生小程序项目开发| 2. 掌握 uni-app 多端框架，能够独立开发小程序和其他端的开发
1. 原生小程序了解小程序开发的一般流程序，熟悉小程基础组件的使用，能够基于 wxml 和 wxss 实现小程序的界面布局，基于模板的数据绑定实现数据的动态渲染，基于 API 实现与服务端的数据通信，以及熟悉其它高级 API 的使用。
账号申请|开发工具|工程目录|项目配置|屏幕适配|资源托管|字体图标|数据绑定|事件处理|生命周期|场景值|模块化|网络请求|路由|WXS|模板|组件|UI 框架|表单|Promise
2. uni-app理解 uni-app 实现跨平台开发的原理机制，理清单文件组件与原生小程序组件的对应关系，以及 uni-app 开发小程序时开发时与原生小程序的差异。
脚手架|项目配置|单文件组件|生命周期|条件编译|计算属性|跨平台支持|less|sass|组件通信
课时:1天 技术点:13项 学习方式:线下面授
微信公众号有订阅号、服务号、企业微信号三类，可根据自己实际应用场景注册对应的类型即可，在开发中我们可以使用微信公众平台测试号进行开发测试。但是，在开发之前一定要确定项目实际所运行的账号类型，因为这牵扯到官方的接口权限问题。针对不同的权限，在开发之前我们需要根据业务场景及接口权限设计好对应场景实现的解决方案。
1. 开发准备工作介绍
我们需要准备一个微信公众平台测试账号，微信公众平台测试账号不需要注册，任何人可以通过个人微信扫描二维码登录即可获得一个测试账号。测试账号登录网址： https://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login 还需要准备一个内网穿透工具（ngrok），开发过程中我们需要将本地开发服务器映射到外网，模拟真实服务器使用，在这里我们可以使用（Express）配合（MongoDB）数据库搭建一个简单的Web 服务器应用程序。
2. 公众号用户消息处理流程
用户通过微信公众号无论是发送了一段文字、一张图片又或者是点击了某一个按钮，用户所有这些操作，首先会被发送至微信服务器，然后经由微信服务器将消息处理之后，按照一定格式发送至开发者服务器。开发服务器在接收到微信服务器发送的消息后，可依据接口文档针对用户操作处理对应的业务逻辑，然后将结果按照一定的格式返回给微信服务器，再由微信服务器将数据处理之后返回给用户。对于开发者服务器来说，微信服务器与用户之间的交互不需要关注，开发者服务器只需要关注微信服务器发送给开发者服务器的数据，然后依据文档对接收到的数据进行处理。所以开发者服务器在接收到每一个请求时都必须验证一下该消息来源是否由微信服务器发出，验证通过之后才能依据接口文档进行对应的业务逻辑处理。
课时:10天 技术点:270项 学习方式:线下面授
1. 通过 Vue2 和 Vue3 的核心知识学习，掌握企业开发中常见业务功能实现| 2. 通过深入 Vue 技术栈学习 vue-router vuex vant element-ui 等主流技术，掌握企业级项目开发方式，如移动端H5项目与PC端管理项目| 3. 通过 Vue3 结合 TypeScript 的技术学习，以及 Vue3 技术栈 pinia 的学习，掌握大型企业级项目开发技巧| 4. 掌握 qiankun 微前端技术，具备重构巨石应用的能力，实现技术栈无关开发方式
1. 框架前置课掌握模块化思想，npm包管理，webpack基础，初探工程化开发。
Node.js安装|fs模块|path模块|http模块|npm|包配置文件|npm常用命令|模块化概念|CommonJS|ES6Module|工程化开发概念|webpack基础配置|dev-server|webpack插件|常用loader|babel
2. Vue2.x 核心运用Vue2.0全家桶核心内容实现开发中常见的功能，如购物车，经典列表、TodoMVC等。运用 Vant 开发移动端，运用element-ui开发PC后台管理系统。
MVVM|SPA|Vue 调试工具|虚拟DOM|diff算法|指令系统|v-model原理|数据选项|生命周期 |样式穿透|动态样式|插槽|组件系统|组件通信|自定义指令|ref|动态组件|$nextTick|自定义事件|计算属性|侦听器|组件库|组件封装 |keep-alive|路由系统|导航守卫|vue-cli |vuex|vant|element-ui|路由懒加载
3. Vue3.x 核心掌握 Vue3 新特性、Vite 新一代构建工具、组合式 API、Pinia 等。
Vite|原生ESM|选项API|组合API|setup|生命周期|ref |reactive |toRef | toRefs| computed| watch| watchEffect|组件通信|依赖注入|ref 边界
4. ElementUI前端库
element-ui常用组件|layout布局 container|Table|Form|button
5. TypeScript掌握TypeScript基础语法，且在Vue3项目中熟练运用TypeScript。
基础类型|联合类型|字面量类型|类型推断|类型断言|泛型|枚举|内置类型|类型约束|类型编程|类型声明|composition-api+TS|axios+TS|头条案例
6. Vue 原理掌握 Vue 底层原理
响应式数据原理Vue2&Vue3|虚拟DOM|diff算法|AST抽象语法树|Vue响应式系统|reactive 原理|effect 原理|ref 原理|computed 原理等
课时:5天学习方式:线下面授
JeecgBoot-低代码平台
筑坐极社区项目
JEECG是一款基于BPM的低代码平台！前后端分离架构 Vue2.x，echarts，Ant Design，element-ui，springboot&JWT，支持微服务。强大的代码生成器让前后端代码一键生成，实现低代码开发！ JeecgBoot引领新低代码开发模式 OnlineCoding-> 代码生成器-> 手工MERGE， 帮助Java项目解决70%的重复工作，让开发更多关注业务，既能快速提高效率，节省研发成本，同时又不失灵活性！一系列低代码能力：Online表单、Online报表、Online图表、表单设计、流程设计、报表设计、大屏设计 等等...
1.掌握 element-ui 组件库的运用 | 2.掌握 axios 以及拦截器的应用 | 3.掌握 Vuex 管理全局状态的技术解决方案 | 4.熟练使用 vue-router 管理组件的切换展示 | 5.掌握 element-ui 中如何自定义表单的校验规则 | 6.掌握文件上传和富文本编辑器在 Vue 项目中的应用 | 7.掌握 Vant 组件库的运用 | 8.掌握使用 postcss-px-to-viewport 实现移动端适配
1.token身份认证解决方案 | 2.文件上传解决方案 | 3.富文本编辑解决方案 | 4.表单验证解决方案 | 5.基于vant的移动端界面构建方案 | 6.基于postcss-px-to-viewport移动端适配方案
1. 基于 vue-cli 创建工程化的 Vue 项目 | 2. 基于 element-ui 组件库快速实现项目布局 | 3. 用户注册与登录的业务解决方案 | 4. 使用 Vuex 管理全局共享的数据 | 5. 使用 axios 实现前后端的数据交互 | 6. 基于 vant 组件库快速构建移动端界面
筑坐极社区项目对标“CSDN”、“博客园”等竞品，致力成为更加贴近年轻 IT 从业者（学员）的科技资讯类应用。 本项目是极客园移动端，主要涵盖了H5端新闻资讯类项目的核心业务。包括首页文章列表上拉加载与刷新，频道管理，本地线上频道管理，文章搜索，文章评论与回复，组件缓存，token过期与刷新处理，用户权限拦截，个人信息修改解决方案。
能够独立运用 vue2 + vant 搭建H5应用能力，能够实现文章列表 | 频道管理 评论与回复 | 用户权限控制等特色业务。
1. 使用vue-cli创建vue单页应用解决方案 | 2. 使用vue-router实现前端路由解决方案 | 3. 使用vue-vuex实现状态管理解决方案 | 4. 使用vant快速搭建移动界面解决方案 | 5. 使用json-bigint处理最大安全整数解决方案 | 6. 使用iconfont实现前端多色字体图标解决方案 | 7. 使用dayjs处理相对时间计算解决方案 | 8. 使用soket.io实现即时通讯解决方案 | 9. 使用postcss-px-to-viewport 实现移动端适配解决方案
vue2 + vant + vuex + vue-router 全家桶 | 移动端项目搭建 | vw 适配方案 | Token 过期处理 | 动态编辑 | 上拉加载 | 下拉刷新 | 评论与回复 | 搜索功能 | DayJS | 数据持久化 | 图片懒加载 | 组件定制 | 组件封装 | 性能优化 | 移动端1px像素 | Icon处理 | 表单验证 | 倒计时 | 拦截器 | 缓存组件封装 | websocket
课时:6天学习方式:线下面授
uni-app【聚合生鲜】
uni-app-微玛特物流-司机端
uni-app-微玛特物流-用户端
小程序无需安装，用完即走的应用方式越来越受到用户的欢迎，企业也都纷纷开展了小程序的开发。 聚合生鲜是一个经典的电商类小程序项目，包括商品、用户、购物车、订单等核心功能模块，采用 uni-app 框架做为跨平台小程序开发方案，并综合运用了原生小程序的组件化、模块化、网络请求、本地存储、微信登录、微信支付等技术， 聚合生鲜项目以企业的需求为基础，有针对性的对课程进行设计，学习本课程不仅能够培养学员的实践能力，还可以为就业提供有利的支撑。
1.能够开发跨平台的小程序 | 2.能够独立开发小程序项目 | 3.掌握微信登录的实现方式 | 4.掌握微信支付的实现方式
1.小程序跨平台开发解决方案 | 2.小程序微信登录实现方案 | 3.小程序微信支付实现方案 | 4.下拉刷新/上拉加载交互实现方案 | 5.数据缓存实现方案
1.uni-app跨平台开发框架 | 2.uni-app插件市场 | 3.组件封装及自动导入 | 4.微信支付/登录 | 5.pinia 状态管理 | 6.基于vue3+ts技术实践方案 | 7.小程序云开发
uni-app-微玛特物流-司机端，主要提供提货交货及车辆信息上报等功能。包含用户名密码登录、提货、在途、已完成、公告、系统通知、车辆信息、任务数据、系统设置等功能。采用 uni-app 基于 Vue3 版本进开发。
能够掌握基于HBuilderX 使用 uni-app 开发跨端应用的能力，能够完成多端兼容、打包App、原生界面开发、地理定位、路径规划、调起导航等特色业务。
1. 基于 HBuilderX 进行跨端应用开发方案 | 2. 基于 uni-app 开发 App 云端打包方案 | 3. 使用 uni-app 的 nvue 开发原生应用界面 | 4. 地理定位 | 路径规划 | 调起导航业务方案 | 5. 基于 plus API 调用原生应用能力 | 6. 拍照上传业务解决方案
uni-app 多端开发 | HBuilderX 编辑器 | 云打包 | 多端适配 | nvue 文件 | plus API | 地理定位 | 路径规划 | 导航 | 拍照上传 | 提货 | 在途 | 公告 | 系统通知 | 车辆信息 | 任务数据 | 系统设置
1、单据录入：输入密码点击扫描运单条码，随时随地录入物流单据，便于工作人员操作； 2、货物查询：查询货物处理情况，扫一扫即可实现，方便客户操作； 3、单据管理：按天、按周、按月统计订单数量； 4、统计分析：分析订单状态、数量变换趋势； 5、客户管理：管理目标和潜在客户，以便快速联系和业务扩展； 6、常用工具库：查询当天即时汇率、单位换算、ATM、加油站、物流园、全国线路图等；
能够掌握基于HBuilderX 使用 uni-app 开发跨端应用的能力，能够完成多端兼容、打包App、原生界面开发、地理定位、路径规划、调起导航等特色业务。
互联网新时代，移动客户端应运而生并随之蓬勃发展；各行业都在进行着转型，物流行业也不例外。如今寄快递也都直接扫码填写相关信息，手机端更是可以实时监控物流的配送情况。在未来发展中，物流信息化已经成为了行业的发展趋势。
跨平台开发，大大减少了开发成本和时间。UniApp可以通过一套代码实现多个平台的开发，能够快速构建出各种应用。 基于Vue.js的开发模式，拥有强大的组件化和模块化能力，使开发高效、简单，并且易于维护。 UniApp提供了丰富的插件市场，内置了多种常用第三方插件，如地图、推送、分享、支付等等，能够快速实现功能。 具有Vue.js的优点，拥有高效、灵活、响应式的数据绑定方式，能够提高开发效率和用户体验。 良好的性能表现，渲染能力强，加载速度快，支持异步更新，提供了多种优化手段（如lazyload等）。 可扩展性好，支持原生插件的扩展，可以快速自定义开发。
课时:5天 技术点:80项 学习方式:线下面授
通过 React + Hooks + Redux Toolkit 的学习，实现多种业务场景下的功能开发，如 B站评论|知乎频道管理|美团外卖|记账本等业务功能。
1. React 核心技术基于 React 脚手架（create-react-app）搭建React项目，掌握JSX语法搭建页面结构，使用函数组件实现组件化开发，掌握组件通讯在项目开发中的使用。
create-react-app（CRA）|JSX|条件渲染|列表渲染|样式处理|组件化开发|函数组件|useState Hook|状态不可变|事件绑定|事件对象|受控组件|useRef DOM操作|组件通信|父传子|子传父|兄弟组件通讯|状态提升|跨组件通讯|Context|useContext
2. Hooks 深入+路由掌握 useEffect Hook 的应用，掌握 useRef Hook 的高级用法，理解 Hooks 原理，掌握 react-router-dom 的应用。
useEffect|useRef 高级用法|useRef 保持引用不变|组件更新机制和特点|验证码登录倒计时|Hooks 原理|React 路由|Route|Routes|BrowserRouter|useRoutes|404页面|编程式导航 useNavigate|子路由|路由嵌套
课时:3天 技术点:11项 学习方式:线下面授
HarmonyOS的软件包叫做 APP Pack，它和Android的APK不同，因为分布式系统的缘故，它的软件包是个整体的概念，包含多个独立HAP（这个才相当于APK）。 而HAP和APK一样，都是由代码，资源，第三方库，应用配置文件组成的模块包。 HAP有两种模块类型，分别是entry，feature。前者是主入口模块。后者是单独的业务模块。
1. Ability 相当于Android中的四大组件（Activity，Service，ContentProvider，BroadcastReceiver）。 Ability分为两种类型：FA（Feature Ability）和PA（particle Abiltiy）。
Ability三种模板：
Page Ability
是FA唯一支持的模板，提供用户交互能力。
Service Ability
PA支持的模板，提供后台运行任务的能力。
Data Ability
PA支持的模板，提供统一的数据访问抽象。
开发流程
知识点1:华为开发者帐号注册
知识点2:鸿蒙本地开发环境构建
知识点3【创建鸿蒙系统应用工程】
知识点4【本地预览Previewer使用】
知识点5【工程运行】
常用组件
onCreate() 生命周期回调
onAcceptWant()事件回调
onConfigurationUpdated()事件回调
onMemoryLevel() 事件回调
应用上下文Context
UIAbility组件
课时:2天 技术点:31项 测验:1次 学习方式:线下面授
ChatGPT基于自然语言处理技术和神经网络模型，可以学习和理解人类语言的语法和语义，并能够生成具有连贯性和逻辑性的自然语言文本
1. ChatGPT入门主要学习ChatGPT注册、使用及Python调用ChatGPT，包含以下技术点：
ChatGPT背景介绍|如何使用ChatGPT|ChatGPT入门程序|ChatGPT实际应用场景案例
2. ChatGPT原理详解主要学习从GPT到ChatGPT原理详解
ChatGPT本质|GPT系列模型介绍|GPT-1详解|GPT-2详解|GPT-3详解|ChatGPT原理详解
3. ChatGPT项目实战主要以实际业务为驱动完成ChatGPT项目实战
项目背景|数据预处理|基于ChatGPT完成模型搭建|模型结果分析
4. 基于大型预训练模型搭建聊天机器人学习从0-1搭建聊天机器人
i语料处理方法|文本分词方法|闲聊机器人实现|基于Seq2Seq基础模型实现闲聊机器人|基于预训练模型优化|模型部署上线
5. 聊天机器人和问答系统主要学习完整的聊天机器人项目
解决方案列表|项目架构及数据采集|命名实体识别|对话系统
课时:4天 技术点:30项 学习方式:线下面授
Linux是一个操作系统，和Windows是“并列”的关系。经过多年的发展，Linux称为了世界第一大操作系统。Linux系统被广泛应用于服务器领域、嵌入式设备，还是有移动端。
部署流程
在Linux上进行Web应用的部署可以通过以下步骤完成：
安装所需的服务器软件（如Apache、Nginx等）。这些软件将作为Web服务器来运行并处理HTTP请求。
配置服务器软件。根据自己的需要修改相关配置文件，设置网站的根目录、监听的端口号等参数。
编写或获取Web应用程序的源代码。这包括前端页面、后台业务逻辑等。
使用合适的构建工具（如Webpack等）对项目进行打包。
将打包好的应用程序部署到服务器中。可以直接复制文件到指定位置，也可以使用容器管理工具（如Docker）进行部署。
启动服务器软件，确保其正常运行。
测试Web应用程序是否能够正常访问。可以通过输入服务器IP地址加端口号的形式来访问，查看返回结果是否符合预期。
若有必要，调优服务器性能或添加更多功能模块。
持续集成与发布。可以使用版本控制系统（如Git）来管理代码，并利用CI/CD流水线自动化构建、测试和部署新版本。
注意事项：
在部署之前，确保已经安装了Nginx或其他Web容器。
选择合适的操作系统和服务器软件，根据自身情况进行选择和配置。
在部署时，需要确保服务器的安全性，限制外部访问，并及时更新服务器软件和库文件。
阶段课时:3天 案例:16项 技术点:33项 学习方式:知识点配合大量用心设计的案例，助你一臂之力！ 发布会:2次
1. 掌握MySQL数据库的使用| 2. 掌握SQL语法| 3. 掌握Workbench数据迁移工具的使用| 4. 熟练常见数据库| 5. 对数据开发有一定认知，掌握BI工程师所具备的基本技能
1. MySQL与SQL零基础小白通过MySQL数据库，掌握核心必备SQL，包含了以下技术点：
01_数据库概念和作用| 02_MySQL数据类型| 03_数据完整性和约束| 04_数据库、表基本操作命令| 05_表数据操作命令| 06_where子句| 07_分组聚合| 08_连接查询| 09_外键的使用
2. Kettle与BI工具使用Kettle做数据迁移，通过BI工具展示excel、MySQL中的数据，包含了以下技术点：
01_Kettle基本操作| 02_Kettle数据转换| 03_Kettle使用SQL脚本组件| 04_kettle Job开发| 05_FineBI基本操作| 06_FineBI常用图表| 07_FineBI仪表板| 08_综合案例
课时:2天 技术点:12项 测验:1次 学习方式:线下面授
1.PHP语言学习介绍| 2.PHP代码基本语法| 3.PHP流程控制语句| 4.PHP函数基本语法| 5.PHP文件系统管理| 6.PHP数组结构
1. PHP语言学习介绍
1.1 PHP部署安装环境 | 1.2 PHP代码工具选择
2. 基本语法
2.1 PHP函数知识介绍 | 2.2 PHP常量变量介绍 | 2.2.1 PHP变量知识：| 2.2.2 PHP常量知识：| 2.3 PHP注释信息介绍| 2.4 PHP数据类型介绍| 2.4.1 整形数据类型| 2.4.2 布尔数据类型| 2.4.3 字符串数据类型| 2.4.4 浮点型数据类型| 2.4.5 PHP数据类型之查看和判断数据类型| 2.5 PHP流程控制语句| 2.6 PHP算数运算方法| 2.6.1 PHP程序自加自减运算| 2.6.2 PHP程序比较运算符号| 2.6.3 PHP程序逻辑运算符号| 2.6.4 PHP程序位运算| 2.6.5 PHP三元运算符合其它运算符
3.PHP流程控制语句
3.1 if条件控制语句| 3.2 if嵌套语句| 3.3 switch语句使用| 3.4 while循环语句说明| 3.5 for循环语句| 3.6 goto循环语句|
4. PHP文件系统管理
4.1 fopen、fread、fclose操作读取文件| 4.2 PHP创建和修改文件内容| 4.3 PHP创建临时文件| 4.4 php移动、拷贝和删除文件
课时:10天 技术点:30项 学习方式:线下面授
ThinkPHP是一款基于PHP语言的MVC（Model-View-Controller）框架，是国内著名的开源框架之一。使用ThinkPHP框架可以有效简化应用开发的流程，提高了开发效率和应用安全性。那么，学习ThinkPHP需要掌握哪些内容呢？下面，我们简要介绍一下学习ThinkPHP的主要内容。
学习流程
一、PHP基础
首先，学习ThinkPHP之前需要具备PHP的基础，包括掌握PHP语言的基本语法和变量类型、流程控制、函数和数组等知识点，以及基本的Web开发知识，例如HTTP协议、HTML、CSS和JavaScript等。
二、框架体系结构
学习ThinkPHP需要了解其框架体系结构，了解ThinkPHP框架的目录结构、配置文件、路由机制、控制器和视图等基本概念和功能。
三、模型(Model)
模型是MVC框架中的模块，用于封装对数据库的操作，包括数据的增删改查等。学习ThinkPHP需要了解模型的概念、使用方法以及模型的关联、验证等高级使用技巧。
四、视图(View)
视图是MVC框架中的展示层，用于呈现用户界面。学习ThinkPHP需要了解视图的基本概念、使用方法、模板和布局等技巧。
五、控制器(Controller)
控制器是MVC框架中的逻辑层，负责接收用户的请求并做出相应的响应。学习ThinkPHP需要了解控制器的基本概念、使用方法、过滤和验证等高级使用技巧。
六、插件机制(Plugin)
插件机制是ThinkPHP框架的一个重要特性，可以方便地扩展框架的功能。学习ThinkPHP需要了解插件的安装、配置和使用等基本知识。
七、Db类
Db类是ThinkPHP框架中的数据库操作类，封装了对数据库的访问和操作。学习ThinkPHP需要掌握Db类的基本使用方法、连接池管理等高级技巧。
八、调试工具
调试工具是Web开发中必不可少的工具之一。学习ThinkPHP需要了解框架自带的调试工具和如何集成外部调试工具，以及如何利用调试工具快速定位和解决问题。
学习方式:学员自主，讲师辅助指导；
诚筑说智慧数字
NEWHR-人力资源管理系统
诚筑说智慧数字是一个数字化园区管理项目，该项目后台可以在线管理园区内的楼宇、企业、车辆和一体杆等资源，可视化大屏通过园区3D模型实时展示园区概况。学员通过该项目能学到如何用qiankun搭建微前端架构、用Echarts进行数据可视化、以及前沿的3D模型展示等技术方案。
1.掌握Vue + Element技术栈在开发管理型后台项目的技术开发能力| 2.具备角色、人员、权限类系统的设计整体设计及应用能力| 3.拥有Vue.js相关的技术要点及配套的插件，解决方案深度使用能力| 4.具备使用 qiankun 搭建微前端项目的能力| 5.具备使用 echarts spline 等图形工具，开发 2D、3D数据可视化平台能力
1. 基于 element-ui 和 vue2 大型中台项目开发解决方案| 2. 基于axios封装请求工具模块解决方案| 3. 基于token的前端登录解决方案| 4. vuex分模块持久化解决方案| 5. RBAC 项目权限控制解决方案| 6. 基于 qiankun 企业内中后台项目的拆分维护| 7. 基于 spline 工具底层为 three.js 的3D模型交互| 8. 多语言动态主题解决方案| 9. 无限列表滚动解决方
vue-element-admin（请求模块化，请求工具拦截，scss 样式，布局组件）|Vuex 持久化（state，mutations，actions，getters 和 modules）|Vue CLI 配置(webpack)|反向代理|ElementUI 表单校验（async-validator）|vue-router 导航守卫|token 认证|token 失效控制|角色管理业务|RBAC 权限|Vuex + 路由 + RBAC|动态路由|角色权限|混入 mixns|全屏（screenfull）|tabs 页多页签组件|vue-i18n 国际化方案|history 路由模式的应用|树形菜单 |element 列表的数据过滤|导入导出 Excel|el-upload 上传第三方云服务器|打包性能分析|CDN 加速的实践应用|组件封装|业务组件封装|Spline3D模型加载和交互方案|qiankun 搭建微前端架构|Echarts 自定义可视化图表|lodash|seamless-scroll 数据无缝滚动|行车管理|一体杆管理|企业管理|物业费管理
NEWHR-人力资源管理系统是一款基于SaaS平台的人力资源管理系统， 企业通过该系统可以完成公司组织架构管理、员工管理、角色管理、权限管理（审批、考勤、社保）等，为企业的人力资源管理提供一站式解决方案。
能独立运用 vue-admin-template 搭建中后台应用能力，能够实现 rbac 权限管理，企业组织架构管理，审批、考勤、社保等特色业务。
1. 基于element-ui和vue2大型中台项目开发解决方案| 2. 基于axios封装请求工具模块解决方案| 3. 基于token的前端登录解决方案| 4. vuex分模块持久化解决方案| 5. RBAC大型中台项目权限控制解决方案| 6. excel批量导入导出解决方案| 7. 上传组件封装解决方案| 8. 多语言动态主题解决方案| 9. 树形结构处理解决方案
vue-element-admin（请求模块化，请求工具拦截，scss 样式，布局组件）|Vuex 持久化（state，mutations，actions，getters 和 modules）|Vue CLI 配置(webpack)|反向代理|ElementUI 表单校验（async-validator）|vue-router 导航守卫|token 认证|token 失效控制|角色管理业务|RBAC 权限|Vuex + 路由 + RBAC|动态路由|角色权限|混入 mixns|工作日历|Echarts 雷达图 |全屏（screenfull）|tabs 页多页签组件|vue-i18n 国际化方案|history 路由模式的应用|树形菜单 |element 列表的数据过滤|导入导出 Excel|Excel 复杂型表头|PDF 打印（vue-print-nb）|el-upload 上传第三方云服务器|打包性能分析|CDN 加速的实践应用|组件封装|业务组件封装
学习方式:学员自主，讲师辅助指导；
分小组实战，多人开发协作，共同完成基于 vue-admin-template 搭建企业级中后台项目，能独立分析需求并按需求实现功能，能够解决测试过程中发现的BUG|掌握完整的业务开发流程，完成基础数据管理|车辆管理|订单和运单管理|调度管理等特色业务。
基于Vue2和ElementUI开发的微玛特物流平台对标主流快递物流公司的TMS系统，包含运输任务管理|订单管理|线路管理以及运费管理等核心业务。TMS系统能够对车辆|驾驶员|线路等进行全面详细的统计考核，能大大提高运作效率，降低运输成本。
1.基于 vue-admin-template 企业级中后台模板方案| 2.基于 echarts-liquidfill 液体图表解决方案| 3.基于 vue-baidu-map 地图业务解决的方案| 4.基于 mockjs 的前端数据模拟方案| 5.基于 vue-treeselect 树形下拉框解决方案| 6.基于 vuex 的状态管理解决方案
vue2 + element + vue-router + vuex 全家桶| vue-admin-template中后台模板|echarts 图表|echarts-liquidfill 液体图表|mockjs 数据|vue-treeselect 树形下拉框|机构管理|机构作业范围|运费管理|车型管理|车辆列表|回车登记|快递员管理|司机管理|排班管理|订单管理|运单管理|运输任务管理|线路管理|取件作业管理|派件作业管理。
学习方式:学员自主，讲师辅助指导；
美曲医疗在线
微玛特商城
美曲医疗在线是一个连接医生和患者的移动医疗行业H5应用，通过高效、快速的在线问诊服务，为患者提供健康帮助，涵盖了找医生、快速问诊、开药门诊、疾病查询，健康百科等功能。该项目基于Vue3+TypeScript进行开发，且引入下一代状态管理工具 Pinia 和最热门的前端移动UI组件库 Vant ，采用全新技术栈，给学员带来最佳的企业实战项目，助力学员高薪就业。
1. 掌握使用Vue3 + TypeScript 开发大型前端项目的能力| 2. 掌握使用Vant组件库开发移动端项目能力| 3. 掌握 Pinia 状态管理工具实现项目状态管理| 4. 掌握 第三方登录和第三方支付 业务解决能力| 5. 掌握 快速问诊 等在线问诊主流业务开发能力
1.基于vue3.0+typescript中大型项目开发解决方案| 2.基于vant组件库快速构建H5界面解决方案| 3.基于vue-router的前端路由解决方案| 4.基于vite构建vue3项目解决方案| 5.基于pinia的状态管理解决方案| 6.基于pinia-plugin-persistedstate状态持久化解决方案| 7.基于@vuecore/use的组合API工具库解决方案| 8.基于id-validator的身份证信息校验解决方案| 9.基于postcss-px-to-viewport移动端适配解决方案| 10.基于vite-plugin-svg-icons的svg图标组件解决方案| 11.基于tailwindcss的原子化类名现代解决方案| 12.基于socket.io的即时通讯问诊室解决方案| 13.基于eruda 的移动端调试解决方案| 14.第三方登录解决方案| 15.第三方支付解决方案| 16.基于 vitest 单元测试、组件测试方案| 17.基于 husky 代码检查工作流工具
vue3.0框架|TypeScript使用|vite前端构建工具|create-vue项目脚手架|vue-router路由|pinia状态管理|pinia-plugin-persistedstate状态持久化|sass预处理器|vite-plugin-svg-icons图标组件插件|tailwindcss现代CSS框架|@vueuse/core组合API工具库|dayjs日期处理|vant组件库|postcss-px-to-viewport移动端适配|id-validator校验身份证|socket.io即时通讯|eruda真机调试|第三方登录|第三方支付|vant组件二次封装|通用组件封装|reqeust工具函数|组件按需引入|steup语法糖|pnpm包管理|第三方库类型扩展|自定义composable|css变量|单元测试|组件测试|husky|PM2部署|gitlab CI|高德地图物流轨迹
Vue3+TS微玛特商城是对标网易严选的综合品类的网上商城项目，现在除了顶级的一些电商平台之外，越来越多的企业都会做自己的垂直领域的商城，如小米商城、华为商城等，市场空间巨大，人才较为紧缺。本项目涵盖了电商的核心业务，首页加载优化，SKU规格处理，本地线上购物车，第三方登录，第三方支付，订单管理。致力于交付学员完整的电商业务解决方案，让学员成为具备电商业务能力的站在技术前沿的高级前端开发工程师。
能够掌握基于 Vue3 + TS 技术栈独立开发PC前台项目的能力，能够实现首页加载优化、分类、商品详情、SKU、本地线上购物车、支付、第三方登录等特色业务。
1.基于vue3.0进行中大型项目开发解决方案| 2.基于vuex-persistedstate状态持久化解决方案| 3.sku前端实现解决方案| 4.第三方登录前端解决方案| 5.第三方支付前端解决方案| 6.基于@vueuse/core数据懒加载解决方案| 7.本地与线上购物车合并方案| 8.基于axios封装请求工具类解决方案| 9.基于token的前端登录解决方案
vue3 + pinia + vue-router 全家桶|vuex-persistedstate 状态持久化|less 预处理器|style-resoures-loader 样式资源加载器|normalize.css 样式库|@vueuse/core 组合API工具库|power set 算法库|dayjs 日期库|vue-infinite-loading 滚动加载|vee-validate 表单校验|mockjs 本地数据模拟|socket.io 即时通讯| carousel 组件|more 组件|bread 组件|skeleton 组件|checkbox 组件|radio 组件|select 组件|dialog 组件|message 组件|confirm 组件|pagination 组件|steps 组件|timeline 组件|tabs 组件|loading 组件|city 组件|v-lazy 指令|数据懒加载|图片懒加载|骨架屏效果|无限列表|sku 规格选择|云端购物车 & 本地购|支付宝支付|商品类目|订单管理
学习方式:学员自主，讲师辅助指导；
1. 掌握开发原生小程序项目能力| 2. 掌握微信请求工具封装和使用| 3. 掌握微信用户登录和登录状态检测解决方案| 4. 掌握基于腾讯位置服务实现地理定位检索| 5. 掌握基于微信二维码服务实现用户通行证
乐刻健身门禁系统是一个健身类的小程序项目，主要服务于健身fitter，为其提供在线预约|会员门禁通行的的功能， 该项目主要包含线上预约|场地实时监控|访客管理|用户管理|通知管理等功能模块，技术栈以原生小程序技术为主配合了 Vant 组件库。
1.微信小程序 vant 组件解决方案| 2.微信请求工具解决方案| 3.微信用户登录和登录状态检测解决方案| 4.腾讯位置服务实现地理定位检索解决方案| 5.微信二维码服务解决方案
自定义组件|Vant 组件库|getApp|getCurrentPages|封装 http 模块|rich-text 渲染富文本|登录状态检测|短信验证码|validate 数据校验|腾讯地理定位|逆地址解析|图片上传|房屋维护|SwipeCell 滑动单元格|访客维护|生成二维码|自定义分享和转发|在线报修
课时:2天 技术点:30项 学习方式:线下面授
通过企业常见面试题的学习，能够解答浏览器原理|vue项目相关|网络通信协议|前端基础类面试题。
1. 就业加强课面试题讲解
浏览器原理|TCP 协议|http 协议|前端工程化|git 相关|vue 组件通信|vue 项目相关|JS 面试题|HTML 面试题|CSS 面试题
应届生/大三/大四
专业岗位岗位需求多，前景好，适合作为应届生的第一职业长远发展
想转行
解决当前职位遇到的瓶颈,提高收入,前景清晰，大势所趋，抓住机会
专业爱好者
让爱好变成自己的职业!兴趣是最好的导师
0基础,但有创意有想法的人
有创意有想法是学习本专业的加分技能哦~
全天主讲老师亲授
想象一下全天,都有一个马上能给你讲明白代码问题的好老师!
案例实战进阶
我们不会让你学得很累,我们会把课程设计的像玩游戏一样有趣上瘾.
课下友情互助
倡导互助和交流,因为未来你去的公司将会需要你们的团队力和人情味.
新技术及时更新
我们的团队基因就是技术至上,紧贴行业动态!
零基础上手课
小白别担心,专门为你大力研发了趣味上手课程.
多样性案例
全生态链的公司技术需求,变成案例,完整耐心教你
企业接口案例
手机端/云计算/大数据/AI等接口和框架
作品全部上线
毕业前你会得到整套上线运行起来的程序
PC网页设计
专题页面设计/配色/照片美化/首页制作/营销型网站
手机网页设计
引导页面的绘制/button设计/banner图设计/icon设计
SEO特训
搜索引擎蜘蛛工作原理/关键词制定/title标签应用/面包屑导航/网站地图引导
SEM实战
客户需求分析/关键词竞价机制/流量入口分析/优化着陆页
网页加载速
代码结构优化/代码冗余/大图片切片加速/模糊加速/CDN加速/带宽调整
响应式网站
用户端设备识别/4种常规终端设备界面(手机.pad.PC.高清电视)/Bootstrap
JS高端功能破解
动态交互效果/统计数据/定位/页面分段加载
数据库
MySQL数据库链接/数据多重备份保护/数据库防黑技术
刘嘉讲师【高级前端/IOS开发工程师】
刘嘉老师拥有7年H5开发经验，3年的嵌入式软件移动应用开发经验，曾任职于中兴通讯港资美资等多个公司。精通html5 js css开发、linux驱动开发、
Vue.js, Angular.js 开发，参与过多个企业级的app项目。特别在针对android ios平台对H5的跨平台优化适配领域(如 cordova meteor 等)。
在前端方向经验非常丰富，也从事过多种类型线上H5项目开发; 独到、幽默的教学风格，具有极强的实战性，深受学员好评!
目前正主攻 react native 开发。同时, 教学条理清晰，非常注重理论与实践的结合，培养学员的充分动手能力。
王伟平讲师【教学总监/全栈架构师】
毕业于天津大学计算机科学与技术学院，拥有近8年开发及项目管理经验。曾任【大宇宙信息创造】项目管理，参与研发千万级高并发实时数据监控项目、大型分布式架构电商项目;
并任【中软杭州】公司等两家国内企业高级技术顾问；曾参与项目【科瑞泰Q医】开发,【佳软医药ERP】项目管理，其累计用户700万+;
目前已拥有4年教学经验，在教授过的学员当中，东京、大阪、悉尼、惠灵顿、奥克兰、温哥华以及洛杉矶均有成功入行IT的学员65例,
其中包括帮助学员拿下UCLA，UTS等大学offer以及奖学金7例,在国内成功入职上市互联网公司的学员达13%, 其中包括QQ音乐、有赞、浪潮以及惠普等互联网公司，且均有不错的口碑。
个人Github以及Gitee账号截止目前，已累计获得6万Star数量。2020年受邀开始参与开源商业应用套件【Odoo14社区版】的中文版本代码贡献。
夏磊银讲师【教学副总监/全栈工程师】
夏磊银老师曾任职于中国移动、平安保险4年，项目经验丰富，并在2017年任职天津蚁航科技网络有限公司项目经理。 近7年开发和技术管理经验。
主要从事后端技术和架构领域，有丰富的电商平台与物流平台核心系统的架构设计和开发经验。 拥有丰富的大型项目开发经验，目前已拥有5年教学经验，
授课风格诙谐幽默，讲解到位细致。在主流在线教育网站现已上线多门课程，广受用户与学员好评。
主攻Java后端高性能集群以及R/Python/SQL语言大数据分析。经历过天猫双十一巨峰流量历练，
善于运用各项互联网中间件及系统设计技术为业务能力建设提供亿级流量的基础保障。后曾参与开发国家级项目《地震前兆系统》，
在蚁航科技作为项目经理带团队开发的医疗信息平台《嘟嘟会议》，平均每天能流畅提供上百场医疗会议，为蚁航科技转型到服务模式提供了丰厚的技术支持。
冯佳讲师【高级全栈工程师】
冯佳老师，诚筑说高级讲师。毕业于天津理工大学，7年IT行业经验，擅长前后端分离大型项目的架构与实现，熟悉前端框架、算法、图像处理、模式识别算法等，
对深度学习算法有深入的理解，并有多个C++、Java项目经验。
精通Python编程、C#以及JS/TS, 网络爬虫和数据分析、人工智能，精通HTML5、CSS、JavaScript等前端开发技术。
曾参与过手机银行，有利网互联网金融产品研发，互联网家装O2O产品研发以及用户数据采集分析，直播即时通讯项目的研发与优化。
是一名技术“偏执狂”，喜欢研究新技术和原理，对互联网行业充满信心，看好IT行业的前景，具有独特的授课技巧。
沟通能力及逻辑思维强，为人热情，乐于与学员分享自己的经验和技术。
王玉民讲师【高级前端工程师】
王玉民老师是诚筑说年轻教师队伍中的中坚力量，5年Web前端开发经验，2.5年讲师培训经验，曾就职于杭州有赞集团,
负责过多个企业大型项目开发实践经验。精通Web前端开发，精通HTML Living Standard及CSS3.0，JavaScript/TypeScript, uni-app,
React...等前端技术，
且研究领域涵盖了web大前端、Android、IOS移动端、Java企业级互联网应用、计算机视觉算法、NLP、推荐引擎算法等!
教学中注重理论和实践的结合，让学员听得懂，写的多，找实践，找方法。综合培养学员的逻辑思维能力和实际操作能力。
刘艳博讲师【高级后端工程师】
诚筑说高级讲师, 就职量子科技7年, 期间参与量子足球、量子炫舞等月流水过千万网络手游及多款单机手游的开发工作，参与农业部防治灾害、信息分类等深度学习科研项目;
从事游戏开发及人工智能深度学习研究工作多年，对人工智能、图像识别技术有深入研究，Unity3D开发经验丰富，精通OpenGL及GPU编程。
具有丰富的架构设计和教学经验。在敏捷开发、架构设计和性能调优方面有着深厚的造诣。20年如一日保持对技术的追求和热爱，授课幽默、创新，匠心与执行力并存，
致力于实战课堂，影响学员超300人，是学员膜拜的大神讲师，一切从实际工作经验出发,培养学员分析理解能力与自主开发能力,深受学员喜爱。中软集团、净好科技等省内外多家集团公司特邀架构师。
右划以查看更多讲师信息☞
跨域和同源策略？
所谓的同源策略其实是浏览器的一种机制，只允许在同源，也就是同协议、同域名、同端口的的情况下才能进行数据交互。 但是我们在开发项目的过程中， 往往一个项目的接口不止一个域，所以往往就需要做跨域的处理，通常的跨域方式有这么几种： 1、JSONP，主要依赖的是script标签不受同源策略影响，src指向某一个接口的地址， 同步需要传递callback回调函数名字， 这样当接口调用成功后， 本地创建的全局回调函数就会执行， 并且接收到数据。不使用img标签的原因是因为img标签无法执行js语句 2、CORS，依赖服务端对前端的请求头信息进行放行，不做限制。 3、代理访问，前端访问不存在跨域问题的代理服务器，代理服务器再去访问目标服务器（服务器之间没有跨域限制）
React中key的作用？
React组件在更新的时候，react就会生成新的完整的虚拟DOM树与之前的虚拟dom进行比对，然后再对有更新的节点相关的位置进行更新。 对比之前往往需要进行匹配和比对，为了匹配的更精准，react希望在列表循环等位置去手动为Element添加key属性，这样对比的时候就可以通过查找key来进行精准匹配。 我之前做项目的时候也碰到过这样的情况，一般都是用数据的id来作为key， 有一次出现了问题，后端给的数据里头没有id这样的主键·，顺手用了索引做key，在数据列表的顶部添加item的时候对比出错了，最后还是找后端添加唯一id才处理好。
用hooks编程的话如何取模拟生命周期
函数组件中利用hooks模拟生命周期主要使用的就是useEffect 如果useEffect的依赖数组为空数组， 此时，模拟的是componentDidMount 如果useEffect的依赖数组不为空，此时， 模拟的是componnetDidUpdate 如果useEffect的回调函数中返回一个函数， 此时，这个返回的函数模拟的是componentWillUnmount
var, let, const的区别？
ES6新增了定义变量的关键字 let和const， 分别用于定义块级变量和常量 let， const不会声明提前， 存在暂时性死区 外部无法使用到内部的let和const定义的变量， 存在块级作用域限制 const 定义的常量， 无法更改。
自己封装过组件吗？
封装过的，而且在之前vue和react项目开发中都多多少少的封装过一些组件，有UI组件，封装了样式及单纯的数据渲染、逻辑组件（封装了数据获取、数据分析处理等功能） 之前做vue项目的时候封装过一个图表的组件，在里面主要去实例化了图表的实例，根据传入的api的接口不同调用不同的接口来获取数据， 又根据传入的数据处理函数的不同，对获取到的处理进行不同的处理，还监听了浏览器尺寸变化， 去动态调整图表的尺寸。 还一个移动端项目里封装过一个通用的列表组件，组件中可以自动获取数据、封装了下拉刷新上拉加载的逻辑，还可以根据传入的属性不同， 调整列表布局为一栏或者两栏布局。 当时用react做管理系统的项目的时候封装了权限控制组件，组件可以自动从store中获取到用户相关的权限信息，以及搭配一些属性来控制对应的内部的组件在没有权限的情况下禁用或者不显示的情况。 还封装了错误捕捉ErrorBoundary组件，当捕获到错误的时候更改自身状态，来控制渲染一个备用UI，后来又根据需求，在内部实现了组件加载失败重试的功能，主要靠的是封装了一个函数来进行组件的懒加载，将渲染的内容处理成函数，当点击ErrorBoundary的错误备用UI中重试按钮后，更新错误状态重新渲染，引起渲染函数的函数重新执行，重新加载。 其他的还有： 1、富文本编辑组件，主要是封装成自定义的表单控件，方便在Form中使用。 2、在一个ToC的项目中封装了一个登录鉴权组件，可以根据传入的参数不同，在没有登录的时候，控制内部的组件是否渲染，或者阻止内部组件的用户操作，点击后弹出未登录是否去登录的提示信息。
为什么会出现跨域问题？
浏览器从一个域名的网页去请求另一个域名的资源时，域名、端口、协议任一不同，都是跨域。 在前后端分离的模式下，前后端的域名是不一致的，此时就会发生跨域访问问题。在请求的过程中我们要想回去数据一般都是post/get请求，所以..跨域问题出现。 出于浏览器的同源策略限制。 同源策略（Sameoriginpolicy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响 可以说Web是构建在同源策略基础之上的，浏览器只是针对同源策略的一种实现。同源策略会阻止一个域的javascript脚本和另外一个域的内容进行交互。 所谓同源（即指在同一个域）就是两个页面具有相同的协议（protocol），主机（host）和端口号（port）
三种CSS隐藏元素的方式有哪些？
设置display: none；样式。这个样式会让元素在页面上彻底消失。元素本来占有的空间，也会被其他元素占有，所以，他会导致浏览器的重排和重绘。 第二种方式设置visibilty：hidden；的样式。它和display: none；的区别在于，元素在页面消失之后，它原本占有的空间依然会保留，所以，他只会导致浏览器的重绘，而不会重排。 第三种是设置opcity：0；透明度为0。在视觉上元素也是隐藏的，所以这也是一种隐藏元素的方式。 还有其他方法，利用定位，让元素不出现在可视区域，等等。
页面布局有哪几种方式？
页面布局常用的方法有浮动、定位、flex、grid网格布局、栅格系统布局 浮动：优点: 兼容性好。缺点:浮动会脱离标准文档流，因此要清除浮动。我们解决好这个问题即可。 绝对定位。优点: 快捷。缺点: 导致子元素也脱离了标准文档流，可实用性差。 flex 布局 (CSS3中出现的)。优点: 解决上面两个方法的不足，fex布局比较完美。移动端基本用 flex布局。 网格布局 (grid)。CSS3中引入的布局，很好用。代码量简化了很多。
rem 和 em？
rem 和 em都是css中的相对长度单位，他们的区别就是，rem是相对于根元素字体大小进行计算的，任意浏览器的默认字体都是16px，所以一般 1rem = 16px。 而em是相对于当前元素的字体大小来计算的，但是为什么我们经常说相对于父元素呢，其实也很好理解，因为font-size字体大小这个属性是可以被继承的，所以父元素的字体大小势必会影响到他的子元素的字体大小，也就是说子元素如果没有自己的font-size，那么它的font-size就会继承父元素，那此时 1em 的值就可以认为是相对于父元素字体大小来计算。 另外rem是css3新增的一个相对单位，r就是root根的缩写，它的出现也就是为了解决em的缺点，em是相对于父元素或当前元素的字体大小进行换算的，当当前元素或父元素字体大小改变时，就又得重新计算了，那么层级较多的时候，换算也就会越来越复杂，而rem只相对于HTML根元素，有了rem这个单位我们只需要调整根元素HTML的font-size，就能达到所有元素的动态适配，避免了一些复杂的层级关系。
如何减少重排和重绘（提高性能）？
由于回流和重绘会带来很大的性能开销，所以在开发中我们要尽量避免或减少回流和重绘的次数来提高性能 避免频繁读取会引发回流/重绘的属性，如果确实需要多次使用，就用一个变量缓存起来。 对具有复杂动画的元素使用绝对定位，使其脱离文档流，否则会引起父元素及后续元素频繁回流。 要避免频繁的去操作DOM，可以通过创建documentFragment，完成所有所有DOM操作后，最后再把它添加到文档中。 避免频繁操作样式，最好一次性重写style属性，或者将样式列表定义为class并一次性更改class属性。
什么是BFC?其规则是什么？怎么触发BFC?BFC能够解决什么问题？
【 什么是BFC?】BFC的全称是block-formatting-context，
对应其中文翻译就是块级格式上下文，它是一个独立的渲染区域，我们可以把BFC理解为，一个封闭的容器，内部的元素无论怎么变化都不会影响到外部，容器内的样式布局自然也不会受到外界的影响。
【BFC内部规则】1BFC它就是一个块级元素，块级元素会在垂直方向上一个接一个的往下排列，2BFC就是页面中的一个隔离的独立容器，容器里的标签不会影响到外部标签，3BFC区域不会与浮动的容器发生重叠，4属于同一个BFC的两个相邻元素的外边距会发生重叠，垂直方向的距离由两个元素中margin的较大的值决定，5计算BFC的高度时，浮动元素也会参与计算。
【如何触发BFC?
】通过添加CSS属性，就可以触发，overflow:hidden；除了visible以外的值，position:absolute/fixed；display:inline-block/flex；
【BFC到底解决什么问题】？
它可以阻止元素被浮动元素覆盖，例如，一个两栏布局，左边div宽度固定，同时设置左浮动，右边的div自适应，此时由于浮动元素脱离文档流了，不占据空间，那么就会导致右侧的div到了最左边，同时左侧浮动的div还会覆盖在上面，这时候我们就可以通过把右侧的div元素设置为一个BFC,比如可以给它添加display:flex；属性来触发，就可以解决右侧被左侧覆盖的问题。
能够解决父元素没有高度，子元素设置成浮动元素时，产生父元素高度塌陷问题，比如一个容器内的两个div都是浮动元素，此时我们给父元素添加一个红色的背景色，会发现没有任何效果，因为父元素高度塌陷，高度为0，这个时候我们就可以添加一个触发BFC功能的属性，因为BFC有个规则是计算BFC高度时，浮动元素也会参与计算，所以触发BFC后，父元素的高度就会被撑开，也就是会产生清除浮动的效果。
第三可以解决margin边距重叠的问题，比如一个容器里有两个div,一个div的下边距的margin设置的是10px,一个div的上边距设置的是20px,那这两个盒子之间的距离是20px，而不是30px，这就是margin塌陷问题，这个时候margin应为两个div之间较大的那个margin值，而不是两者相加，如果就想让他们之间的间距是30px，就需要触发一个div的BFC,它的内部就会遵循BFC规则，解决办法是为元素包裹一个盒子，形成一个完全独立的空间，做到里面的元素，不被外面的元素影响。
伪类和伪元素的区别？？
在 CSS3 中，规定了伪类用单冒号 (:)表示，伪元素用双冒号表示 (::)，对于css3之前已经存在的伪元素，也是支持单冒号的，但我们在开发过程中还是要尽量规范写法。 【区别】 伪类：当我们希望样式在某些特定状态下才被呈现到指定的元素时，换句话说就是，当某个元素状态改变时，我们期待给这个元素添加一些特殊效果，那么我们就可以往元素的选择器后面加上对应的伪类。比如: hover就能够指定当我们悬浮在某元素上时，期望该元素要显示的样式。 伪元素：则是创建了一些不在文档树中的元素，并为其添加样式，需要注意的是伪元素样式里必须要给它一个content属性。比如可以通过::before伪元素在个元素前增加一些文本，并为这些文本添加样式。这些文本实际上不在文档树中的，所以叫伪元素。 总结来看，伪类的操作对象是文档树中已有的元素，而伪元素则是创建文档树以外的元素并为其添加样式。所以二者最核心区别就在于，是否创造了“新的元素"。
刘嘉讲师【高级前端/IOS开发工程师】
刘嘉老师拥有7年H5开发经验，3年的嵌入式软件移动应用开发经验，曾任职于中兴通讯港资美资等多个公司。精通html5 js css开发、linux驱动开发、
Vue.js, Angular.js 开发，参与过多个企业级的app项目。特别在针对android ios平台对H5的跨平台优化适配领域(如 cordova meteor 等)。
在前端方向经验非常丰富，也从事过多种类型线上H5项目开发; 独到、幽默的教学风格，具有极强的实战性，深受学员好评!
目前正主攻 react native 开发。同时, 教学条理清晰，非常注重理论与实践的结合，培养学员的充分动手能力。
