Web前端培训北京Web前端开发培训班好口碑web前端培训机构|开教育培训班流程_宠物洗澡

技术方向资深前端工程师前端架构师CTO

管理方向技术开发组长项目经理项目总监

刚毕业迷茫期没有工作经验期待学习有前景的技术

零基础想转行行业没前途期待短期内转行IT

想晋升加薪具备前端基础面临职场瓶颈期待提升

完成高含金量的项目是检验学习效果的唯一标准

HTML技术掌握HTML5搭建页面结构

CSS3网页布局掌握PC页面布局与特效

移动Web开发掌握移动端页面适配与布局

JavaScript开发1.掌握JavaScript语言基础语法2.掌握JavaScript基本编程思想3.ES6核心语法与新增API4.JavaScript高阶场景应用

网页交互技术1.DOM操作与事件处理2.浏览器核心API应用3.使用正则处理文本内容

数据交互&异步编程1.HTTP协议2.Ajax前后端通信技术3.Promise异步编程

Node.js框架前置课1.掌握ES6模块化开发及npm包管理2.掌握webpack工具初探工程化开发

Vue2.x核心技术1.指令系统、常用选项、组件化、组件通讯、组件库2.周边生态：vue-cli、vue-router、vuex、vue-loader

Vue3.x核心技术1.组合式、宏函数、依赖注入、响应式API2.周边生态：vite、create-vue、pinia、pnpm

面经全端项目(Vue2.x全家桶)1.H5端面经浏览+PC端内容管理系统2.Vue2.x全家桶、Vant、ElementUI、富文本编辑器

黑马智数项目(微前端+Vue2+Vue3)1.智慧园区+3D大屏微前端应用2.Vue2.x全家桶、vue-admin-template、RBAC、组件封装、打包部署、Vue3.x、Vite、Three.js、qiankun微前端

职业发展课1.掌握职场通识做好面试准备2.职场通识、面试攻略、简历指导、模拟面试3.黑马面试宝典

就业加强课1.掌握面试常见技术问题2.常见算法、浏览器原理、Vue解决方案、React原理

鸿蒙应用一美蔻商城项目1.纯鸿蒙电商购物应用2.一次开发，多端部署、三层工程架构、设备断点适配、电商核心业务、Hybrid混合开发、WLAN和多媒体技术使用、华为的应用生态使用

极客园自媒体项目(React+TS）1.掌握PC端自媒体项目开发2.React、TypeScript、Vite、Zustand、ReactRouter、Quill

让你掌握页面的制作技能，PC端、移动端统统不是事儿

让你的网页“动”起来，输入、点击、倒计时，用户交互全搞定

让你的开发“飞”起来，各种解决方案入职工作直接用

让你的代码灵活适配，H5、APP、小程序全适配

让你抓住新风口，差异化竞争脱颖而出

让你的竞争力“亮”起来，入职大厂敲门砖

网页布局

移动Web

JavaScript

Vue.js

小程序&多端开发

鸿蒙应用开发

React.js

数据可视化看板项目

Vue2项目

Vue2进阶项目

神领物流平台

原生小程序项目

uni-app小程序项目

鸿蒙应用开发项目

极客园PC自媒体端

主讲内容

HTML|CSS|企业级小兔鲜儿电商项目首页制作

内容介绍

可掌握的核心能力

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

CSS高级特效|移动适配|响应式

1.使用css高级特效丰富网页元素的呈现方式和效果。2.首先介绍Flex布局模型,实现移动端网页的基本布局;再讲解两种移动端网页适配不同分辨率的解决方案,并使用不同的解决方案制作网页元素宽高随着视口的变化而等比缩放的效果。3.学习响应式的原理,并使用bootstrap框架完成响应式网页的布局。

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

JavaScript核心|WebAPI|Ajax|Git

1.学习JavaScript核心语法规则，深入理解ECMAScript的知识体系及工作机制。3.利用axios发起Ajax请求，实现前后端的数据交互。并讲解HTTP请求的过程以及Ajax的底层原理。深入学习JS异步的底层原理，能够使用Promise处理异步操作，并使用async/await简化异步操作。4.能够创建Git仓库管理前端项目，基于Git分支进行多人协同开发，并且能够把本地的Git仓库同步到远程码云或Github仓库中。2.学习DOM和BOM对象的属性和方法,以完成网页常见的交互效果。

1.掌握JavaScript核心语法，培养编程逻辑思维2.掌握DOM和BOM对象的常用属性和方法，能够完成网页常见的交互效果3.掌握JavaScript底层工作机制和ES6+高级特性，能够高效实现业务逻辑4.能够使用axios实现Ajax操作，为后续项目课做好技术铺垫5.能够运用Git管理前端项目，并且使用Git分支进行多人协同开发6.能够使用Promise与async/await高效的实现异步操作

1.掌握模块化思想，npm包管理，webpack基础，初探工程化开发。2.运用Vue2.0全家桶核心内容实现开发中常见的功能，如购物车，经典列表、TodoMVC等。运用Vant开发移动端，运用element-ui开发PC后台管理系统。3.掌握Vue3新特性、Vite新一代构建工具、组合式API、Pinia等。4.掌握qiankun微前端库，重构巨石应用、做到与技术无关。5.掌握three.jsweb3D技术，具备大屏3D可视化开发能力。6.掌握Vue底层原理。

1.通过Vue2和Vue3的核心知识学习，掌握企业开发中常见业务功能实现2.通过深入Vue技术栈学习vue-routervuexvantelement-ui等主流技术，掌握企业级项目开发方式，如移动端H5项目与PC端管理项目3.掌握qiankun微前端技术，具备重构巨石应用的能力，实现技术栈无关开发方式4.掌握three.jsweb3D技术，具备大屏3D可视化开发能力

原生小程序|uni-app

1.了解小程序开发的一般流程序，熟悉小程基础组件的使用，能够基于wxml和wxss实现小程序的界面布局，基于模板的数据绑定实现数据的动态渲染，基于API实现与服务端的数据通信，以及熟悉其它高级API的使用。2.理解uni-app实现跨平台开发的原理机制，理清单文件组件与原生小程序组件的对应关系，以及uni-app开发小程序时开发时与原生小程序的差异。

1.掌握原生小程序开发，能够独立完成原生小程序项目开发2.掌握uni-app多端框架，能够独立开发小程序和其他端的开发

1.掌握鸿蒙ArkTS范式语言开发基础，使用ArkUI进行鸿蒙原生应用界面设计开发2.掌握鸿蒙ArkTS组件开发，组件封装，组件复用，组件传值，组件更新，State模型，事件处理，络请求，原生能力应用能项目基础开发能力，掌握鸿蒙任务管理、线程管理、万能卡片、数据管理、分布式应用等，实现代码次开发多端部署的能力3.能够掌握鸿蒙低代码开发，能够掌握云服务提供的独立入口、免安装等便捷服务4.掌握端云一体化工程概览、工程创建及配置、端云一体化组件集成、云函数开发及使用、云数据库开发和使用、一键式部署云工程的能力

React核心技术|Hooks深入+路由|Redux+中间件+ReduxToolkit|记账本案例

1.基于React脚手架（create-react-app）搭建React项目，掌握JSX语法搭建页面结构，使用函数组件实现组件化开发，掌握组件通讯在项目开发中的使用。2.掌握useEffectHook的应用，掌握useRefHook的高级用法，理解Hooks原理，掌握react-router-dom的应用。3.掌握React最常用状态管理工具Redux的基本使用，使用react-redux链接库在React中使用Redux，掌握Redux中间件redux-thunk用来处理异步请求，掌握ReduxTookit简化Redux的使用。4.利用React+Hooks+ReduxTookit实现记账本案例，对整个React阶段所学内容进行练习，验证我们是否掌握了React开发能力。

项目介绍

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

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

面经全端项目极客园H5项目

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

1.掌握element-ui组件库的运用2.掌握axios以及拦截器的应用3.掌握Vuex管理全局状态的技术解决方案4.熟练使用vue-router管理组件的切换展示5.掌握element-ui中如何自定义表单的校验规则6.掌握文件上传和富文本编辑器在Vue项目中的应用7.掌握Vant组件库的运用8.掌握使用postcss-px-to-viewport实现移动端适配

智慧园区微前端项目人力资源项目1～2开发

课时：12天学习方式：线下面授课时：12天学习方式：线下面授

vue-element-admin（请求模块化，请求工具拦截，scss样式，布局组件）、Vuex持久化（state，mutations，actions，getters和modules）、VueCLI配置(webpack)、反向代理、ElementUI表单校验（async-validator）、vue-router导航守卫、token认证、token失效控制、角色管理业务、RBAC权限、Vuex+路由+RBAC、动态路由、角色权限、混入mixns、全屏（screenfull）、tabs页多页签组件、vue-i18n国际化方案、history路由模式的应用、树形菜单|element列表的数据过滤、导入导出Excel、el-upload上传第三方云服务器、打包性能分析、CDN加速的实践应用、组件封装、业务组件封装、three.js模型加载和交互方案、qiankun搭建微前端架构、Echarts自定义可视化图表、lodash、seamless-scroll数据无缝滚动、行车管理、一体杆管理、企业管理、物业费管理

黑马智数是一个数字化园区管理项目，该项目后台可以在线管理园区内的楼宇、企业、车辆和一体杆等资源，可视化大屏通过园区3D模型实时展示园区概况。学员通过该项目能学到如何用qiankun搭建微前端架构、用Echarts进行数据可视化、以及前沿的3D模型展示等技术方案。

iHRM是一款基于SaaS平台的人力资源管理系统，企业通过该系统可以完成公司组织架构管理、员工管理、角色管理、权限管理（审批、考勤、社保）等，为企业的人力资源管理提供一站式解决方案。

能独立运用vue-admin-template搭建中后台应用能力，能够实现rbac权限管理，企业组织架构管理，审批、考勤、社保等特色业务。

vue2+element+vue-router+vuex全家桶、vue-admin-template中后台模板、echarts图表、echarts-liquidfill液体图表、mockjs数据、vue-treeselect树形下拉框、机构管理、机构作业范围、运费管理、车型管理、车辆列表、回车登记、快递员管理、司机管理、排班管理、订单管理、运单管理、运输任务管理、线路管理、取件作业管理、派件作业管理

基于Vue2和ElementUI开发的神领物流平台对标主流快递物流公司的TMS系统，包含运输任务管理、订单管理、线路管理以及运费管理等核心业务。TMS系统能够对车辆、驾驶员、线路等进行全面详细的统计考核，能大大提高运作效率，降低运输成本。

小组实战，多人开发协作，共同完成基于vue-admin-template搭建企业级中后台项目，能独立分析需求并按需求实现功能，能够解决测试过程中发现的BUG、掌握完整的业务开发流程，完成基础数据管理、车辆管理、订单和运单管理、调度管理等特色业务。

享+生活原生小程序项目智慧商城原生小程序项目

享+社区是一个生活类的小程序项目，主要服务于小区业主，为其提供生活家电报修、访客门禁通行的的功能，该项目主要包含房屋管理、报修管理、访客管理、用户管理、通知管理等功能模块，技术栈以原生小程序技术为主配合了Vant组件库。

小程序运行环境，原生配置项，框架接口，原生组件，自定义组件，第三方组件库，npm模块管理，模板语法，生命周期，路由系统，事件系统，双向绑定，状态管理，组件通讯，网络请求，文件上传，本地存储，分包加载，按需注入，业务域名配置，开发调试

优医问诊uni-app项目小兔鲜电商小程序项目

课时：9天学习方式：线下面授课时：9天学习方式：线下面授

优医问诊是一个连接医生和患者的移动医疗行业应用，通过高效、快速的在线问诊服务，为患者提供健康帮助，涵盖了找医生、快速问诊、开药门诊、疾病查询，健康百科等功能。该项目基于HBuilderX使用uni-app开发跨端应用的能力，能够完成多端兼容、打包App、原生界面开发、地理定位、路径规划、即时通信。

鸿蒙应用-美蔻商城鸿蒙应用-神领物流

一次开发，多端部署、三层工程架构、设备断点适配、电商核心业务、Hybrid混合开发、WLAN和多媒体技术使用、华为的应用生态使用

美蔻商城是一个"一对多"的电商购物应用，提供在线购物的核心服务，涵盖了商品列表、商品详情、购物车、商品评价、订单管理等功能。该项目基于鸿蒙一对多开发范式，采用了三层工程架构配合多种UI适配方式，最终实现"一次开发，多端部署的核心目标",同时也应用了鸿蒙系统的多种能力，比如多媒体技术，支付能力、混合开发等等。

HarmonyOS基于ArkTS范式开发，目录拆解，原生组件使用，组件封装集成，原生能力调用，统一权限处理，设备适配，WebView嵌入调用，列表下拉刷新上拉加载，组件通信，路由跳转，参数传递，文件上传，沙箱文件处理，多组件复用，开发调试，性能优化

请求模块化、请求工具拦截、scss样式、布局组件、Redux状态管理、vite、ant-design、表单校验、react-router@v6、token认证、token失效控制、history路由、打包性能优化、CDN加速、组件封装、react-quill

熟练掌握react+ts技术栈（reacthooks+redux+react-router）配合antd组件库开发后台管理项目的技术能力。

Vue3+TS优医问诊H5项目，对标【某香医生】、【某东健康】、【某里健康】等在线医疗项目，本项目涵盖了在线问诊的主流业务，致力于交付完整的在线问诊业务解决方案，让学员成为具备在线问诊业务能力的前端开发工程师。

解决方案

1．基于vue3.0+typescript中大型项目开发解决方案

2．基于vant组件库快速构建H5界面解决方案

3．基于vue-router的前端路由解决方案

4．基于vite构建vue3.0项目解决方案

5．基于pinia的状态管理解决方案

6．基于pinia-plugin-persistedstate状态持久化解决方案

7．基于@vuecore/use的组合API工具库解决方案

8．基于id-validator的身份证信息校验解决方案

9．基于postcss-px-to-viewport移动端适配解决方案

黑马智数是一个数字化园区管理项目，该项目后台可以在线管理园区内的楼宇、企业、车辆和一体杆等资源，可视化大屏通过园区3D模型实时展示园区概况。学员通过该项目能学到如何用qiankun搭建微前端架构、用Echarts进行数据可视化、以及Three.js搭建3D模型等技术方案。

1．基于element-ui和vue2大型中台项目开发解决方案

2．基于axios封装请求工具模块解决方案

4．vuex分模块持久化解决方案

5．RBAC项目权限控制解决方案

6．基于qiankun企业内中后台项目的拆分维护

7．基于three.js的3D模型交互

8．多语言动态主题解决方案

9．无限列表滚动解决方案

Vue3.0小兔鲜儿电商是对标网易严选的综合品类的网上商城项目，本项目涵盖了电商的核心业务，致力于交付完整的电商业务解决方案，让学员成为具备电商业务能力、站在技术前沿的高级前端开发工程师。

1．Vue3.0中大型项目构建

2．组合API加载性能优化

3．商品SKU前端算法

4．封装UI组件库

5．本地线上融合购物车

iHRM人力资源管理系统是一款在线HR人力资源管理系统，帮助企业管理人事信息、员工档案、绩效考核等。利用HR软件发挥核心资源-人力的更大价值，通过企业人事HR管理人力资源，从而保持人才竞争力。

1．Vuex分模块状态共享及持久化方案

2．Token失效的两种鉴定方式同时方案

3．Element中Tree型组件等树形业务的应用方案

4．RBAC权限设计方案及应用

5．通用上传组件封装及第三方上传

6．请求器拦截应用及异步编程方案

黑马面面是一款面试刷题程序，系统包含答题状况管理、学科管理、企业管理、用户管理等综合管理功能。学员通过该项目可学习Element-UI功能组件、ECharts数据可视化、axios、JWT、VueCLI、Vuex全局数据共享、VueRouter等多个技术解决方案。

1．Vue-element-admin后台前端解决方案

2．Vuex分模块状态共享方案

3．RBAC权限设计方案及应用

4．试题全流程解决方案

2．Token鉴定及换取token解决方案

3．基于Vant组件库移动端上手势加载方案

4．Keep-Alive组件缓存解决方案

5．WebSocket即时通讯实现客服通信解决方案

简介：参考《飘视觉》官网，使用JS+CSS3+pincolor+swiper...

参考《飘视觉》官网，使用JS+CSS3+pincolor+swiper，实现专业级动画交互效果，基本全站还原了飘视觉官网全景。

简介：提供企业网站定制服务解决方案，为企业轻松快速定制高端官网...

提供企业网站定制服务解决方案，为企业轻松快速定制高端官网。使用JS+CSS3+mplayer实现大量商业级动画效果，尤其动画的设计既专业又炫酷，封装commonJavaScript工具库。

简介：参考《唯一视觉婚纱摄影》官网，使用JS+CSS3+animate...

参考《唯一视觉婚纱摄影》官网，使用JS+CSS3+animate，动画效果浪漫典雅，充分烘托出新婚的快乐与幸福，小组成员还封装了瀑布流和轮播图组件库。

简介：参考网易游戏《轩辕剑龙舞云山》手游官网，使用JS+CSS3...

参考网易游戏《轩辕剑龙舞云山》手游官网，使用JS+CSS3，封装commonJavaScript工具库，应用normalize实现CSSreset，基本还原了首页全景，动画交互效果精致。

简介：参考网易游戏《光·遇》官网，使用JS+CSS3+bootstrap+...

参考网易游戏《光·遇》官网，使用JS+CSS3+bootstrap+animation，封装commonJavaScript工具库和CSS效果库。

简介：参考网易游戏《阴阳师：百闻牌》手游官网，使用JS+CSS3...

参考网易游戏《阴阳师：百闻牌》手游官网，使用JS+CSS3，封装AlertBox及TopBar工具库。

简介：参考网易游戏《战意》官网，使用JS+CSS3+swiper...

参考网易游戏《战意》官网，使用JS+CSS3+swiper，封装topnavCommonJavaScript工具库，基本全站还原了战意官网全景。

简介：参考《网易游戏》官网，使用JS+CSS3+wrating+...

参考《网易游戏》官网，使用JS+CSS3+wrating+nav.byebye3+iplay+entry+vendor，实现精彩的3D动效交互效果。

简介：参考《AWA4.0》官网，使用JS+CSS3+html5shiv+...

参考《AWA4.0》官网，使用JS+CSS3+html5shiv+swiper，实现响应式交互菜单动效，封装shopJavaScript工具库专门处理商品信息。

简介：美食网，吃天下。使用JS+CSS3+flex+SuperSlide...

美食网，吃天下。使用JS+CSS3+flex+SuperSlide+3d-tv，实现大量专业级动画效果，并集成字体图标及百度地图API。

简介：参考网易游戏《方舟生存天下》官网，使用JS+CSS3+...

参考网易游戏《方舟生存天下》官网，使用JS+CSS3+posterSwing+canvas-nest+scrollreveal，独立研发并封装视频播放方案：全屏+自动播放+轮播。

简介：参考网易游戏《天下3》官网，使用原生的JavaScript、HTML5和...

参考网易游戏《天下3》官网，使用原生的JavaScript、HTML5和CSS3，重点实现人物和场景动画效果，封装commonCSS动效库。

简介：参照《蒙娜丽莎》婚纱官网，使用JS+CSS3+Bootstrap+animate...

参照《蒙娜丽莎》婚纱官网，使用JS+CSS3+Bootstrap+animate+mplayer，实现了丰富的酷炫的动画效果，封装commonJavaScript工具库。

简介：参考《行行摄色》官网，使用JS+CSS3+easying+move-line...

参考《行行摄色》官网，使用JS+CSS3+easying+move-line+bundle+animatie，实现了炫酷的3D交互式动效，同时还封装toolsJavaScript工具库，并独立研发了风景照片特效。

简介：参考《哇噻网》官网，使用JS+CSS3+animate，实现了...

参考《哇噻网》官网，使用JS+CSS3+animate，实现了丰富精致的动画效果，小资购物的情调展现的淋漓尽致，同时还封装commonJavaScript工具库。

简介：参考《优必选官网》官网，使用JS+CSS3+animate，实现了...

参考《优必选官网》官网，使用JS+CSS3+animate，实现了商业级动画效果，并根据业务封装了星战、地图、服务、店铺等多个JavaScript业务库。

自学必看零基础新版

免费领取全套视频教程、技术解析、配套源码、学习工具、学习笔记等

286926人学习2023.04.04

310943人学习2023.01.31

87625人学习2023.09.04

135406人学习2023.06.07

83227人学习2022.05.20

103716人学习2023.11.06

193057人学习2023.07.04

137661人学习2023.05.08

2015年7月7日，传智播客前端与移动开发学院正式成立

从500名学员中筛选了30名同学，首期前端班正式开班

率先引入Gulp、webpack等基于Nodejs的前端工程化工具

加强AngularJS、Vue.js课程的深度与广度，更加贴合市场需求

引入数据持久化、内存缓存、项目部暑等课程体系

成立了全栈子学科，培养了大量全面性Web开发人才

率先增设了小程序的课程

扩大研发队伍，加强研发力度，创立了N+12教学新模式

跟进新技术、新领域，为学员提供免费终身的学习服务

引入阿里、京东、用友等一线技术人员打造优质课程体系

研发多个企业级实战项目加强React课程的深度和广度并逐步将跨平台开发引入课程

学科正式更名为HTML5＆JS+前端，推出中高级软件工程师课程

用匠心精神深耕教研，对Vue&React课程深度改革

双技术栈为高薪保驾护航，突破就业薪资天花板

组建核心课研团队，产出V8.0全套标准课程

引入阿里、百度、滴滴等一线技术人员，组建企业级项目研发团队

HTML&JS+前端学科覆盖全国17个校区

2015

2016

2017

2018

2019

2020

2021

2022

基础班

1.网页布局

高手班

1.移动Web2.JavaScript3.数据可视化看板项目4.Vue.js5.Vue2项目6.Vue2进阶项目7.神领物流平台8.小程序&多端开发9.原生小程序项目10.uni-app小程序项目11.鸿蒙应用开发12.鸿蒙应用开发项目13.React.js

线上加薪课

1.React.js高级2.多端跨平台3.前端工程化4.前端服务化

HTML&JS+前端V8.6版本

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

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

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

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

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

课时: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框架|栅格系统|组件|响应式网页布局

课时:20天技术点:98项测验:0次学习方式:线下面授

1.JavaScript核心学习JavaScript核心语法规则，深入理解ECMAScript的知识体系及工作机制。

变量|基本数据类型|数据类型的转换|运算符|if分支|switch分支|三元表达式|while循环|for循环|数组|函数|对象|内置对象|let|const|字面量|构造函数|单体对象|面向对象|原型|解构|Object|剩余|展开|闭包|箭头函数|Array|严格模式|继承|防抖|节流|异常处理|深浅拷贝

2.WebAPI学习DOM和BOM对象的属性和方法,以完成网页常见的交互效果。

3.Ajax利用axios发起Ajax请求，实现前后端的数据交互。并讲解HTTP请求的过程以及Ajax的底层原理。深入学习JS异步的底层原理，能够使用Promise处理异步操作，并使用async/await简化异步操作。

4.Git能够创建Git仓库管理前端项目，基于Git分支进行多人协同开发，并且能够把本地的Git仓库同步到远程码云或Github仓库中。

安装和配置Git|Git本地操作的常用命令|.gitignore忽略文件|Git分支与常用命令|远程仓库的使用

课时:3天技术点:8项测验:0次学习方式:线下面授

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

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

课时:28天技术点:192项测验:0次学习方式:线下面授

1.通过Vue2和Vue3的核心知识学习，掌握企业开发中常见业务功能实现|2.通过深入Vue技术栈学习vue-routervuexvantelement-ui等主流技术，掌握企业级项目开发方式，如移动端H5项目与PC端管理项目|3.掌握qiankun微前端技术，具备重构巨石应用的能力，实现技术栈无关开发方式|4.掌握three.jsweb3D技术，具备大屏3D可视化开发能力

1.框架前置课掌握模块化思想，npm包管理，webpack基础，初探工程化开发。

2.Vue2.x核心运用Vue2.0全家桶核心内容实现开发中常见的功能，如购物车，经典列表、TodoMVC等。运用Vant开发移动端，运用element-ui开发PC后台管理系统。

3.Vue3.x核心掌握Vue3新特性、Vite新一代构建工具、组合式API、Pinia等。

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

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

5.Three.js掌握three.jsweb3D技术，具备大屏3D可视化开发能力;

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

响应式数据原理Vue2&Vue3|虚拟DOM|Diff算法|AST抽象语法树|Vue响应式系统

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

面经全端项目

极客园H5项目

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

智慧园区微前端项目

人力资源项目1～2开发

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

能够多开发协作共同完成基于vue-admin-template搭建企业级中后台项目，能独立分析需求并按需求实现功能，能够解决测试过程中发现的BUG、掌握完整的业务开发流程，完成基础数据管理、车辆管理、订单和运单管理、调度管理等特色业务。

课时:16天技术点:87项测验:0次学习方式:线下面授

1.掌握原生小程序开发，能够独立完成原生小程序项目开发。2.掌握uni-app多端框架，能够独立开发小程序和其他端的开发。

1.原生小程序了解小程序开发的一般流程序，熟悉小程基础组件的使用，能够基于wxml和wxss实现小程序的界面布局，基于模板的数据绑定实现数据的动态渲染，基于API实现与服务端的数据通信，以及熟悉其它高级API的使用。

2.uni-app理解uni-app实现跨平台开发的原理机制，理清单文件组件与原生小程序组件的对应关系，以及uni-app开发小程序时开发时与原生小程序的差异。

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

享+生活原生小程序项目

智慧商城原生小程序项目

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

优医问诊uni-app项目

小兔鲜电商小程序项目

优医问诊是一个连接医生和患者的移动医疗行业H5应用，通过高效、快速的在线问诊服务，为患者提供健康帮助，涵盖了找医生、快速问诊、开药门诊、疾病查询，健康百科等功能。该项目基于HBuilderX使用uni-app开发跨端应用的能力，能够完成多端兼容、打包App、原生界面开发、地理定位、路径规划、即时通信。

课时:22天技术点:132项测验:0次学习方式:线下面授

1.掌握鸿蒙ArkTS范式语开发基础，使ArkUI进鸿蒙原应界设计开发|2.掌握鸿蒙ArkTS组件开发，组件封装，组件复，组件传值，组件更新，State模型，事件处理，络请求，原能应能项基础开发能，掌握鸿蒙任务管理、线程管理、万能卡、数据管理、分布式应等，实现代码次开发多端部署的能|3.能够掌握鸿蒙低代码开发，能够掌握云服务提供的独、免安装等便捷服务|4.掌握端云一体化工程概览、工程创建及配置、端云一体化组件集成、云函数开发及使用、云数据库开发和使用、一键式部署云工程的能力

鸿蒙应用-美蔻商城

鸿蒙应用-神领物流

课时:9天技术点:80项测验:0次学习方式:线下面授

1.React核心技术基于React脚手架（create-react-app）搭建React项目，掌握JSX语法搭建页面结构，使用函数组件实现组件化开发，掌握组件通讯在项目开发中的使用。

2.Hooks深入+路由掌握useEffectHook的应用，掌握useRefHook的高级用法，理解Hooks原理，掌握react-router-dom的应用。

3.Redux+中间件+ReduxToolkit掌握React最常用状态管理工具Redux的基本使用，使用react-redux链接库在React中使用Redux，掌握Redux中间件redux-thunk用来处理异步请求，掌握ReduxTookit简化Redux的使用。

4.记账本案例利用React+Hooks+ReduxTookit实现记账本案例，对整个React阶段所学内容进行练习，验证我们是否掌握了React开发能力。

课时:118天学习方式:线上学习

进军大厂必备，结合TypeScript+Hooks和函数式编程思想完成项目开发。

1.TypeScript基础理解类型系统理解并能使用泛型了解类型的推断过程了解类型的高级用法，能理解代码

2.TypeScript高阶语法理解类型系统理解并能使用泛型了解类型的推断过程了解类型的高级用法，能理解代码

3.Hooks理解EffectHooks和StateHooks设计思想理解Hooks应用场景掌握使用Hooks封装一些组件

useState|useEffect|useContext|自定义Hooks

4.函数式编程掌握JavaScript函数式编程范式，为阅读前沿框架源码，学习框架设计思想做储备，例如：React、RxJS、cycleJS、lodashJS、underscoreJS等。

5.Redux中间件理解业内比较主流的2种数据管理设计思想掌握如何运用合适的数据管理工具在项目能通过查看源码对项目做一些性能优化

React-Redux|redux-thunk|redux-saga

课时:124天学习方式:线上学习

高级前端工程师必备技能，真正实现一套代码多端运行，减少开发成本，提高开发效率。

1.Flutter小兔鲜儿项目掌握Flutter开发环境搭建掌握Dart语言基础掌握Flutter常见的布局方式理解组件的概念及分类掌握基础组件、容器类组件、可滚动组件、功能性组件的应用

2.小兔鲜儿原生小程序精讲理解Taro实现跨平台开发的原理机制理解单JSX组件与原生小程序组件的对应关系理解Taro开发小程序与原生小程序的差异掌握原生小程序消息推送方案掌握原生小程序多线程方案掌握原生小程序云开发等高级方案

3.PWA了解PWA能够实现通过PWA技术强化H5网页的原生特性了解当前PWA技术的浏览器兼容情况

课时:9天学习方式:线上学习

高级前端工程师必备技能，在项目开发中实现自动化、规范化、组件化、模块化。

1.webpack核心学会webpack的配置理解webpack的作用与原理上手项目的打包过程配置拥有工程化的前端思维掌握前端工程化的常见工具及工作原理了解webpack性能优化了解webpack中的tapable了解AST的应用深入学习webpack原理，手写webpack

vue-cli|create-react-app|angular-cli|CLI原理

课时:33天学习方式:线上学习

1.Koa/eggKoa/egg/中间件

对Egg的功能有全面的理解|掌握使用Egg完成项目|理解Koa的核心设计思想|掌握Koa的中间件编写

2.NoSQLRedis/MongoDB

理解redis核心概念与使用|能使用redis运用到项目中|理解MongoDB核心概念与使用|能使用MongoDB运用到项目中

3.性能监控服务端日志收集系统设计接入第三方监控平台服务端错误预警分析用户行为建立用户画像

4.SSRSSR运行原理SSR环境搭建缓存和stream性能优化

理解SSR运行原理及为什么需要使用SSR|掌握SSR环境搭建|掌握使用缓存和stream对SSR进行优化|掌握Nuxt.js/Next.js的应用

课程名称：主要针对：主要使用开发工具：

·在线选车效果实现，订阅发布与单例、设计模式

·class类的使用，基类与继承等

·CSS2D渲染器与精灵物体

·世界坐标系和模型坐标系，gsap动画库

·光源-环境光，点光源，平行光，聚光灯

·认识模型文件，以及如何查找

·物理网格材质-清漆度和清漆度粗糙度使用

·环境贴图和天空盒子

·标准网格材质-粗糙度、金属度、位移、法线贴图

·Phong网格材质-高光

·Lambert网格材质-漫反射

·基础网格材质-颜色、透明度、环境遮挡贴图

·Vite项目并基于three.js完成VR革命展览馆效果

·3D渲染器和鼠标事件

·three.js全景图和立方体贴图

·性能监视器、物体分组管理、点线网格（面）物体

·场景画布适配大小、物体位移和删除

·three.js创建立方体和轨道控制器

·修改Vant框架来适应uni-app

·函数柯里化实际应用（类型判断生成器，axios的别名方法）

·fetch兼容处理·JS设计模式（迭代器）

·手写Promise·通过PromiseA+的872个测试

·JS原理课·JS设计模式

·大文件上传、分片、续传、秒传

·office系列文件预览

·低代码平台的拖拽效果

·调研three.js的使用及应用

·大文件分片断点续传

·3D模型交互卡片定位适配

·权限数据批处理区分菜单与功能权限

·基于v-scale-screen大屏适配实现

·前后一体项目搭建

·tsconfigpackages管理

·Nest搭建服务端

·monorepo项目搭建

·配置mock环境命令

·vitest单元测试&组件测试

·后台项目和大屏项目公共依赖包提取

·spline3d模型大小缩减，nginx层配置模型文件的缓存和gzip压缩

·新建一个vue2大屏项目，园区项目接入qiankun

·设计前端功能权限管理，完成权限管理页面

·引入Echarts组件，完成工作台页面

·基于antd-vue的Table封装SearchTable组件

·基于vite插件封装SvgIcon组件

·vue3+ts+pinia+antd-vue搭建智慧园区项目

·小程序端侧滑删除的解决方案

·小程序端Pinia自动持久化存储的解决方案

·基于Pinia组合式Store存储用户信息

·基于Vue3+TS+UniApp定制VsCode开发工具

·UniApp分包设计与性能优化

·拍照、图片选择、上传文件等功能的实现

·小程序商品下单SKU业务整合方案

·上拉加载和下拉刷新，轮播图组件封装

·基于TS类型+Promise封装

·LBS逆地址解析、LBS路线规划

·小程序路由拦截、JWT用户鉴权

·享+社区小程序项目，小程序分包加载·自定义组件按需注入短信验证码Hook封装

·发问诊记录基于Pinia流程记录

·发送短信验证码Hook封装

·基于socket.io-client实现医患聊天

·问诊室各类消息卡片组件

·postcss-px-to-viewport适配

·项目Eslint规范

·项目主题定制·Vant主题定制

·glob动态按需组件导入提高代码复用

·封装CustomNavBar通用导航组件

·Pinia持久化&组合API写法实现病情描述流程业务

·引入TailwindCSS实现非vant组件页面开发

·基于vite插件封装SvgIcon组件，开发环境配置手机调试eruda插件

·在线问诊患者端-vue3项目，使用vue3+ts+vant+pinia搭建问诊H5项目

·开药问诊和图文问诊的流程优化及该部分的状态管理

·接入高德地图api，实现物流详情页面的路径导航功能

·接入dva状态管理库，封装了CustomScrollList分页列表组件

·封装Cust在非tab页面上添加nav导航，支持返回和其他自定义操作

·基于websocket搭建聊天室，在本地临时搭建node服务作为服务端

·封装CustomTreeSelect自定义级联组件

·使用笛卡尔积生成商品SKU表格基于antd-mobile封装CustomInputCustomPopupCustomTabs自定义组件

·在线问诊项目-患者H5，自定义hookuseCaptcha验证码计时

·使用笛卡尔积生成商品SKU表格

·封装eImageSelect函数，通过函数调用方式弹出图片选择组件

·SaleSelect组件·antd的Form表单实现商品销售属性选择等功能

·使用EditableProTable创建树形表格，重构后台类目

·使用ProTable和ProForm重构前台类目

·使用ProTable和ProForm重构属性管理·使用umiantd-mobiledva搭建问诊患者H5项目

·探花交友-RN，搭建ReactNative开发环境·证书签名打包Androidapk

·小兔鲜PC后台-React，使用umi+antd-pro重构小兔鲜儿项目

·sentry前端错误监控·腾讯云serverless操作

·nodejs中间层开发·vue的服务端渲染·SSR

·koa2+elementplus全栈开发·egg基本开发模式

·服务化基于koa2搭建web应用·Redis或者MongoDB基本使用

·Git命令Gitflow·测试与自动化cypress端到端测试·LinuxNginxJenkins

·开发自己的CLI脚手架工具·ESLintStyleLint

·打包时自动添加css前缀·为打包文件添加hash名

·自定义Loader和Plugin·处理Vue单文件组件·继承vue-router和vuex

·工程化gulpwebpack·通过Babel处理ES6语法·WebpackDevServerSourceMaps

·小兔鲜儿新增EventBus应用·创建云函数payment调用云支付接口

·swiper组件实现滑动切换Tab栏的交互

·小兔鲜儿新增ValueListenableBuilder局部刷新

·EventChannel实现页面间的数据通信·通过getCurrentPages动态渲染数据

·优化商品sku数据的结构·通过幂集算法拆分sku数据单元

·小兔鲜儿新增SharedPreferences本地缓存·Timer倒计时·刷新token

·封装了unit组件·通过Mobx实现了unit和商品详情页面之间的数据共享

·小兔鲜儿新增Animation帧动画效果·Dio封装网络请求单例类·WeUI实现了侧滑菜单的交互效果

·教学练测平台（教学练测V0.2版本完成上线）·小兔鲜儿移动端（Flutter基础视频录制完成）·多端跨平台（day04视频录制）·Node.js（day02讲义制作完成）

·教学练测平台（教学练测平台0.2版本开发完成100%）·小兔鲜儿移动端（1.Dart基础视频录制/2.Flutter基础大纲、代码和讲义制作完成）·多端跨平台（1.小兔鲜儿讲义制作完成/2.小兔鲜儿订单管理功能研发完成）·Node.js（day01讲义制作完成）

·教学练测平台（教学练测平台0.2版本面授交互项目开发完成60%）·小兔鲜儿移动端（1.Dart基础大纲制作完成/2.代码和案例完成/3.PPT讲义制作完成）

·教学练测平台（初版本上线运营，教案预览功能完成70%）·React（新版Reactday01~day04讲义制作完成）·koa进阶（前端进度100%，后端进度100%）

·教学练测平台（初版本上线）·小兔鲜儿移动端（day01视频录制完成）·React（新版React-极客园App端项目使用Redux改造完成）·koa进阶（前端进度99%，后端进度100%）

·教学练测平台（初版本上线，研发完成度99%）·小兔鲜儿移动端（day01视频录制）·React（新版React-极客园App端项目完成100%）·koa进阶（前端进度80%，后端进度100%）

·教学练测平台（初版研发完成度90%）/极客园（项目接口开发完成）·小兔鲜儿移动端（day01视频录制）·多端跨平台（1.自定义省市县三级联动/2.实现表单验证、购物车、立即购买、个人信息的功能）·React（新版React-极客园App端项目80%）·koa进阶（项目代码开发和讲义编写完成20%）

·新增：教学练测平台（题库联调完成90%双元教案联调完成50%）·小兔鲜儿移动端（day01视频录制）·多端跨平台（day03视频录制完成）·极客园（极客园PC端day01~02讲义、代码制作完成）·React（新版React课程大纲制作完成）·服务化（Koa进阶讲完成20%）·Ajax（大纲和案例设计完成）

·教学练测平台（前端教案及题库页面交互开发80%）·小兔鲜儿移动端（day01视频录制）·多端跨平台（day01视频录制完成）·Redux-Saga中间件（day01视频录制完成）·服务化（1.nosql讲义和示例代码完成/2.egg入门讲义和示例代码完成/3.ssr讲义和示例代码完成/4.前端监控讲义和示例代码完成/5.egg中间层讲义和示例代码完成40%）

·教学练测平台（前端双元交互页面开发80%）·多端跨平台（1.day01视频录制/2.小兔鲜儿商品详情接口及SKU处理）·Redux-Saga中间件（day01~day03PPT制作完成70%）

·Vuex（讲义优化）

·教学练测平台（搭建教学练测平台框架，前端进度50%）·小兔鲜儿移动端（day01视频录制）·多端跨平台（day01视频录制）·极客园（day01讲义素材制作完成）

·Ajax（day02PPT优化）

·教学练测平台（搭建教学练测平台框架，前端进度30%）·多端跨平台（day02视频录制）·极客园（移动端界面功能升级完成）·服务化-koa基础（课程讲义制作完成）

·教学练测平台（搭建教学练测平台框架，前端进度20%）·小兔鲜儿移动端（1.day02视频录制完成/2.day03代码讲义制作）·多端跨平台（1.day02视频录制/2.人气推荐接口联调、商品详情SKU交互处理）·ReactHooks课程（day04视频录制完成）

·教学练测平台（搭建教学练测前后端项目，前端15%后端20%）·小兔鲜儿移动端（day02-视频录制）·多端跨平台（1.day01视频录制/2.day02讲义制作）·ReactHooks课程（day03视频录制完成）

·教学练测平台（搭建教学练测项目框架进度10%）·小兔鲜儿移动端（day02代码、讲义制作完成）·多端跨平台（1.day01视频录制/2.day02讲义制作）·ReactHooks课程（1.day01视频录制完成/2.day02视频录制完成）

·黑马头条（本地服务开发完成，已推广部分老师试用，修改问题。）·小兔鲜儿移动端（day01视频录制完成）·多端跨平台（1.day01视频/2.day01讲义和PPT制作）·ReactHooks课程（三天讲义、案例完成）

·移动Web（day02视频修复）·Ajax（day01PPT优化）

·移动Web（day07视频录制）/黑马头条（本地服务化接口开发整体进度90%）/小兔鲜儿移动端（day01视频录制）/多端跨平台（小兔鲜儿基础代码封装及首页和商品详情接口联调）

·移动Web（day01视频修复）/jQuery（day01~03视频修复完成）/Vue原理（黑马头条移动端项目讲义优化）/TypeScript（1.day04视频修复。2.ReactHooks项目day01大纲优化）

·小兔鲜儿PC前台优化讲义·黑马头条2.0升级界面

·jQuery（day01~day02修复）·小兔鲜儿PC前台优化讲义

·移动Web（1.day04视频录制/2.day05大纲+PPT制作/3.day05视频录制）·PMIS（黑马头条本地化服务启动研发，恢复数据脚本，搭建基础框架，整体进度10%）·JavaScript高阶大纲制作·小兔鲜儿移动端（调试业务主线接口：购物车（商品详情页获取线上购物车数量+修改购物车规格+合并购物车）、订单和支付（结算订单+提交订单+待支付+订单列表+订单详情）、混合开发（地址管理））·JTypeScript（day02视频）

·移动Web（1.day03大纲+PPT制作/2.day03视频录制）·WebAPI（day03）/jQuery（day03资料制作）·小兔鲜儿移动端（再次解决商品详情页滚动和title定位不准的BUG（完全修复）、支付宝沙箱支付-安卓端(支付宝沙箱支付没有iOS端)、Dart基础PPT（梳理了Dart基础需要讲解的内容、搭建了大纲结构）、省市区三级联动（完成度50%）·TypeScript（day02讲义）

·移动Web（day02大纲+PPT制作/day02视频录制）·JavaScript基础（js基础第四天增加新收尾案例）·jQuery（day01重录）·小兔鲜儿移动端（解决首页分类商品展示BUG、解决商品详情页滚动卡顿和定位不准的问题、解决小兔鲜儿APP流程走查（210308）的问题、使用dio插件封装网络请求工具类、解决重复添加购物车的BUG）·多端跨平台（1.语法进阶讲义/2.设计教学案例/优化小兔鲜儿代码·TypeScript（day01）

·JavaScriptday03修复

·JavaScriptday01~day02修复

·基础班（day03）·jQuery（day01）·Vue3.0基础（day09）·小兔鲜儿电商后台（项目接口联调，商品发布接口调整和编辑商品）

·小兔鲜儿Flutter移动端（商品详情页规格交互逻辑、商品详情页规格和购物车的交互逻辑）

·基础班（day02）·Vue3.0基础（day08）·小兔鲜儿电商后台（项目接口联调，商品管理、库存、审核、关键词搜索、品牌，发布商品完成）·小兔鲜儿小程序（商品详情页布局及交互）

·小兔鲜儿Flutter移动端（重新构建首页分类商品的分页效果、商品详情页和分类模块接口调试、商品详情页规格接口、优化错误提示逻辑、解决购物车刷新BUG）

·Vue3.0基础视频（day07）·小兔鲜儿电商后台（项目接口联调，商品管理、库存、审核、关键词搜索、品牌，发布商品完成）

·小兔鲜儿Flutter移动端（重新构建了订单列表、自定义异常的友情提示）

·Vue3.0基础视频（day06）·小兔鲜儿电商后台（项目接口联调，前后台类目已完成）

·小兔鲜儿Flutter移动端（解决BUG、调试接口：爆款推荐+新鲜好物+分类商品+找相似）

·基础班视频（day01）·Vue3.0基础视频（day05）·小兔鲜儿电商前台（联调接口+完成忘记密码功能）·小兔鲜儿电商后台（完善项目整体功能，视频管理、商品编辑完成）-项目整体功能完成·小兔鲜儿Flutter移动端（自定义Swiper插件轮播图指示器、首页回到顶部、自定义缩放动画组件：CustomScaleTransition、自定义刷新组件：CustomSmartRefresher）

·Vue3.0基础视频（day04）·小兔鲜儿原生小程序（小程序个人中心页面布局）·小兔鲜儿电商前台（产品提出优化点全部完成+第五天代码和讲义80%）·小兔鲜儿电商后台（完善项目整体功能，素材管理（图片）、商品管理、商品发布基本完成）

·Vue3.0基础视频（day03）·小兔鲜儿电商后台（完善项目整体功能，素材管理（图片）、商品管理、商品发布基本完成）

·小兔鲜儿原生小程序（购物车、订单布局及交互）·办公系统工作流定制（BPM设计器，PMIS业务20%）·小兔鲜儿电商后台（完善项目整体功能，属性、属性组管理已完成【针对测试】）·Vue3.0基础视频day01

·HR人资项目（视频修复100%）·小兔鲜儿专题模块SSR完成·小兔鲜儿PC前台（mock接口+业务+day01讲义+代码）·小兔鲜儿PC后台（通用图片上传组件80%）·小兔鲜儿Flutter（混合开发对接Vue实现的新的前端页面：Flutter和JS的相互通信、重新实现了整个分类模块的各个页面和交互）

·vue3.0day02讲义·小兔鲜儿PC前台（sku算法替换成插件、loading组件与指令、确认框组件与方法）·小兔鲜儿PC后台（商品发布）·小兔鲜儿Flutter（查看物流、我的收藏、查看收藏、侧滑删除收藏）·HR人资项目课程录制100%

·vue3.0day01讲义·小兔鲜儿PC前台（城市组件、分页组件、地址管理）·小兔鲜儿PC前台V3.0升级·小兔鲜儿PC后台（后台类目+前台类目）90%·小兔鲜儿Flutter（我的订单和订单详情）·HR人资项目课程录制50%

·小兔鲜儿PC前台（本地购物车100%+sku规格操作+购物车商品详情打通，订单详情组件，评价晒单模块+组件封装）·小兔鲜儿后台管理页面（属性管理完成+图片管理80%）·小兔鲜儿App编辑购物车、购物车商品数量提示、品牌、找相似、爆款推荐、新鲜好物·vue3.0基础大纲+案例设计

·小兔鲜儿PC前台（商品详情+购物车50%）·小兔鲜儿后台管理页面（属性管理业务逻辑（50%）+组件状态或redux状态·小兔鲜儿App订单列表状态切换、下拉刷新和上拉加载更多，本地存储购物车（增删改查）

·小兔鲜儿PC前台（一级分类，二级分类，搜索80%）·小兔鲜儿后台管理页面（1素材-图片管理2素材-视频管理）·小兔鲜儿App提交订单和我的订单列表、订单商品评价

·移动Web第7~8天调优

·小兔鲜儿PC前台页面（商品详情，购物车，填写订单，确认订单，支付成功，支付失败，购物车空）

·小程序项目v7.0day05双元视频·好客租房（发布房源页面以及房源列表页面组件封装）

·HRSAAS(人力资源系统)v7.0讲义完成并评审（评审结果：A级）

·HRSAAS(人力资源系统)v7.0讲义90%·小兔鲜儿Flutter首页和分类页编写完成，首页mock搭建完成

·jQuery第1天讲义·小程序项目v7.0day04双元视频·好客租房（首页、城市选择、地图找房页面UI更新）

·36Kr实战静态页·小兔鲜儿PC前台静态页面编写50%·小兔鲜儿Flutter首页和分类首屏实现50%

·jQuery第1天讲义·AlloyTeam响应式布局·WebAPIsday07~JS高级day01·小程序项目v7.0day04讲义及代码·好客租房（项目搭建、基于viewport的移动端适配方案配置、移动端1px高清方案选型）

·AlloyTeam响应式布局案例·WebAPIsday07双元视频·小程序项目v7.0day03双元视频、讲义、代码·HRSAAS(人力资源系统)v7.0主页、多语言、全屏、主题、打包上线

·WebAPIsday06双元视频·小兔鲜开发内容确认·小程序项目v7.0day02双元视频·HRSAAS(人力资源系统)v7.0员工模块、权限设计管理、模块集成

·DOM工具库封装·WebAPIs调整·WebAPIsday05双元视频·小程序项目v7.0day02讲义及代码·WebHRSAAS(人力资源系统)v7.0组织架构、公司设置

·dom工具库封装·WebAPIsday02双元视频·小程序基础v7.0day05讲义、代码·Vuex的讲义和代码

·优化动画、Web字体、Flex案例·基础v7.0day07双元视频·WebAPIsday01双元视频·webpack+Vue视频小样

·优化转换、阴影、圆角案例·webpack+Vue基础v7.0大纲·调薪/动态路由的角色控制/组织模块及数据调整·小程序基础v7.0day02双元视频

·优化字体、背景、定位、过渡案例·部署禅道系统+Bug管理说明书·小程序基础v7.0day02讲义及代码·工资/招聘/考勤/社保/公司设置

·正则表达式案例·作用域链案例·JavaScript事件案例·WebAPIsv7.05-7天讲义

·随机背景·倒计时·网页时钟·JavaScript基础v7.03-4天讲义

·bootstrap案例·个人所得税·猜拳游戏·JavaScript基础v7.01-2天讲义

·浏览器兼容案例·瀑布流案例·WebAPIsv7.0大纲·团队实战代码升级

·跑酷案例·无缝滚动案例·动态进度条案例·JavaScript基础案例

·照片墙案例·瀑布流案例·新浪微博案例·七巧板案例

·聊天案例·音乐盒案例·百度钱包案例·全民出游季案例

·虾米播放器案例·京东推荐·基础班v7.01~2天讲义·Nodev7.0day01双元视频

·排版案例·学生信息案例·简历案例·多媒体案例

课程名称

2023年11月15日

课程版本号

8.6

主要使用开发工具

VSCode

课程介绍

新增面试宝典鸿蒙项目（ArkTS+ArtUI）

新增Three.js黑马智数大屏项目（Vue3+Three.js+Blender模型）

新增React+TS项目课程（React+TypeScript+Zustand）

新增智慧商城小程序项目实战(原生小程序+VantUI)

新增优医问诊uni-app多端项目（Vue3+uni-app+HbuilderX）

新增Vue核心阶段和TypeScript阶段每日作业

优化优医移动端二次开发项目(Vue3+TypeScript+Pinia+Vant4+Vite)

优化神领物流团队实战(Vue3+ElementPlus组件库+自研模版)

优化Ajax阶段、Git数据可视化阶段、框架前置阶段每日作业

优化JS核心阶段、WebAP阶段每日作业

优化基础班阶段、移动web阶段每日作业

2023年4月17日

8.5

新增享+原生小程序项目(原生小程序+VantUI)

新增神领物流团队实战(Vue2+ElementUI组件库+vue-admin-template)

新增智慧园区项目（Vue2+qiankun+Vue3+echarts+3D模型）

新增4大实战项目（极客园H5、人力资源中台、小兔鲜PC前台、神领物流司机App）

新增Vue框架原理课程、就业加强课程

优化优医移动端项目(Vue3+TypeScript+Pinia+Vant4+Vite)

优化Vue核心技术课程与案例

优化Ajax、Git、数据可视化、框架前置阶段课程与案例

优化JS核心、WebAPI、JS进阶课程与案例

优化基础班、移动web课程与案例

删除黑马面面团队实战

2022年7月8日

8.0

新增数据看板项目(Bootstrap+Echarts)

新增面经全端项目(Vue2+Vuex+ElementUI组件库+Vant组件库)

新增优医移动端项目(Vue3+TypeScript+Pinia+Vant组件库)

新增小兔鲜儿电商小程序项目(uni-app+Vue3+TypeScript)

优化JavaScript阶段课程与案例

优化Ajax和Node.js阶段课程与案例

优化极客园PC端项目(TypeScript+React+Umi+dva+antd-pro组件库)

删除删除JQuery课程内容

2021.09.28

7.6

课程升级对接企业招聘需求，Vue+React双重保障，目标不止于就业，而是让你成为企业高薪招聘的“抢手”人才。课程内容覆盖前端主流技术栈，Vue2全家桶（Vuex、vue-router、element-ui、vue-element-admin）、Vue3新特性、TypeScript实战、React全家桶（Hooks、Redux、react-router、antdesign、antd-mobile），丰富项目库，提供多行业多领域项目课程，项目课程天数占比为60%+，让学生达到一线大厂的项目经验要求。

新增TypeScript课程（TypeScript结合主流技术的应用）

新增极客园PC端项目（React+Hooks+Redux+antdesign组件库）

新增极客园移动端项目（TypeScript+React+Hooks+Redux+antd-mobile组件库）

新增资讯后台管理项目（Vue+Vuex+element-ui组件库）

新增PC端和移动端网页布局项目5个+（主流布局技巧+适配方案）

优化小兔鲜儿电商前台项目（Vue3技术栈）

优化人资中台项目（Vue+Vuex+element-ui组件库+vue-element-admin）

优化立可得项目（Echarts+Ajax）

删除黑马头条移动端项目（Vue2技术栈）

删除大事件项目（Layui）

2020.07.11

7.0

VSCode、HBuilderX

专为培养和打造高级软件工程师高含金量课程重磅推出，课程升级颠覆培训行业。行业推出全端跨平台项目并且业务在全端贯通。超大项目库，多行业多领域项目课程，主流行业全覆盖，其中项目课程天数占比为190天，课程覆盖7大主流就业领域，让学生达到一线大厂的项目经验要求。专为高级前端工程师定做的9天前端工程化课程，包括：模块化、组件化、性能优化、规范化、自动化，定制脚手架及性能方案，提升团队开发效率。

新增小兔鲜儿电商前台（Vue.js技术栈）

新增办公管理人资中台（Vue.js技术栈）

新增黑马头条H5项目2.0（Vue.js技术栈）

新增品优购2.0（uni-app）

新增好客租房H5项目2.0（React.js技术栈）

新增小兔鲜儿电商后台（React.js技术栈TypeScript+Hooks）

新增探花交友（ReactNative)

小兔鲜儿移动App（Flutter技术栈）

新增小兔鲜儿小程序（原生小程序）

新增Febo性能监控（核心模块：React.技术栈插件：Vue.js技术栈）

新增小兔鲜儿宣传页（SSR）

删除黑马头条自媒体管理平台（Vue.js技术栈）

删除品优购电商1.0（wepy）

删除好客租房后台管理系统（React.js技术栈）

2019.6.1

6.5

Sublime、WebStorm、VSCode

课程在6.0的基础上，为了适应企业的需求优化基础知识的讲解并大幅度延长Vue的课时。基础阶段突出编程的交互性，Vue课程中项目由1变2，增加MVVM框架原理、SSR服务端渲染、混合app开发等，并加强状态管理vuex的应用。React项目好客租房优化项目功能和界面美化。

新增黑马头条自媒体管理平台（Vue.js技术栈）

新增黑马头条移动Web项目（Vue.js技术栈）

新增好客租房后台管理系统（React.js全套技术栈）

新增好客租房移动Web项目（React.js全套技术栈）

新增网页应用案例(待办事项列表、购物车、微博发布等)

新增网络编程讲法优化和部分案例

2018.9.10

6.0

新增品优购全端电商项目（管理系统、PC端、移动端、小程序）

新增近百套行业项目解决方案库

新增小程序加小游戏就业课

新增企业级团队项目实战

HTML&JS+前端就业班课程

2018.2.26

5.0

新增基础班新增品优购整套项目的静态页面制作

新增前端工程化完成品优购移动端项目

新增JavaScript和DOM阶段的课程优化部分案例，培养学生通过代码完成业务的能力

新增vue项目更新为品优购的后台管理系统

2017.7.12

4.0

新增PHP&MySQL课程，培养更懂后端的前端开发人员

新增阿里百秀项目，结合前端渲染和后端渲染

新增HTML5的宣传页面

新增移动端电商项目

新增JavaScript高级课程优化，增加贪吃蛇游戏

2017.03.01

3.0

WebStorm、Sublime

本次课程更新注重理论到实践的变化，从就业班开始培养学生把理论到实践过程的培养，让学生学习完JavaScript能够自己动手开发插件，不仅仅停留在使用的层面。增加市面上流行的vue.js框架，并结合项目实战，从0到1的完成项目，直至打包上线。

新增博学谷项目，从无到有开发一个完整项目，从项目构建到上线

新增canvas课程中新增游戏的案例

新增webpack1.x升级到webpack2.x，webpack和gulp集成构建项目

新增ajax课程更新部分更实用的案例

2016.6.30

1.1

主要针对系统

Windows、Linux

webStorm、sublime

本次升级对前端课程1.0版本进行优化。重点优化课程体系与教学模式，知识点衔接更紧密，有利于学员更好的吸收掌握；更新框架部分知识点，将框架升级到市场上主流的版本，升级课程更加贴合企业实际需求。

新增zepto库在移动web开发的实际应用；

新增基础班与就业班的课程体系知识点无缝对接；

新增面向对象和框架进阶以及js设计模式；

新增在项目中融入企业新技术课程；

传智教育HTML&JS+前端精品就业班课程

2015.10.06

1.0

主要针对iOS系统

Xp、Win7/8/10

WebStorm、Sublime、Dreamweaver

传智教育推出HTML&JS+前端课程，基于当前流行的技术和未来的发展趋势、结合业界实际的开发模式，创建了完善的课程体系和教学模式，确定了以深入的基础理论、丰富的项目实战、系统的大型案例实践为主线，以项目实战来驱动教学的主导思想，并结合实际工作场景，进而强化扎实基础，增强实用性，提高核心竞争力。

新增完善的课程体系保证处于移动和前端的技术前沿；

新增课程安排循序渐进，阶梯式的学习模式，菜鸟到大牛的完美蜕变；

新增晦涩的理论融入丰富的项目实践，理解的同时增强实用性；

新增PC前端与移动前端技能全覆盖，拓展足够开阔的知识面；

新增前后端结合的开发实践，保证前后端协作游刃有余；

新增项目生命周期系统认知，Nodejs全栈解决方案，奠定架构级别的坚实基础；

新增结合实际的工作场景，保证快速融入工作环境。

用心做教育，就是对每一个学生负责

—前端学科教研团队访谈实录

近年来，黑马程序员前端学科持续瞄准真实市场需求，打造贴合一线互联网企业需求的课程产品不断优化授课方式，打造高效课堂，创新就业服务模式，让想要提高自身竞争力及想要转行的零基础学生继续保持就业实力。黑马程序员前端学科通过强教研、促就业的硬核打法，持续带领学生逆势而上，打破就业壁垒突破高薪瓶颈。

源源不断引进大厂技术大牛，专业研发课程升级、迭代，与企业需求实时接轨

教师录取率<3%，从源头把控师资，带你过关斩将掌握每一个知识点

用数据驱动教学，贯通教/学/练/测/评，为每一位学员私人定制学习计划和就业服务

学前入学多维测评

学前目标导向式学习

学中随堂诊断纠错

学中阶段效果测评

学后在线作业试题库

学后问答社区查漏补缺

保障BI报表数据呈现

就业面试指导就业分析

就业流程全信息化处理

学员能力雷达图分析

定制个性化就业服务

技术面试题讲解

就业指导课面试项目分析

HR面试攻略

模拟企业真实面试

专业简历指导

面试复盘辅导

风险预警企业黑名单提醒

老学员毕业后即可加入传智汇精英社区，持续助力学员职场发展

行业沙龙

高端人脉

职场资源

技术研习

应届生：毕业即失业，满足不了企业需求，重新制定职业规划

THE END

Web前端培训北京Web前端开发培训班好口碑web前端培训机构

淘宝培训电商培训网店美工开店推广培训班亚马逊培训

Web前端培训北京Web前端开发培训班好口碑web前端培训机构

游戏开发培训游戏开发培训班Unity游戏开发培训

教育培训学校班级管理实施建议

在苏州开美术培训班利润有多大?开店5年我如何年赚25万

IT培训机构IT培训课程

学校培训工作总结（30篇）

培训机构招生方案（精选17篇）

AI+设计培训视觉设计培训电商设计培训三维设计培训平面设计培训AIGC培训UI设计培训

合肥达内教育官网

《党性教育——培训流程》