• 网页布局基础班阶段一

    课时:10天 技术点:68项 测验:1次 学习方式:新型面授

    学习目标

    借助PxCook工具，参照设计稿，能综合使用HTML+CSS技术完成企业级小兔鲜儿电商项目PC端首页开发。

    主讲内容

    1. HTMLHTML 负责网页的结构层，是网页开发的基础，从最简单的网页骨架搭建入手，使用常见的 HTML 标签丰富网页结构。

    HTML基础语法|排版标签|路径|多媒体标签|链接标签|列表标签|表格标签|表单标签|布局标签|语义化标签|字符实体

    2. CSS在 HTML 搭建的网页结构基础上，通过 CSS 选择器 精准选择标签，使用外观、盒模型相关属性完成网页全部内容，学习传统浮动、定位等完成网页布局，侧重使用 Flex 布局技巧精准控制网页布局，最终结合背景、圆角、阴影等装饰属性进一步美化网页效果，达到能够编写企业级大型综合网页。

    选择器|外观|文字|背景|标准流|三大特性|盒模型|伪元素|浮动|伪类|定位|圆角|阴影|透明|过渡|flex 布局

    3. 企业级小兔鲜儿电商项目首页制作借助PxCook工具，基于设计稿编写网页，确保网页的高度还原，通过综合运用 HTML + CSS 技术，按照实际项目开发流程，归纳开发技巧，提升综合实战水平，最终完成企业级小兔鲜儿电商项目PC端首页开发。

    精灵图|文档编码|性能优化|布局技巧|SEO|性能优化|版心|设计稿|PxCook

  • 移动Web高手班阶段一

    课时:5天 技术点:18项 测验:1次 学习方式:线下面授

    学习目标

    1. 使用CSS高级特效，丰富网页元素的呈现方式和效果| 2. 使用rem或vw|vh实现网页元素宽高随着视口变化等比缩放的效果| 3. 使用bootstrap框架布局响应式网页

    主讲内容

    1. CSS高级特效使用css高级特效丰富网页元素的呈现方式和效果。

    字体图标|2D转换|3D转换|动画

    2. 移动适配首先介绍Flex布局模型,实现移动端网页的基本布局;再讲解两种移动端网页适配不同分辨率的解决方案,并使用不同的解决方案制作网页元素宽高随着视口的变化而等比缩放的效果。

    rem|vw/vh|Less基础语法|视口|分辨率|二倍图|移动适配|媒体查询

    3. 响应式学习响应式的原理,并使用bootstrap框架完成响应式网页的布局。

    媒体查询|bootstrap框架|栅格系统|组件|响应式网页布局

  • JavaScript高手班阶段二

    课时:23天 技术点: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天技术点:8项学习方式:线下面授

    学习目标

    1. 掌握Echarts 各类型数据可视化图表的应用| 2. 能够根据需要求创建折线图|K线图|地图等图表| 3. 掌握前后端分离技术的实现方式并了解其意义| 4. 掌握使用token进行访问鉴权功能实现

    数据看板是一个数据可视化项目，通过折线图|K线图|柱状图等图表形式归纳汇总大量数据，以实现更加直观的数据表达效果。学员通过学习该项目，能够掌握数据可视化|异步编程|实时数据获取等技术解决方案，适合有基础希望技能强化的IT人员继续学习。

    主讲解决方案

    1. 基于 bootstrap 的响应式页面布局方案| 2. 基于 echarts 的数据可视化解决方案| 3. 基于 token 的访问权限控制解决方案

    主讲知识点

    1.基于axios 实现网站注册和登录功能| 2.基于 Echarts 结合需求高度自定义不同类型的可视化图表| 3.Ajax|数据渲染和服务端推送前后端分离技术的应用| 4.基于 token 的访问权限控制功能

  • Vue.js高手班阶段四

    课时:41天 技术点: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 边界|Pinia

    4. 微前端掌握 qiankun 微前端库，重构巨石应用、做到与技术无关。

    qiankunJS|实现 JS 沙箱|样式隔离|资源预加载|应用间通信|共用组件抽离

    5. TypeScript掌握TypeScript基础语法，且在Vue3项目中熟练运用TypeScript。

    基础类型|联合类型|字面量类型|类型推断|类型断言|泛型|枚举|内置类型|类型约束|类型编程|类型声明|composition-api+TS|axios+TS|头条案例

    6. Vue 原理掌握 Vue 底层原理

    响应式数据原理Vue2&Vue3|虚拟DOM|diff算法|AST抽象语法树|Vue响应式系统|reactive 原理|effect 原理|ref 原理|computed 原理等|JSX 与 template

  • Vue2项目高手班阶段五

    课时:5天学习方式:线下面授

    面经全端项目

    极客园H5项目

    项目简介技术点:35项测验:0次

    面经系统，由面试经验文章PC管理后台，个人H5端面试文章浏览组成。学员学习该项目，能够锻炼对 Vue 完整技术栈的运用。同时该项目还涵盖了 token 身份认证、Vue 组件库、文件上传、富文本编辑器等前端技术解决方案，移动端开发，适合刚入手 Vue 框架、希望通过项目开发来巩固 Vue 基础的前端开发者学习。

    进入项目体验

    学习目标

    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 组件库快速构建移动端界面

  • Vue2进阶项目高手班阶段六

    课时:11天学习方式:线下面授

    智慧园区微前端项目

    人力资源项目

    项目简介技术点:194项测验:0次

    黑马智数是一个数字化园区管理项目，该项目后台可以在线管理园区内的楼宇、企业、车辆和一体杆等资源，可视化大屏通过园区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 数据无缝滚动|行车管理|一体杆管理|企业管理|物业费管理

  • 神领物流平台高手班阶段七

    课时:4天技术点:24项学习方式:团队实战

    学习目标

    分小组实战，多人开发协作，共同完成基于 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 树形下拉框|机构管理|机构作业范围|运费管理|车型管理|车辆列表|回车登记|快递员管理|司机管理|排班管理|订单管理|运单管理|运输任务管理|线路管理|取件作业管理|派件作业管理。

  • Vue3 + TS项目高手班阶段八

    课时:11天学习方式:线下面授

    优医问诊 H5 项目

    小兔鲜儿PC前台电商项目

    项目简介技术点:233项测验:0次

    优医问诊是一个连接医生和患者的移动医疗行业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|高德地图物流轨迹