教育行业A股IPO第一股（股票代码 003032）
HTML&JS+前端
HTML&JS+前端
毕业起点高，就业前景好
技术方向资深前端工程师前端架构师CTO
管理方向技术开发组长 项目经理项目总监
刚毕业 迷茫期没有工作经验
期待学习有前景的技术
零基础 想转行行业没前途
期待短期内转行IT
想晋升加薪具备前端基础
面临职场瓶颈期待提升
前端爱好者薪资不满意
期待进军前端热门领域
完成高含金量的项目是检验学习效果的唯一标准
掌握 HTML 5 标签搭建页面结构HTML 技术
掌握 PC 端网页制作和布局能力CSS3网页布局
掌握移动端网页制作和布局能力移动端web布局
掌握 JavaScript 语言和基本编程思想JavaScript 开发
掌握常用的网页交互技术网页交互
掌握前后端交互的能力数据交互 & 异步编程
为学习框架做技术支撑框架前置课
掌握 Vue2.x 核心技术Vue2.x 核心技术
内容管理系统CMS项目（Vue2.x全家桶）
企业中台综合B 端项目iHRM项目（Vue2.x全家桶）
完善的电商平台业务Vue3.0小兔鲜电商项目
掌握React核心语法React.js 核心技术
资讯类产品后台管理系统极客园 PC 端项目
掌握 TypeScript 核心语法和实战应用TypeScript 开发
头条类资讯交流平台极客园移动端项目目
掌握跨平台小程序的开发黑马优购微信商城
掌握职场通识能力，做好面试准备职业发展课
掌握面试常见技术问题就业加强课
让你掌握页面的制作技能，
PC 端、移动端统统不是事儿
让你的网页“动”起来，
输入、点击、倒计时，
用户交互全搞定
让你的开发“飞”起来，
各种解决方案入职工作直接用
让你的竞争力“亮”起来，
入职大厂敲门砖，网页、
小程序、App全掌握
网页布局
移动Web
JavaScript
框架前置课
Vue.js
React.js
小程序
立可得项目
大事件项目
iHRM人力资源项目
小兔鲜儿电商项目
极客园PC端项目
极客园H5项目
黑马优购小程序项目
主讲内容
HTML基础语法 | HTML | CSS | 企业级小兔鲜儿电商项目首页制作
内容先容
1、从最简单的网页骨架搭建入手，使用常见的HTML标签丰富网页结构
2、在 HTML 搭建的网页结构基础上，通过CSS选择器精准选择标签，使用外观、盒模型相关属性完成网页全部内容，利用浮动、定位等布局技巧精准控制网页布局，最终结合背景、圆角、阴影等装饰属性进一步美化网页效果，达到能够编写企业级大型综合网页
3、借助PxCook工具，基于设计稿编写网页，确保网页的高度还原，通过综合运用 HTML + CSS 技术，按照实际项目开发流程，归纳开发技巧，提升综合实战水平，最终完成企业级小兔鲜儿电商项目PC端首页发
可掌握的核心能力
借助PxCook工具，参照设计稿，能综合使用HTML+CSS技术完成企业级小兔鲜儿电商项目PC端首页开发
主讲内容
CSS高级特效 | 移动适配 | 响应式
内容先容
1、使用css高级特效丰富网页元素的呈现方式和效果
2、使用Flex布局模型，实现移动端网页的基本布局；了解两种移动端网页适配不同分辨率的解决方案，并使用不同的解决方案制作网页元素宽高随着视口的变化而等比缩放的效果
3、学习响应式的原理，并使用bootstrap框架完成响应式网页的布局
可掌握的核心能力
1、使用CSS高级特效，丰富网页元素的呈现方式和效果
2、使用rem或vw、vh实现网页元素宽高随着视口变化等比缩放的效果
3、使用bootstrap框架布局响应式网页
主讲内容
JavaScript基础 | WebAPI | JavaScript高级 | jQuery | Ajax | git
内容先容
1、掌握JavaScript基础语法规则
2、掌握DOM和BOM对象的属性和方法，以完成网页常见的交互效果
3、深入理解 ECMAScript 的常识体系及工作机制，熟悉 ES6+ 新的语法特性，注重抽象思维的培养，具备面向对象编程的的能力
4、借助 jQuery 提升开发的效率，同时借鉴和学习 jQuery 的封装实现思想，巩固面向对象的相关常识，加深对面象对象的理解
5、能够创建 Git 仓库管理前端项目，基于 Git 分支进行多人协同开发，并且能够把本地的 Git 仓库同步到远程码云或 Github 仓库中
可掌握的核心能力
1、掌握JavaScript基础语法，培养编程逻辑思维
2、掌握DOM和BOM对象的常用属性和方法，能够完成网页常见的交互效果
3、能够使用 axios 实现 Ajax 操作，为后续项目课做好技术铺垫
4、能够运用 Git 管理前端项目，并且使用 Git 分支进行多人协同开发
主讲内容
Node.js基础 | 模块化 | npm | Express | EventLoop | webpack
内容先容
1、了解 Node.js 和浏览器环境的区别，能够使用 Node.js 操作文件和处理路径
2、理解模块化的开发思想，能够使用 CommonJS 模块化语法进行前端项目的开发，提高代码的复用性
3、利用 npm 管理项目中用到的第三方包，提高前端项目的开发效率
4、能够使用 Express 编写基本的 API 接口，加深对前后端工作流程的理解
5、深入学习 JS 异步的底层原理，能够使用 Promise 处理异步操作，并使用 async/await 简化异步操作
6、利用 webpack 实现前端的工程化开发，主要学习 webpack 的工作原理以及常用的插件、loader 的使用，为后续项目课的学习奠定工程化的开发思想
可掌握的核心能力
1、能够使用 npm 维护项目中的依赖包，提高项目的开发效率
2、能够使用 Promise 与 async/await 高效的实现异步操作
3、能够理解 webpack 中的核心概念，为后续项目课的学习打好工程化开发的基础
主讲内容
Vue基础 | Vue3.0高级
内容先容
1、运用Vue2.0全家桶核心内容实现开发中常见的功能，如购物车，TabBar、经典列表、TodoMVC等
2、掌握Vue3新特性、Vite、组合API等
可掌握的核心能力
通过Vue2和Vue3的理论常识学习可以实现开发中常见的业务功能，如购物车、TabBar、经典列表、TodoMVC等
主讲内容
React基础 | Hooks | Redux中间件 | TypeScript
内容先容
1、掌握React基本语法，能够使用class组件实现常见的业务功能
2、运用hooks核心常识实现购物车和放大镜经典案例效果
3、结合React技术栈，运用redux实现点餐系统的状态管理
4、运用TypeScript语法，并且在React项目中熟练运用TypeScript
可掌握的核心能力
通过React+class组件+Hooks+Redux+TypeScript的学习，实现企业开发中的经典案例，如B站评论、购物车、放大镜、点餐系统等业务功能
主讲内容
小程序基础 | uni-app | 电商项目
内容先容
1、了解小程序开发的一般流程序，熟悉小程基础组件的使用，能够基于 wxml 和 wxss 实现小程序的界面布局，基于模板的数据绑定实现数据的动态渲染，基于 API 实现与服务端的数据通信，以及熟悉其它高级 API 的使用
2、理解 uni-app 实现跨平台开发的原理机制，理清单文件组件与原生小程序组件的对应关系，以及 uni-app 开发小程序时开发时与原生小程序的差异
3、基于真实需求综合运用小程序开发的相关常识，突出小程序 API 的真实应用场景，强化和巩固小程序开发的相关常识，提升综合解决问题的能力
可掌握的核心能力
能够独立开发小程序，提高就业能力，是就业的加分项
主讲内容
1、综合媒体查询和rem智能适配大屏幕
2、基于 Echarts 结合需求高度自定义不同类型的可视化图表
3、Ajax、数据渲染和服务端推送前后端分离技术的应用
4、通过jQuery开发网页交互，增强易用性及用户体验
项目先容
智能看板是一个数据可视化项目，通过折线图、K线图、柱状图等图表形式归纳汇总大量数据，以实现更加直观的数据表达效果。学员通过学习该项目，能够掌握数据可视化、异步编程、实时数据获取等技术解决方案，适合有基础希翼技能强化的IT人员继续学习。
可掌握的核心能力
1、掌握大屏幕适配技术解决方案的应用
2、掌握Echarts 各类型数据可视化图表的应用
3、能够根据需要求创建折线图、K线图、地图等图表
4、掌握前后端分离技术的实现方式并了解其意义
5、了解什么是服务端推送及相关技术解决方案
6、掌握jQuery 在实际项目中的应用形式
主讲内容
1、基于 vue-cli 创建工程化的 Vue 项目
2、基于 element-ui 组件库快速实现项目布局
3、用户注册与登录的业务解决方案
4、使用 Vuex 管理全局共享的数据
5、使用 axios 实现前后端的数据交互
项目先容
大事件是一个 CMS 后台管理项目，包含登录注册、个人中心、文章管理等主要模块。学员学习该项目，能够锻炼对 Vue 完整技术栈的运用。同时该项目还涵盖了 token 身份认证、Vue 组件库、文件上传、富文本编辑器等前端技术解决方案，适合刚入手 Vue 框架、希翼通过项目开发来巩固 Vue 基础的前端开发者学习。
可掌握的核心能力
1、熟练掌握 element-ui组件库的运用
2、掌握 axios 以及拦截器的应用
3、掌握 Vuex 管理全局状态的技术解决方案
4、熟练使用 vue-router 管理组件的切换展示
5、掌握 element-ui 中如何自定义表单的校验规则
6、锻炼 Vue 基础技术点的实际项目中的应用
7、掌握文件上传和富文本编辑器在 Vue 项目中的应用
主讲内容
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 加速的实践应用 | 组件封装 | 业务组件封装
项目先容
iHRM是一款基于SaaS平台的人力资源管理系统， 企业通过该系统可以完成企业组织架构管理、员工管理、角色管理、权限管理（审批、考勤、社保）等，为企业的人力资源管理提供一站式解决方案。
可掌握的核心能力
1、掌握Vue + Element技术栈在开发管理型后台项目的技术开发能力
2、具备角色，人员，权限类系统的设计整体设计及应用能力
3、拥有Vuejs相关的技术要点及配套的插件，解决方案深度使用能力
主讲内容
vue3.0 框架｜vue-cli 项目脚手架｜vue-router 路由｜vuex 状态管理｜vuex-persistedstate 状态持久化｜less 预处理器｜style-resoures-loader 样式资源加载器｜normalize.css 样式库｜@vueuse/core 组合API工具库｜power set 算法库｜dayjs 日期库｜vue-infinite-loading 滚动加载｜vee-validate 表单校验｜mockjs 本地数据模拟｜soket.io 即时通讯｜ 封装 UI 组件库：carousel 组件，more 组件，bread 组件，skeleton 组件，checkbox 组件，radio 组件，select 组件，dialog 组件，message 组件，confirm 组件，pagination 组件，steps 组件，timeline 组件，tabs 组件，loading 组件，city 组件，v-lazy 指令｜ 核心业务：数据懒加载，图片懒加载，骨架屏效果，无限列表，sku 规格选择，云端购物车 & 本地购物车，微信支付 & 支付宝支付，商品类目，订单管理
项目先容
Vue3.0小兔鲜儿电商是对标网易严选的综合品类的网上商城项目，现在除了顶级的一些电商平台之外，越来越多的企业都会做自己的垂直领域的商城，如小米商城、HUAWEI商城等，市场空间巨大，人才较为紧缺。本项目涵盖了电商的核心业务，首页加载优化，SKU规格处理，本地线上购物车，第三方登录，第三方支付，订单管理。致力于交付学员完整的电商业务解决方案，以及Vue3.0组合API的最佳实践，基于Vue3.0的组件库封装，让学员成为具备电商业务能力的站在技术前沿的高级前端开发工程师。
可掌握的核心能力
1、前沿技术还原主流电商业务方案
2、掌握Vue3.0 Composition API实践能力，站在技术前沿
3、掌握第三方登录，第三方支付的业务能力，轻松对接第三方平台
4、掌握sku，购物车，订单管理等电商业务，轻松上手电商开发
主讲内容
请求模块化 | 请求工具拦截 | scss 样式 | 布局组件 | Redux状态管理 | create-react-app | 反向代理 | ant-design | 表单校验 | Auth Route | token 认证 | token 失效控制 | history 路由 | 打包性能优化 | CDN 加速 | 组件封装 | react-quill | craco自定义脚手架配置
项目先容
「极客园」对标“CSDN”、“博客园”等竞品，致力成为更加贴近年轻 IT 从业者（学员）的科技资讯类应用。 本项目是个人自媒体管理端，涵盖了后台管理系统的核心业务，基于react技术栈（react hooks + redux + react-router）实现了登录功能，首页展示，文章管理与发布，图片上传等功能，让学员熟练掌握react核心技术栈的开发项目的能力。
可掌握的核心能力
熟练掌握react技术栈（react hooks + redux + react-router）配合antd组件库开发后台管理项目的技术能力。
主讲内容
react+hooks+redux+typescript+router全家桶 | 移动端项目搭建 | ant-mobile-v5 | vw 适配方案 | Token 过期处理 | 动态编辑 | 上拉加载 | 下拉刷新 | 评论与回复 | 搜索功能 | DayJS | 数据持久化 | 图片懒加载 | 组件定制 | 组件封装 | 性能优化 | 移动端1px像素 | Icon处理 | 表单验证 | 倒计时 | 拦截器 | 权限组件封装 | 缓存组件封装 | websocket | 防抖与节流 | 关键字高亮 | 吸顶组件 | keep-alive | CDN优化 ｜ahooks｜lodash
项目先容
极客园H5项目是资讯资讯类产品，包括首页文章列表上拉加载与刷新，频道管理，本地线上频道管理，文章搜索，文章评论与回复，组件缓存，token过期与刷新处理，用户权限拦截，个人信息修改解决方案。整个项目基于typescript开发，让学员熟练掌握当前最流行的typescript + react技术栈开发项目的能力。
可掌握的核心能力
熟练掌握typescript + react技术栈 + antd-mobile组件库开发H5移动端资讯资讯类项目的技术能力。
主讲内容
1、uni-app跨平台开发框架
2、组件封装及通信
3、微信支付/登录
4、状态管理
项目先容
黑马优购是一个经典的电商类小程序项目，包括商品、用户、购物车、订单等核心功能模块，采用 uni-app 框架做为跨平台小程序开发方案，并综合运用了原生小程序的组件化、模块化、网络请求、本地存储、微信登录、微信支付等技术，不仅能够培养学员的实践能力，还可以为就业提供有利的支撑。
可掌握的核心能力
1、能够开发跨平台的小程序
2、能够独立开发小程序项目
3、掌握微信登录的实现方式
4、掌握微信支付的实现方式
黑马整合解决方案库，拿来即用，让你的开发之路不必从零开始 更多项目>>
Vue3.0小兔鲜儿电商是对标网易严选的综合品类的网上商城项目，本项目涵盖了电商的核心业务，致力于交付完整的电商业务解决方案，让学员成为具备电商业务能力、站在技术前沿的高级前端开发工程师。
解决方案
1．Vue3.0中大型项目构建
2．组合API加载性能优化
3．商品SKU前端算法
4．封装UI组件库
5．本地线上融合购物车
体验项目
iHRM人力资源管理系统是一款在线HR人力资源管理系统，帮助企业管理人事信息、员工档案、绩效考核等。利用HRApp发挥最核心资源-人力的最大价值，通过企业人事HR管理人力资源，从而保持人才竞争力。
解决方案
1．Vuex分模块状态共享及持久化方案
2．Token失效的两种鉴定方式同时方案
3．Element中Tree型组件等树形业务的应用方案
4．RBAC权限设计方案及应用
5．通用上传组件封装及第三方上传
6．请求器拦截应用及异步编程方案
体验项目
黑马面面是一款面试刷题程序，系统包含答题状况管理、学科管理、企业管理、用户管理等综合管理功能。学员通过该项目可学习Element-UI功能组件、ECharts数据可视化、axios、JWT、Vue CLI、Vuex全局数据共享、Vue Router 等多个技术解决方案。
解决方案
1．Vue-element-admin 后台前端解决方案
2．Vuex分模块状态共享方案
3．RBAC权限设计方案及应用
4．试题全流程解决方案
体验项目
黑马头条是一款资讯资讯类App，项目包括用户文章展示、点赞评论、内容推荐、频道管理、文章搜索、智能客服等功能。系统采用前后端分离的开发模式，前台使用了Vue.js等技术栈构建的SPA应用程序，适合有Vue基础或者有其他MVVM框架应用经验的同学进行学习。
解决方案
1．Vuex分模块状态共享及持久化方案
2．Token鉴定及换取token解决方案
3．基于Vant组件库移动端上手势加载方案
4．Keep-Alive组件缓存解决方案
5．WebSocket即时通讯实现客服通信解决方案
6．请求器拦截应用及异步编程方案
体验项目
闲云旅游是一个旅游服务网站，主要功能包括机票酒店预定、热门旅游攻略资讯等。项目采用前后端分离模式开发，前台使用Vue技术栈中的服务端渲染框架Nuxt.js开发，让页面效果以超快的方式展示在用户面前，Nuxt还支撑页面自动静态化，可极大节省服务器资源。
解决方案
1．Nuxt.js框架SSR解决方案
2．高德LBS酒店定位导航解决方案
3．组件递归跟帖解决方案
4．二维码付款解决方案
体验项目
概况：自主创意的摄影作品工作室网站，使用 jQuery + CSS3 + flipping +...
自主创意的摄影作品工作室网站，使用 jQuery + CSS3 + flipping + slick + bootstrap + animate，封装图像切割动效 JavaScript 动效库，实现丰富的图片特效。
在线演示
概况：参考《飘视觉》官网，使用 jQuery + CSS3 + pincolor + swiper...
参考《飘视觉》官网，使用 jQuery + CSS3 + pincolor + swiper，实现专业级动画交互效果，基本全站还原了飘视觉官网全景。
在线演示
概况：提供企业网站定制服务解决方案，为企业轻松快速定制高端官网...
提供企业网站定制服务解决方案，为企业轻松快速定制高端官网。使用 jQuery + CSS3 + mplayer 实现大量商业级动画效果，尤其动画的设计既专业又炫酷，封装 common JavaScript 工具库。
在线演示
概况：参考《唯一视觉婚纱摄影》官网，使用 jQuery + CSS3 + animate...
参考《唯一视觉婚纱摄影》官网，使用 jQuery + CSS3 + animate，动画效果浪漫典雅，充分烘托出新婚的快乐与幸福，小组成员还封装了瀑布流和轮播图组件库。
在线演示
概况：参考网易游戏《轩辕剑龙舞云山》手游官网，使用 jQuery + CSS3...
参考网易游戏《轩辕剑龙舞云山》手游官网，使用 jQuery + CSS3，封装 common JavaScript 工具库，应用 normalize 实现 CSS reset，基本还原了首页全景，动画交互效果精致。
在线演示
概况：参考网易游戏《光·遇》官网，使用 jQuery + CSS3 + bootstrap + ...
参考网易游戏《光·遇》官网，使用 jQuery + CSS3 + bootstrap + animation，封装 common JavaScript 工具库和 CSS 效果库。
在线演示
概况：参考网易游戏《阴阳师：百闻牌》手游官网，使用 jQuery + CSS3...
参考网易游戏《阴阳师：百闻牌》手游官网，使用 jQuery + CSS3，封装 Alert Box 及 Top Bar 工具库。
在线演示
概况：参考网易游戏《战意》官网，使用 jQuery + CSS3 + swiper...
参考网易游戏《战意》官网，使用 jQuery + CSS3 + swiper，封装 topnavCommon JavaScript 工具库，基本全站还原了战意官网全景。
在线演示
概况：参考《网易游戏》官网，使用 jQuery + CSS3 + wrating + ...
参考《网易游戏》官网，使用 jQuery + CSS3 + wrating + nav.byebye3 + iplay + entry + vendor，实现精彩的 3D 动效交互效果。
在线演示
概况：参考《AWA 4.0》官网，使用 jQuery + CSS3 + html5shiv + ...
参考《AWA 4.0》官网，使用 jQuery + CSS3 + html5shiv + swiper，实现响应式交互菜单动效，封装 shop JavaScript 工具库专门处理商品信息。
在线演示
概况：参考网易游戏《阴阳师》官网，使用 jQuery + CSS3 + swiper + ...
参考网易游戏《阴阳师》官网，使用 jQuery + CSS3 + swiper + SuperSlide，封装图片动效组件库，封装 common JavaScript 工具库。
在线演示
概况：美食网，吃天下。使用 jQuery + CSS3 + flex + SuperSlide ...
美食网，吃天下。使用 jQuery + CSS3 + flex + SuperSlide + 3d-tv，实现大量专业级动画效果，并集成字体图标及百度地图 API。
在线演示
概况：参考网易游戏《方舟生存天下》官网，使用 jQuery + CSS3 +...
参考网易游戏《方舟生存天下》官网，使用 jQuery + CSS3 + posterSwing + canvas-nest + scrollreveal，独立研发并封装视频播放方案：全屏 + 自动播放 + 轮播。
在线演示
概况：参考网易游戏《天下 3》官网，使用原生的 JavaScript、HTML5 和...
参考网易游戏《天下 3》官网，使用原生的 JavaScript、HTML5 和 CSS3，重点实现人物和场景动画效果，封装 common CSS 动效库。
在线演示
概况：参照《蒙娜丽莎》婚纱官网，使用 jQuery + CSS3 + Bootstrap + animate...
参照《蒙娜丽莎》婚纱官网，使用 jQuery + CSS3 + Bootstrap + animate + mplayer，实现了丰富的酷炫的动画效果，封装 common JavaScript 工具库。
在线演示
概况：参考《行行摄色》官网，使用 jQuery + CSS3 + easying + move-line...
参考《行行摄色》官网，使用 jQuery + CSS3 + easying + move-line + bundle + animatie，实现了炫酷的 3D 交互式动效，同时还封装 tools JavaScript 工具库，并独立研发了风景照片特效。
在线演示
概况：参考《哇噻网》官网，使用 jQuery + CSS3 + animate，实现了...
参考《哇噻网》官网，使用 jQuery + CSS3 + animate，实现了丰富精致的动画效果，小资购物的情调展现的淋漓尽致，同时还封装 common JavaScript 工具库。
在线演示
概况：参考《优必选官网》官网，使用 jQuery + CSS3 + animate，实现了...
参考《优必选官网》官网，使用 jQuery + CSS3 + animate，实现了商业级动画效果，并根据业务封装了星战、地图、服务、店铺等多个 JavaScript 业务库。
在线演示
概况：参考《马蜂窝》官网，使用 jQuery + CSS3 + animate，实现了...
参考《马蜂窝》官网，使用 jQuery + CSS3 + animate，实现了丰富的酷炫的动画效果，封装通用和动画两个 JavaScript 工具库，并根据业务封装了城市、店铺 JavaScript 业务库。
在线演示自学必看零基础最新版
免费领取全套视频教程、技术解析、配套源码、学习工具、学习笔记等
马上前往学习 >
35739人学习初级
7498人学习初级
11822人学习初级
13829人学习中级
7379人学习中级
6305人学习中级
10466人学习高级
20788人学习高级
2015年7月7日，传智播客前端与移动开发学院正式成立
从500名学员中筛选了30名同学，首期前端班正式开班
率先引入Gulp、webpack等基于Nodejs的前端工程化工具
加强 AngularJS、Vue.js 课程的深度与广度，更加贴合市场需求
引入数据持久化、内存缓存、项目部暑等课程体系
成立了全栈子学科，培养了大量全面性Web开发人才
率先增设了小程序的课程
扩大研发队伍，加强研发力度，独创了 N+12 教学新模式
跟进新技术、新领域，为学员提供免费终身的学习服务
引入阿里、京东、用友等一线技术人员打造优质课程体系
研发多个企业级实战项目
加强React课程的深度和广度并逐步将跨平台开发引入课程
学科正式更名为HTML5＆JS+前端 ，推出中高级App工程师课程
用匠心精神深耕教研，对 Vue & React 课程深度改革
双技术栈为高薪保驾护航，突破就业薪资天花板
随着初级程序员趋于饱和，中高级程序员缺口变大，IT培训行业原来就业培训课程难以适应未来的就业竞争。
传智教育强势推出HTML&JS+前端高手班，课程全面升级为高级App工程师课程，定位培养中高级程序员。课程有10个“大厂”级项目，授课时间180天（每周上5天课），其课程容量、技术深度、项目广度均超其他机构6个月培训课程50%以上，大大提升学员的就业竞争力。查看更多 >
课程大纲
基础班
1. 网页布局
高手班
1. 移动Web 2. JavaScript 3. 立可得项目 4. 框架前置课 5. Vue.js 6. 大事件项目 7. iHRM人力资源项目 8. Vue3.0小兔鲜儿电商项目 9. React.js 10. 极客园PC端项目 11. 极客园H5项目 12. 小程序 13. 黑马优购小程序项目 14. React.js 高级 15. 多端跨平台 16. 前端工程化 17. 前端服务化
HTML&JS+前端V7.6版本
课时:10天技术点:60项测验:1次学习方式:线下面授
借助PxCook工具，参照设计稿，能综合使用HTML+CSS技术完成企业级小兔鲜儿电商项目PC端首页开发
1. HTMLHTML 负责网页的结构层，是网页开发的基础，从最简单的网页骨架搭建入手，使用常见的 HTML 标签丰富网页结构。
HTML基础语法 | 排版标签 | 路径 | 多媒体标签 | 链接标签 | 列表标签 | 表格标签 | 表单标签 | 布局标签 | 语义化标签 | 字符实体
2. CSS在 HTML 搭建的网页结构基础上，通过 CSS选择器 精准选择标签，使用外观、盒模型相关属性完成网页全部内容，利用浮动、定位等布局技巧精准控制网页布局，最终结合背景、圆角、阴影等装饰属性进一步美化网页效果，达到能够编写企业级大型综合网页。
选择器 | 外观 | 文字 | 背景 | 标准流 | 三大特性 | 盒模型 | 伪元素 | 浮动 | 伪类 | 定位 | 圆角 | 阴影 | 透明 | 过渡
3. 企业级小兔鲜儿电商项目首页制作借助PxCook工具，基于设计稿编写网页，确保网页的高度还原，通过综合运用 HTML + CSS 技术，按照实际项目开发流程，归纳开发技巧，提升综合实战水平，最终完成企业级小兔鲜儿电商项目PC端首页开发。
精灵图 | 文档编码 | 性能优化 | 布局技巧 | SEO | 性能优化 | 版心 | 设计稿 | PxCook
课时:7天技术点:18项测验:1次学习方式:线下面授
1. 使用CSS高级特效，丰富网页元素的呈现方式和效果 | 2. 使用rem或vw、vh实现网页元素宽高随着视口变化等比缩放的效果 | 3. 使用bootstrap框架布局响应式网页 |
1. CSS高级特效使用css高级特效丰富网页元素的呈现方式和效果。
字体图标 | 2D转换 | 3D转换 | 动画
2. 移动适配首先先容Flex布局模型,实现移动端网页的基本布局;再讲解两种移动端网页适配不同分辨率的解决方案,并使用不同的解决方案制作网页元素宽高随着视口的变化而等比缩放的效果。
rem | vw/vh | Flex布局模型 | Less基础语法 | 视口 | 分辨率 | 二倍图 | 移动适配 | 媒体查询
3. 响应式首先学习响应式的原理,并使用bootstrap框架完成响应式网页的布局。
媒体查询 | bootstrap框架 | 栅格系统 | 组件 | 响应式网页布局
课时:26天技术点:88项测验:0次学习方式:线下面授
1. 掌握JavaScript基础语法，培养编程逻辑思维 | 2.掌握DOM和BOM对象的常用属性和方法，能够完成网页常见的交互效果 | 3.能够使用 axios 实现 Ajax 操作，为后续项目课做好技术铺垫 | 4. 能够运用 Git 管理前端项目，并且使用 Git 分支进行多人协同开发 |
1. JavaScript基础学习JavaScript基础语法规则。
变量 | 基本数据类型 | 数据类型的转换 | 运算符 | if分支 | switch分支 | 三元表达式 | while循环 | for循环 | 数组 | 函数 | 对象 | 内置对象
2. WebAPI学习DOM和BOM对象的属性和方法,以完成网页常见的交互效果。
DOM树 | DOM对象 | 获取元素 | innerHTML | style | className | classList | 间歇函数 | 延迟函数 | 事件监听 | 鼠标事件 | 键盘事件 | 高阶函数 | 环境对象 | 节点操作 | 事件流 | 事件委托 | 元素位置 | BOM | window对象 | swiper插件 | 本地存储 | 自定义属性 | 正则表达式
3. JavaScript高级深入理解 ECMAScript 的常识体系及工作机制，熟悉 ES6+ 新的语法特性，注重抽象思维的培养，具备面向对象编程的的能力。
字面量 | 构造函数 | 单体对象 | 面向对象 | 原型 | class | getter | setter | 柯里化 | 解构 | 箭头函数 | Object | Array | let| const | 严格模式 | 闭包
4. jQuery借助 jQuery 提升开发的效率，同时借鉴和学习 jQuery 的封装实现思想，巩固面向对象的相关常识，加深对面象对象的理解。
选择器 | 节点方法 | 动画 | 动画队列 | 事件 | 事件委托 | 链式操作 | 插件 | 插件机制
5. Ajax利用 axios 发起 Ajax 请求，实现前后端的数据交互。并讲解 HTTP 请求的过程以及 Ajax 的底层原理。
客户端与服务器 | axios | 请求与响应报文 | 接口 | form 表单 | 拦截器 | FormData | 文件上传 | XMLHttpRequest | 防抖 | 节流 | 跨域
6. git能够创建 Git 仓库管理前端项目，基于 Git 分支进行多人协同开发，并且能够把本地的 Git 仓库同步到远程码云或 Github 仓库中。
安装和配置 Git | Git 本地操作的常用命令 | .gitignore 忽略文件 | Git 分支与常用命令 | 远程仓库的使用
课时:2天技术点:8项测验:0次学习方式:线下面授
1. 掌握大屏幕适配技术解决方案的应用 | 2. 掌握Echarts 各类型数据可视化图表的应用 | 3. 能够根据需要求创建折线图、K线图、地图等图表 | 4. 掌握前后端分离技术的实现方式并了解其意义 | 5. 了解什么是服务端推送及相关技术解决方案 | 6. 掌握jQuery 在实际项目中的应用形式 |
智能看板是一个数据可视化项目，通过折线图、K线图、柱状图等图表形式归纳汇总大量数据，以实现更加直观的数据表达效果。学员通过学习该项目，能够掌握数据可视化、异步编程、实时数据获取等技术解决方案，适合有基础希翼技能强化的IT人员继续学习。
进入项目体验1.大屏幕适配解决方案 | 2.数据可视化解决方案 | 3.实时数据推送 |
1.综合媒体查询和rem智能适配大屏幕 | 2.基于 Echarts 结合需求高度自定义不同类型的可视化图表 | 3.Ajax、数据渲染和服务端推送前后端分离技术的应用 | 4.通过jQuery开发网页交互，增强易用性及用户体验 |
课时:6天技术点:40项测验:0次学习方式:线下面授
1. 能够使用 npm 维护项目中的依赖包，提高项目的开发效率 | 2. 能够使用 Promise 与 async/await 高效的实现异步操作 | 3. 能够理解 webpack 中的核心概念，为后续项目课的学习打好工程化开发的基础 |
1. Node.js基础了解 Node.js 和浏览器环境的区别，能够使用 Node.js 操作文件和处理路径，为后面框架课程的做准备。
Node.js 和 浏览器的区别 | Node.js 环境的安装 | 终端的常用命令 | 在 Node.js 中实行 JS 代码 | fs模块 | path 模块
2. 模块化理解什么是模块化的开发思想。能够使用 CommonJS 模块化语法进行前端项目的开发，提高代码的复用性。
模块化的基本概念 | CommonJS | 模块的分类 | 模块作用域
3. npm利用 npm 管理项目中用到的第三方包，提高前端项目的开发效率。
包的基本概念 | npm | 包管理配置文件 | 全局包 | 项目包 | 常用的 npm 命令 | 模块的加载过程
4. Express能够使用 Express 编写基本的 API 接口，加深对前后端工作流程的理解。
Express 的安装和配置 | 处理 GET 请求 | 处理 POST 请求 | 获取参数 | 处理跨域 | 中间件 | REST API | json-server
5. EventLoop深入学习 JS 异步的底层原理，能够使用 Promise 处理异步操作，并使用 async/await 简化异步操作。
ES6 模块化 | Promise | async/await | EventLoop | 宏任务 | 微任务
6. webpack利用 webpack 实现前端的工程化开发，主要学习 webpack 的工作原理以及常用的插件、loader 的使用，为后续项目课的学习奠定工程化的开发思想。
工程化开发的概念 | webpack 的基本配置 | webpack-dev-server | html-webpack-plugin | 常用 loader | babel
课时:37天技术点:214项测验:0次学习方式:线下面授
通过Vue2和Vue3的理论常识学习可以实现开发中常见的业务功能，如购物车、TabBar、经典列表、TodoMVC等
1. Vue基础运用Vue2.0全家桶核心内容实现开发中常见的功能，如购物车，TabBar、经典列表、TodoMVC等。
MVVM | SPA | Vue 调试工具 | 虚拟DOM | diff算法 | 指令系统 | v-model原理 | 数据选项 | 生命周期 | 样式穿透 | 动态样式 | 插槽 | 组件系统 | 组件通信 | 自定义指令 | ref | 动态组件 | $nextTick | 自定义事件 | 计算属性 | 侦听器 | 组件库 | 组件封装 | 路由系统 | 导航守卫 | vue-cli | 工程化基础 | axios | interceptors | 经典案例实战
2. Vue3.0高级掌握Vue3新特性、Vite、组合API等。
Vite | 选项API | 组合API | setup | 生命周期 | reactive | toRef | toRefs | computed | 组件通信 | 依赖注入 | ref边界
课时:5天技术点:35项测验:0次学习方式:线下面授
1. 熟练掌握 element-ui 组件库的运用 | 2. 掌握 axios 以及拦截器的应用 | 3. 掌握 Vuex 管理全局状态的技术解决方案 | 4. 熟练使用 vue-router 管理组件的切换展示 | 5. 掌握 element-ui 中如何自定义表单的校验规则 | 6. 锻炼 Vue 基础技术点的实际项目中的应用 | 7. 掌握文件上传和富文本编辑器在 Vue 项目中的应用 |
大事件是一个 CMS 后台管理项目，包含登录注册、个人中心、文章管理等主要模块。学员学习该项目，能够锻炼对 Vue 完整技术栈的运用。同时该项目还涵盖了 token 身份认证、Vue 组件库、文件上传、富文本编辑器等前端技术解决方案，适合刚入手 Vue 框架、希翼通过项目开发来巩固 Vue 基础的前端开发者学习。
1.token身份认证解决方案 | 2.文件上传解决方案 | 3.富文本编辑解决方案 | 4.表单验证解决方案 |
1. 基于 vue-cli 创建工程化的 Vue 项目 | 2. 基于 element-ui 组件库快速实现项目布局 | 3. 用户注册与登录的业务解决方案 | 4. 使用 Vuex 管理全局共享的数据 | 5. 使用 axios 实现前后端的数据交互 |
课时:12天技术点:194项测验:0次学习方式:线下面授
1.掌握Vue + Element技术栈在开发管理型后台项目的技术开发能力 | 2.具备角色，人员，权限类系统的设计整体设计及应用能力 | 3.拥有Vuejs相关的技术要点及配套的插件，解决方案深度使用能力 |
iHRM是一款基于SaaS平台的人力资源管理系统， 企业通过该系统可以完成企业组织架构管理、员工管理、角色管理、权限管理（审批、考勤、社保）等，为企业的人力资源管理提供一站式解决方案。
进入项目体验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 加速的实践应用 | 组件封装 | 业务组件封装
课时:8天技术点:233项测验:0次学习方式:线下面授
1. 前沿技术还原主流电商业务方案 | 2. 掌握Vue3.0 Composition API实践能力，站在技术前沿 | 3. 掌握第三方登录，第三方支付的业务能力，轻松对接第三方平台 | 4. 掌握sku，购物车，订单管理等电商业务，轻松上手电商开发 |
Vue3.0小兔鲜儿电商是对标网易严选的综合品类的网上商城项目，现在除了顶级的一些电商平台之外，越来越多的企业都会做自己的垂直领域的商城，如小米商城、HUAWEI商城等，市场空间巨大，人才较为紧缺。本项目涵盖了电商的核心业务，首页加载优化，SKU规格处理，本地线上购物车，第三方登录，第三方支付，订单管理。致力于交付学员完整的电商业务解决方案，以及Vue3.0组合API的最佳实践，基于Vue3.0的组件库封装，让学员成为具备电商业务能力的站在技术前沿的高级前端开发工程师。
进入项目体验1.基于vue3.0进行中大型项目开发解决方案 | 2.基于vue3.0封装组件库解决方案 | 3.基于vue-router-next的前端路由解决方案 | 4.基于vue-cli构建vue3.0项目解决方案 | 5.基于vuex-next的状态管理解决方案 | 6.基于vuex-persistedstate状态持久化解决方案 | 7.sku前端实现解决方案 | 8.第三方登录前端解决方案 | 9.第三方支付前端解决方案 | 10.基于@vueuse/core数据懒加载解决方案 | 11.本地与线上购物车合并方案 | 12.基于axios封装请求工具类解决方案 | 13.基于token的前端登录解决方案
vue3.0 框架 | vue-cli 项目脚手架 | vue-router 路由 | vuex 状态管理 | vuex-persistedstate 状态持久化 | less 预处理器 | style-resoures-loader 样式资源加载器 | normalize.css 样式库 | @vueuse/core 组合API工具库 | power set 算法库 | dayjs 日期库 | vue-infinite-loading 滚动加载 | vee-validate 表单校验 | mockjs 本地数据模拟 | soket.io 即时通讯 | 封装 UI 组件库：carousel 组件，more 组件，bread 组件，skeleton 组件，checkbox 组件，radio 组件，select 组件，dialog 组件，message 组件，confirm 组件，pagination 组件，steps 组件，timeline 组件，tabs 组件，loading 组件，city 组件，v-lazy 指令 | 核心业务：数据懒加载，图片懒加载，骨架屏效果，无限列表，sku 规格选择，云端购物车 & 本地购物车，微信支付 & 支付宝支付，商品类目，订单管理
课时:24天技术点:270项测验:0次学习方式:线下面授
通过React+class组件+Hooks+Redux+TypeScript的学习，实现企业开发中的经典案例，如B站评论、购物车、放大镜、点餐系统等业务功能
1. React基础掌握React基本语法，能够使用class组件实现常见的业务功能。
JSX | 组件系统 | 虚拟 DOM | 生命周期 | 无状态组件 | 有状态组件 | ref | class | 组件通信 | create-react-app | 路由 | 插值 | state
2. Hooks运用hooks核心常识实现购物车和放大镜经典案例效果。
useState | useEffect | useRef | useContext | useEffect高级用法 | 放大镜案例 | 购物车案例
3. Redux结合React技术栈，运用redux实现点餐系统的状态管理。
状态管理流程 | action | dispatch | store | reducer | redux-thunk 中间件 | combineReducers | react-redux | 开发调试工具 | 点餐案例
4. TypeScript运用TypeScript语法，并且在React项目中熟练运用TypeScript。
基础类型 | 联合类型 | 字面量类型 | 类型推断 | 类型断言 | 泛型 | 类型声明 |ts结合hooks | ts结合redux | ts结合路由 | 点餐案例重构
课时:4天技术点:88项测验:0次学习方式:线下面授
熟练掌握react技术栈（react hooks + redux + react-router）配合antd组件库开发后台管理项目的技术能力。
「极客园」对标“CSDN”、“博客园”等竞品，致力成为更加贴近年轻 IT 从业者（学员）的科技资讯类应用。 本项目是个人自媒体管理端，涵盖了后台管理系统的核心业务，基于react技术栈（react hooks + redux + react-router）实现了登录功能，首页展示，文章管理与发布，图片上传等功能，让学员熟练掌握react核心技术栈的开发项目的能力。
1.基于react hooks实现中大型后台管理系统的解决方案 | 2.基于ant-design组件库解决方案 | 3.基于react-router的前端路由解决方案 | 4.基于redux的状态管理解决方案 | 5.基于react-quill的富文本编辑器解决方案 | 6.基于create-react-app的构建react项目解决方案 | 7.基于axios封装请求工具类解决方案 | 8.基于token的前端登录解决方案 |
请求模块化 | 请求工具拦截 | scss 样式 | 布局组件 | Redux状态管理 | create-react-app | 反向代理 | ant-design | 表单校验 | Auth Route | token 认证 | token 失效控制 | history 路由 | 打包性能优化 | CDN 加速 | 组件封装 | react-quill | craco 自定义脚手架配置
课时:11天技术点:242项测验:0次学习方式:线下面授
熟练掌握typescript + react技术栈 + antd-mobile组件库开发H5移动端资讯资讯类项目的技术能力
极客园H5项目是资讯资讯类产品，包括首页文章列表上拉加载与刷新，频道管理，本地线上频道管理，文章搜索，文章评论与回复，组件缓存，token过期与刷新处理，用户权限拦截，个人信息修改解决方案。整个项目基于typescript开发，让学员熟练掌握当前最流行的typescript + react技术栈开发项目的能力。
1.基于typescript开发中大型项目的解决方案 | 2.基于antd-design组件库移动端解决方案 | 3.基于react全家桶（react hooks + redux + react-router）移动端解决方案 | 4.基于axios封装请求工具类解决方案 | 5.基于token的前端登录解决方案，封装PrivateRouter拦截未登录用户 | 6.基于token实现token过期与token刷新处理 | 7.封装KeepAlive组件实现组件缓存的解决方案 | 8.基于antd-mobile实现文章列表的下拉刷新与上拉加载功能 |
react+hooks+redux+typescript+router全家桶 | 移动端项目搭建 | ant-mobile-v5 | vw 适配方案 | Token 过期处理 | 动态编辑 | 上拉加载 | 下拉刷新 | 评论与回复 | 搜索功能 | DayJS | 数据持久化 | 图片懒加载 | 组件定制 | 组件封装 | 性能优化 | 移动端1px像素 | Icon处理 | 表单验证 | 倒计时 | 拦截器 | 权限组件封装 | 缓存组件封装 | websocket | 防抖与节流 | 关键字高亮 | 吸顶组件 | keep-alive | CDN优化 | ahooks | lodash
课时:6天技术点:43项测验:0次学习方式:线下面授
能够独立开发小程序，提高就业能力，是就业的加分项
1. 小程序基础了解小程序开发的一般流程序，熟悉小程基础组件的使用，能够基于 wxml 和 wxss 实现小程序的界面布局，基于模板的数据绑定实现数据的动态渲染，基于 API 实现与服务端的数据通信，以及熟悉其它高级 API 的使用。
账号申请 | 开发工具 | 工程目录 | 项目配置 | 屏幕适配 | 资源托管 | 字体图标 | 数据绑定 | 事件处理 | 生命周期 | 场景值 | 模块化 | 网络请求 | 路由 | WXS | 模板 | 组件 | UI 框架 | 表单 | Promise
2. uni-app理解 uni-app 实现跨平台开发的原理机制，理清单文件组件与原生小程序组件的对应关系，以及 uni-app 开发小程序时开发时与原生小程序的差异。
脚手架 | 项目配置 | 单文件组件 | 生命周期 | 条件编译 | 计算属性 | 跨平台支撑 | less | sass | 组件通信
3. 电商项目基于真实需求综合运用小程序开发的相关常识，突出小程序 API 的真实应用场景，强化和巩固小程序开发的相关常识，提升综合解决问题的能力。
客户消息 | 微信支付 | 微信地址 | 小程序转发 | 区域滚动 | 上拉加载 | 下拉刷新 | 数据缓存 | 用户信息 | 自定义组件 | 微信登录 | 意见反馈 | 上线发布
课时:4天技术点:20项测验:0次学习方式:线下面授
1.能够开发跨平台的小程序 2.能够独立开发小程序项目 3.掌握微信登录的方现方式 4.掌握微信支付的方现方式
黑马优购是一个经典的电商类小程序项目，包括商品、用户、购物车、订单等核心功能模块，采用 uni-app 框架做为跨平台小程序开发方案，并综合运用了原生小程序的组件化、模块化、网络请求、本地存储、微信登录、微信支付等技术，不仅能够培养学员的实践能力，还可以为就业提供有利的支撑。
1.小程序跨平台开发解决方案 2.小程序微信登录实现方案 3.小程序微信支付实现方案 4.下拉刷新/上拉加载交互实现方案 5.数据缓存实现方案
1.uni-app跨平台开发框架 2.组件封装及通信 3.微信支付/登录 4.状态管理
课时:30天技术点:118项测验:0次学习方式:线上学习
进军大厂必备，结合 TypeScript+Hooks 和函数式编程思想完成项目开发。
1. TypeScript 基础理解类型系统 理解并能使用泛型 了解类型的推断过程 了解类型的高级用法，能理解代码
静态类型 | 基础类型和对象类型 | 类型注解和类型推断 | 函数相关类型 | 数组和元组 | Interface 接口 | 类 | 继承 | 构造器 | Setter 和 Getter | 抽象类
2. TypeScript 高阶语法理解类型系统 理解并能使用泛型 了解类型的推断过程 了解类型的高级用法，能理解代码
联合类型和类型保护 | Enum | 函数泛型 | 类中的泛型 | 命名空间 | 模块化 | 描述文件
3. Hooks理解 Effect Hooks 和 State Hooks 设计思想 理解 Hooks 应用场景 掌握使用 Hooks 封装一些组件
useState | useEffect | useContext | 自定义 Hooks
4. 函数式编程掌握 JavaScript 函数式编程范式，为阅读前沿框架源码，学习框架设计思想做储备，例如：React、RxJS、cycleJS、lodashJS、underscoreJS 等。
纯函数 | 柯里化 | 函数组合 | Point Free | 声明式与命令式
5. Redux 中间件理解业内比较主流的 2 种数据管理设计思想 掌握如何运用合适的数据管理工具在项目 能通过查看源码对项目做一些性能优化
React-Redux | redux-thunk | redux-saga
6. 小兔鲜儿后台管理项目掌握基于 React 组件化技术解决方案 掌握结合 Redux 状态管理 掌握用户权限解决方案 掌握 AI 智能推荐方案 掌握秒杀 / 拼团 / 砍价方案 掌握物流追踪方案 掌握数据导出方案 掌握第三方支付方案 掌握即时通讯方案 掌握短信服务方案 掌握流媒体方案 掌握单点登录方案 掌握服务提醒方案
react 组件逻辑复用 | hooks 与组件生命周期 | useState | useEffect | useContext | useMemo 性能优化 | react-router-dom | redux | redux-thunk | useReducer | 环信 | 百度push | MicroSoft小冰
课时:31天技术点:124项测验:0次学习方式:线上学习
高级前端工程师必备技能，真正实现一套代码多端运行，减少开发成本，提高开发效率。
1. Flutter 小兔鲜儿项目掌握 Flutter 开发环境搭建 掌握 Dart 语言基础 掌握 Flutter 常见的布局方式 理解组件的概念及分类 掌握基础组件、容器类组件、可滚动组件、功能性组件的应用
开发环境搭建 | Dart 入门 | StatelessWidget | StatefulWidget | 布局 | 路由和导航 | 手势 | 事件 | 资源文件 | 生命周期 | 拍照和图片 | 动画 | 网络请求 | 列表组件 | 屏幕适配 | 混合开发 | 性能优化 | Plugin | 打包发布
2. 小兔鲜儿原生小程序精讲理解 Taro 实现跨平台开发的原理机制 理解单 JSX 组件与原生小程序组件的对应关系 理解 Taro 开发小程序与原生小程序的差异 掌握原生小程序消息推送方案 掌握原生小程序多线程方案 掌握原生小程序云开发等高级方案
脚手架 | 项目配置 | 编译配置 | 条件编译 | 适配 | 跨平台支撑 | sass | 组件通信 | 分包加载 | 消息推送 | 多线程 | 插件 | 云开发
3. PWA了解 PWA 能够实现通过 PWA 技术强化 H5 网页的原生特性 了解当前 PWA 技术的浏览器兼容情况
PWA 概况与优点 | PWA 背后的技术与原理 | PWA 现状 | manifest | serviceWorker | 消息推送的实现 | PWA 浏览器兼容情况
课时:9天技术点:39项测验:0次学习方式:线上学习
高级前端工程师必备技能，在项目开发中实现自动化、规范化、组件化、模块化。
1. webpack 核心学会 webpack 的配置 理解 webpack 的作用与原理 上手项目的打包过程配置 拥有工程化的前端思维 掌握前端工程化的常见工具及工作原理 了解 webpack 性能优化 了解 webpack 中的 tapable 了解 AST 的应用 深入学习 webpack 原理，手写 webpack
基本配置 | loader | plugin | sourc map | HMR | Shimming | CodeSplitting | TreeShaking | Caching | 性能优化 | 多页应用 | PreLoading | PreFetching
2. 脚手架工具掌握 vue-cli 及相关配置 掌握 vue-cli 初始化单页及多页项目 掌握使用 create-react-app 搭建项目 了解 create-react-app 的原理 掌握 angular-cli 搭建项目 了解 angular-cli 的原理 掌握一个基础 cli 的功能实现
vue-cli | create-react-app | angular-cli | CLI 原理
3. git flow 全流程掌握提交相关：git rebase/git commit/git reflog/git log 掌握子模块: submodule/subtree 掌握分支管理：git fetch/git checkout/git merge 掌握重置及回退：git reset/git checkout/git rm 掌握多人协同 git 工作流 掌握 git 常见的分支管理命令
rebase | commit | reflog | log | submodule | subtree | fetch | checkout | merge | reset | checkout | rm | mv | branch | switch | git flow
课时:33天技术点:135项测验:0次学习方式:线上学习
高级前端工程师必备技能，SEO 优化策略之一，网站性能监控与埋点方案。
1. Koa / eggKoa / egg / 中间件
对 Egg 的功能有全面的理解 | 掌握使用 Egg 完成项目 | 理解 Koa 的核心设计思想 | 掌握 Koa 的中间件编写
2. NoSQLRedis / MongoDB
理解 redis 核心概念与使用 | 能使用 redis 运用到项目中 | 理解 MongoDB 核心概念与使用 | 能使用 MongoDB 运用到项目中
3. 性能监控服务端日志收集系统设计 接入第三方监控平台 服务端错误预警 分析用户行为 建立用户画像
理解服务端日志收集系统设计 | 掌握接入第三方监控平台 | 掌握对服务端错误预警 | 前端异常上报 | 用户 PV/UV 统计 | 页面加载时间统计 | 用户点击行为统计 | 接口请求日志统计 | 接口请求耗时统计 | 静态资源加载异常统计 | 实现 JS 页面截图 | JS 报错实时监控统计分析 | 详情分析和代码定位 | 静态资源加载异常实时监控 | 静态资源加载异常的统计分析 | 接口请求报错实时监控 | 接口请求报错的统计分析 | 用户 PV/UV 实时统计 | 记录回放功能（详细记录用户使用的足迹） | 7 日内留存数据分析 | 版本号分析，浏览器分布，等信息分析 | 分析页面加载性能数据
4. SSRSSR 运行原理 SSR 环境搭建 缓存和 stream 性能优化
理解 SSR 运行原理及为什么需要使用 SSR | 掌握 SSR 环境搭建 | 掌握使用缓存和 stream 对 SSR 进行优化 | 掌握 Nuxt.js / Next.js 的应用
课程名称：主要针对：主要使用开发工具：
课程名称
HTML&JS+前端
课程推出时间
2021.09.28
课程版本号
7.6
主要使用开发工具
VSCode
课程先容
课程升级对接企业招聘需求，Vue+React双重保障，目标不止于就业，而是让你成为企业高薪招聘的“抢手”人才。
课程内容覆盖前端主流技术栈，Vue2全家桶（Vuex、vue-router、element-ui、vue-element-admin）、Vue3新特性、TypeScript实战、React全家桶（Hooks、Redux、react-router、ant design、antd-mobile），丰富项目库，提供多行业多领域项目课程，项目课程天数占比为 60%+，让学生达到一线大厂的项目经验要求。
1
新增TypeScript课程（TypeScript结合主流技术的应用）
1
新增极客园PC端项目（React+Hooks+Redux+ant design组件库）
1
新增极客园移动端项目（TypeScript+React+Hooks+Redux+antd-mobile组件库）
1
新增资讯后台管理项目 （Vue+Vuex+element-ui组件库）
1
新增PC端和移动端网页布局项目5个+（主流布局技巧+适配方案）
1
优化小兔鲜儿电商前台项目 （Vue3技术栈）
1
优化人资中台项目（Vue+Vuex+element-ui组件库+vue-element-admin）
1
优化立可得项目（Echarts+Ajax）
1
删除黑马头条移动端项目（Vue2技术栈）
1
删除大事件项目（Layui）
1
友情提示更多学习视频+资料+源码，请加QQ：2632311208。
课程名称
HTML&JS+前端
课程推出时间
2020.07.11
课程版本号
7.0
主要使用开发工具
VSCode、HBuilder X
课程先容
专为培养和打造高级App工程师高含金量课程重磅推出，课程升级颠覆培训行业。
行业首家推出全端跨平台项目并且业务在全端贯通。
超大项目库，多行业多领域项目课程，主流行业全覆盖，其中项目课程天数占比为 190 天，课程覆盖 7 大主流就业领域，让学生达到一线大厂的项目经验要求。
专为高级前端工程师定做的 9 天前端工程化课程，包括：模块化、组件化、性能优化、规范化、自动化，定制脚手架及性能方案，提升团队开发效率。
1
新增小兔鲜儿电商前台 （Vue.js 技术栈）
1
新增办公管理人资中台（Vue.js 技术栈）
1
新增黑马头条 H5 项目 2.0（Vue.js 技术栈）
1
新增品优购 2.0（uni-app）
1
新增好客租房 H5 项目 2.0（React.js 技术栈）
1
新增小兔鲜儿电商后台 （React.js 技术栈 TypeScript + Hooks）
1
新增探花交友 （React Native)
1
小兔鲜儿移动App （Flutter 技术栈）
1
新增小兔鲜儿小程序 （原生小程序）
1
新增Febo 性能监控（核心模块：React.技术栈 插件：Vue.js技术栈）
1
新增小兔鲜儿宣传页 （SSR）
1
删除黑马头条自媒体管理平台（Vue.js 技术栈）
1
删除品优购电商 1.0（wepy）
1
删除好客租房后台管理系统（React.js 技术栈）
课程名称
HTML&JS+前端
课程推出时间
2019.6.1
课程版本号
6.5
主要使用开发工具
Sublime、WebStorm、VSCode
课程先容
课程在6.0的基础上，为了适应企业的需求优化基础常识的讲解并大幅度延长Vue的课时。基础阶段突出编程的交互性，Vue课程中项目由1变2，增加MVVM框架原理、SSR服务端渲染、混合app开发等，并加强状态管理vuex的应用。React项目好客租房优化项目功能和界面美化。
1
新增 黑马头条自媒体管理平台（Vue.js技术栈）
1
新增黑马头条移动Web项目（Vue.js技术栈）
1
新增好客租房后台管理系统（React.js 全套技术栈）
1
新增 好客租房移动 Web 项目（React.js 全套技术栈）
1
新增 网页应用案例(待办事项列表、购物车、微博发布等)
1
新增网络编程讲法优化和部分案例
课程名称
HTML&JS+前端
课程推出时间
2018.9.10
课程版本号
6.0
主要使用开发工具
Sublime、WebStorm、VSCode
课程先容
课程增加了项目课程和应用型技术课程的时长，以培养具备企业真实项目经验的程序员为目标，从编程基础阶段培养学生企业级编码规范和业务实现能力，以Node.js为依托培养服务端概念和HTTP通讯协议，让学员能够适应前端行业的快速发展。后期以流行框架为主，通过超长的企业级全终端项目实战培养具有3年工作经验的前端开发人员。再加以时下最火热的微信小程序和小游戏拓展学生的就业宽度。最后的商业项目团队协作实战阶段，让学员无需过渡期直接适应真正的企业开发。
1
新增品优购全端电商项目（管理系统、PC端、移动端、小程序）
1
新增 好客租房移动 Web 项目（React.js 全套技术栈）
1
新增 近百套行业项目解决方案库
1
新增小程序加小游戏就业课
1
新增 企业级团队项目实战
课程名称
HTML&JS+前端就业班课程
课程推出时间
2018.2.26
课程版本号
5.0
主要使用开发工具
Sublime、WebStorm、VSCode
课程先容
以品优购项目平台为驱动贯穿整个课程，包括品优购PC端项目、品优购移动端项目、品优购后台管理项目、品优购微信项目。让学生能够体会完整的项目开发流程。除课程更新外，还配以助教的实施体系(助教课程体系、强制自习、团队项目、技术面试)
1
新增基础班新增品优购整套项目的静态页面制作
1
新增 前端工程化完成品优购移动端项目
1
新增JavaScript和DOM阶段的课程优化部分案例，培养学生通过代码完成业务的能力
1
新增微信小程序的案例更新为品优购项目
1
新增 vue项目更新为品优购的后台管理系统
课程名称
HTML&JS+前端就业班课程
课程推出时间
2017.7.12
课程版本号
4.0
主要使用开发工具
Sublime、WebStorm、VSCode
课程先容
本次课程更新主要增加服务端编程语言PHP加强学生理解客户端/服务器、动态网站以及网络通信等后端开发的相关概念。并且能够熟悉PHP的基础语法，可以操作MySQL数据库，能够开发简单的动态页面和后台接口。培养更懂后端的前端开发人员。
1
新增 PHP&MySQL课程，培养更懂后端的前端开发人员
1
新增 阿里百秀项目，结合前端渲染和后端渲染
1
新增HTML5的宣传页面
1
新增 移动端电商项目
1
新增JavaScript高级课程优化，增加贪吃蛇游戏
课程名称
HTML&JS+前端就业班课程
课程推出时间
2017.03.01
课程版本号
3.0
主要使用开发工具
WebStorm、Sublime
课程先容
本次课程更新注重理论到实践的变化，从就业班开始培养学生把理论到实践过程的培养，让学生学习完JavaScript能够自己动手开发插件，不仅仅停留在使用的层面。增加市面上流行的vue.js框架，并结合项目实战，从0到1的完成项目，直至打包上线。
1
新增 博学谷项目，从无到有开发一个完整项目，从项目构建到上线
1
新增canvas课程中新增游戏的案例
1
新增 微信小程序开发
1
新增webpack1.x升级到webpack2.x，webpack和gulp集成构建项目
1
新增 ajax课程更新部分更实用的案例
课程名称
HTML&JS+前端
课程推出时间
2016.6.30
课程版本号
1.1
主要针对系统
Windows、Linux
主要使用开发工具
webStorm、sublime
课程先容
本次升级对前端课程1.0版本进行优化。重点优化课程体系与教学模式，常识点衔接更紧密，有利于学员更好的吸取掌握；更新框架部分常识点，将框架升级到市场上主流的版本，升级课程更加贴合企业实际需求。
1
新增zepto库在移动web开发的实际应用；
1
新增基础班与就业班的课程体系常识点无缝对接；
1
新增 面向对象和框架进阶以及js 设计模式；
1
新增 在项目中融入企业最新技术课程；
课程名称
传智教育HTML&JS+前端精品就业班课程
课程推出时间
2015.10.06
课程版本号
1.0
主要针对 iOS 系统
Xp、Win7/8/10
主要使用开发工具
WebStorm、Sublime、Dreamweaver
课程先容
传智教育首次推出HTML&JS+前端课程，基于当前最流行的技术和未来的发展趋势、结合业界实际的开发模式，创建了完善的课程体系和教学模式，确定了以深入的基础理论、丰富的项目实战、系统的大型案例实践为主线，以项目实战来驱动教学的主导思想，并结合实际工作场景，进而强化扎实基础，增强实用性，提高核心竞争力。
1
新增完善的课程体系保证处于移动和前端的技术前沿；
1
新增课程安排循序渐进，阶梯式的学习模式，菜鸟到大牛的完美蜕变；
1
新增 晦涩的理论融入丰富的项目实践，理解的同时增强实用性；
1
新增 PC前端与移动前端技能全覆盖，拓展足够开阔的常识面；
1
新增前后端结合的开发实践，保证前后端协作游刃有余；
1
新增 项目生命周期系统认知，Nodejs全栈解决方案，奠定架构级别的坚实基础；
1
新增结合实际的工作场景，保证快速融入工作环境。
用心做教育，就是对每一个学生负责
— 传智教育前端讲师访谈实录
什么样的课程，才更符合前端大市场的需求，什么样的项目，才能让学生更具职场竞争力，传智前端讲师一直在思考，也一直在探索
每次课程的升级，教学方案的改革，都使前端讲师为之振奋；而学生的反馈，更是他们源源不断的动力。用心打磨优质课程，是学科讲师的初心，让每个学生都能少走弯路，是他们的使命。
源源不断引进大厂技术大牛，专业研发课程升级、迭代，与企业需求实时接轨
教师录取率<3%，从源头把控师资，带你过关斩将掌握每一个常识点
用数据驱动教学，贯通教/学/练/测/评，为每一位学员私人定制学习计划和就业服务
学前入学多维测评
学前目标导向式学习
学中随堂诊断纠错
学中阶段效果测评
学后在线作业试题库
学后问答社区查漏补缺
保障BI报表数据呈现
就业全面引导就业
就业流程
全信息化处理
学员能力
雷达图分析
定制个性化
就业服务
技术面试题
讲解
就业引导课
面试项目分析
HR面试攻略
模拟企业
真实面试
专业简历引导
面试复盘辅导
风险预警
企业黑名单提醒
老学员毕业后即可加入传智汇精英社区，持续助力学员职场发展，一次学习永久服务
传智教育旗下IT互联网精英社区，以汇聚互联网前沿技术为核心，以传递、分享为己任，联合经纬创投、创新工场、京东人工智能、HUAWEI等众多关注互联网的知名机构及企业、行业大咖，共同研究中国互联网深度融合、跨界渗透、整合汇聚、相互促进的信息化资源共享平台。
行业沙龙
高端人脉
职场资源
技术研习
刘同学
很幸运，我选择了黑马，让我在此找到了人生的方向，在这里真真切切的感受到老师的负责，想让大家快速成长，在这六个月特别能够体谅老班，每天苦口婆心的教育着大家，不厌其烦的给大家分析着利弊，感谢，感恩！！！
辛同学
在听黑马老师们的课程中让我受益匪浅，并切实感受到了在实践中得到成长。这种浸入式的教学我觉得很好，实践出真知，只有在实践中才能真正学到东西，发现问题，才能更好地提升自己。
陈同学
在这里我收获到了老师同学间的友谊，学习期间跟黑马老师像朋友一样的交流，不管是生活上还是学习上的问题，他们都像朋友一样给予关心和帮助，希翼我和班里的同学们都能收获满满，找到一份心仪的工作，给自己的培训生活画上一个完美的句号。
易同学
在这学习的时间中，也让我明白了，学习的目的不是常识本身，而是学习方法，思维方式，心理素质，独立解决bug的能力，然后提高自己的不可替代性，降低以后被这个行业淘汰几率。
查看其他班级
元/月平均薪资
元/月最高薪资
%就业率
人月薪过万
*学员就业信息统计数据为数据库中实时调取的真实相关数据，非广告宣传
