技术方向资深前端工程师前端架构师CTO
管理方向技术开发组长项目经理项目总监
完成高含金量的项目是检验学习效果的唯一标准
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、小程序全适配
让你抓住新风口，差异化竞争脱颖而出
让你的竞争力“亮”起来，入职大厂敲门砖
主讲内容
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高效的实现异步操作
框架前置课|Vue2.x核心|Vue3.x核心|微前端|Three.js|Vue原理
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组件库开发后台管理项目的技术能力。
自学必看零基础新版
免费领取全套视频教程、技术解析、配套源码、学习工具、学习笔记等
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
课程名称
2023年11月15日
课程版本号
8.6
主要使用开发工具
VSCode
课程介绍
1
新增面试宝典鸿蒙项目（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%，从源头把控师资，带你过关斩将掌握每一个知识点
用数据驱动教学，贯通教/学/练/测/评，为每一位学员私人定制学习计划和就业服务
就业流程全信息化处理
学员能力雷达图分析
定制个性化就业服务
技术面试题讲解
就业指导课面试项目分析
HR面试攻略
模拟企业真实面试
专业简历指导
面试复盘辅导
风险预警企业黑名单提醒
老学员毕业后即可加入传智汇精英社区，持续助力学员职场发展