项目开发验收27项考核指标
功能实现
业务流程
UI/UE实现
代码质量
接口/性能
……
课程质量验收15项考核指标
技术应用合理性
技术前沿性
技术深度
课程衔接合理性
引导式教学应用程度
……
研发效率验收3项考核指标
进度
成本
变更频率
……
用户验收17项考核指标
课程导入吸引度
授课语言感染力
课程趣味性
教学结果
课程吸收度
……
选择学科
HTML&JS+前端
HTML&JS+前端
高级软件工程师课程
推出9个月高级软件工程师课程，覆盖全栈+全端，知识量和技术深度增加50％；工程化+场景化深度定制，更贴合现阶段大厂要求
前端培训课程标准为什么要培训9个月成为高级软件工程师？
前端课程大纲
基础班阶段一
就业班阶段一
就业班阶段二
就业班阶段三
就业班阶段四
就业班阶段五
就业班阶段六
就业班阶段七
就业班阶段八
就业班阶段九
就业班阶段十
查看详细课程大纲>基础入门新课时：14天VS旧课时：14天
升级说明
使用案例场景式教学，提升学习兴趣，降低入门难度
主要内容
•自适应布局•BFC•蓝湖•选择器•盒模型•浮动•背景•定位•Flex•转换•Web 字体•动画•标签语法•排版标签•布局标签•多媒体标签•电商网页开发
可解决的现实问题
借助蓝湖工具，参照设计稿，进行 PC 端静态网页的开发。
可掌握的核心能力
•熟练运用 HTML 语法•掌握语义化的本质•合理使用 HTML 标签编写网页的结构•通过浮动、定位、Flex 精细控制网页布局•通过背景、圆角、阴影、渐变等美装饰美化网页内容•结合转换、过渡、动画等高级特性增强用户体验•能够编写大型综合性网页•基于设计稿编写网页•借助蓝湖协同平台进行网页开发•体验真实团队开发流程
查看详细课程大纲>移动 / Web新课时：13天VS旧课时：12天
升级说明
高度还原设计稿，熟悉静态网页的开发流程，新增1天团队实战
主要内容
•媒体查询•分辨率•视口•媒体查询•rem•屏幕适配•2 倍图•响应式图片•刘海屏适配•添加主屏•禁止复制•Bootstrap•栅格化•团队实战
可解决的现实问题
解决移动设备屏幕所呈现网页的开发，高度还原设计稿，熟悉静态网页的开发流程。
可掌握的核心能力
•了解 PC 屏幕与移动设备屏幕的差异•结合视口、媒体查询、rem 等知识整合出稳定高效的移动屏幕适配方案•基于设计稿编写高还原度的网页•针对移动设备的特征应用差异化的技术解决方案•借助蓝湖协同平台，体验真实团队开发流程•基于媒体查询技术适配多终端网页•运用 Bootstrap 框架开发响应式网页
查看详细课程大纲>JavaScript / WebAPI / jQuery新课时：30天VS旧课时：30天
升级说明
融合 ES6-11 新语法，重新设计案例
主要内容
•流程控制•循环•函数•对象•数组•宿主环境•节点操作•事件流•高阶函数•排序•重绘•回流•预加载•面向对象•原型•class•柯里化•箭头函数•闭包•点九图•ECharts•jQuery•数据可视化项目
可解决的现实问题
网页操作和用户交互是网页开发中不可或缺的组成部分，让网页“动”起来。
可掌握的核心能力
•掌握客户端开发技术，如视觉交互、数据处理、安全、性能•掌握熟练操作 DOM 的能力•熟悉 ES6+ 语法特性•具备面向对象编程的能力•运用 jQuery 提高开发效率，深入面向对象思想•运用 Echarts 完成数据可视化项目的开发
查看详细课程大纲>服务端编程新课时：25天VS旧课时：25天
升级说明
优化课程，新增防抖节流，JWT 权鉴，优化资讯后台管理项目，新增 2 天团队实战
主要内容
•客户端与服务器•封装 Ajax•axios•跨域•防抖节流•HTTP•Node.js•数据库•Express•身份认证•session•JWT•Git•Token 身份认证•资讯后台管理项目
可解决的现实问题
实现客户端与服务端的交互，快速搭建服务器，具备大前端的基本功。
可掌握的核心能力
•掌握网页数据交互的 Ajax 技术•掌握 Node.js 中核心模块•具备 Node.js 的编程思维•掌握 npm 的基本使用•根据发包流程将自己开发的库发布到 npm 平台•了解后端数据库的基本使用•能够使用常见的 SQL 语句操作数据库•能够使用 MySQL 模块在项目中操作 MySQL 数据库•掌握 Express 结合 MySQL 编写后端 API 接口•培养出懂后端的前端程序员•运用 Git 对项目进行版本控制•掌握实际开发中那些必知必会的 Git 操作•基于 jQuery + Ajax + 模板引擎 + Git 等技术完成后台管理项目的开发
查看详细课程大纲>Vue.js新课时：59天VS旧课时：50天
升级说明
新增人资中台项目，置换小兔鲜儿电商前台项目，新增6天团队实战
主要内容
•webpack•Vue 常用 API•Vue-cli•Element•Vuex•vue-router•Vant•MVVM 原理•电商前台管理系统项目•人力资源管理系统项目•黑马头条移动端项目•组件开发
可解决的现实问题
满足前端工程师的岗位要求，重中之重，也是主流框架之一，必会技能。
可掌握的核心能力
•了解组件化开发的思想•了解路由的原理•掌握 Webpack 的基本使用•理解数据驱动视图的思想•掌握 Vue 的使用步骤•掌握 Vue 条件渲染、列表渲染、过滤器、生命周期、计算属性、侦听器等常用 API•掌握 ElementUI 的基本使用•掌握 Vue 中的组件通信技术•掌握 Vue 常用技术栈，如 vue-cli、vue-router、vuex、vue•运用 Vue 的基本语法开发电商后台管理系统•运用 Vue 开发人资管理平台•运用 Vue 开发黑马头条移动端网站•掌握 Vant 的使用•熟悉企业开发流程•熟悉团队开发流程•运用节流和防抖进行性能优化•理解 MVVM 的原理•熟悉 defineProperty 的使用•了解发布订阅设计模式•了解 Proxy 的使用•掌握 npm 平台发包步骤•掌握 Vue 组件封装的技巧
查看详细课程大纲>小程序新课时：14天VS旧课时：14天
升级说明
升级品优购 v2.0 项目（uni-app）
主要内容
•小程序 API•小程序发布流程•WXS•微信支付•Mobx•uni-app
可解决的现实问题
满足前端工程师的岗位要求，受众广泛，提高就业能力，找工作时的加分项。
可掌握的核心能力
•了解小程序开发的一般流程•熟悉小程基础组件的使用•能够基于 wxml 和 wxss 实现小程序的界面布局•基于模板的数据绑定实现数据的动态渲染•基于 API 实现与服务端的数据通信•掌握小程序中高级 API 的使用。•理解 uni-app 实现跨平台开发的原理机制•以及 uni-app 开发小程序时开发时与原生小程序的差异•熟悉微信支付的接入流程•利用数据缓存实现性能优化
查看详细课程大纲>React.js 基础新课时：20天VS旧课时：20天
升级说明
升级好客租房 v2.0 项目，新增 Hooks，函数式编程，Redux-Saga、Redux-Thunk 中间件
主要内容
•React 常用 API•JSX•虚拟 DOM•生命周期•组件通信•数据管理流程•Antd•百度地图•高阶组件•组件定制•数据处理•utils•移动端租房项目
可解决的现实问题
深入理解组件化和模块化开发思想，三大主流框架之一，满足企业招聘中的岗位要求。
可掌握的核心能力
•掌握 React 的基本语法•掌握 JSX 的常用语法•掌握 create-react-app 的使用•掌握路由的使用•掌握 React 中组件化开发的能力•了解高阶组件的基本使用•熟悉组件通信的常用方法。•掌握 React 的生命周期•掌握 Redux 的数据管理流程•掌握 Redux 中各组成部分的作用•掌握 React-Redux 的基本使用•了解展示组件和容器组件的区别•了解单向数据流的概念•掌握 React 中 dev-tools 的使用。•掌握 Reac 技术栈进行移动端网站的能力•了解百度地图 SDK 的基本使用•掌握 antd 的基本使用•了解项目中常见业务的开发思路•了解组件化开发思想•了解 CSS in JS 思想
查看详细课程大纲>React.js 高级新课时：17天VS旧课时：0天
升级说明
小兔鲜儿电商后台项目（TypeScript）
主要内容
•TypeScript 基础语法•接口、类、继承、构造器•useState•useEffect•useContext•自定义 Hooks•Redux 中间件•AntV•G6•单点登录•小兔鲜儿电商项目
可解决的现实问题
进军大厂必备，结合 TypeScript+Hooks 和函数式编程思想完成项目开发。
可掌握的核心能力
•理解 TypeScript 中的类型系统•理解并能使用 TypeScript 中的泛型•了解 TypeScript 中类型的推断过程•了解 TypeScript 类型的高级用法•理解 Effect Hooks 和 State Hooks 设计思想•理解 Hooks 应用场景•掌握使用 Hooks 封装一些组件•掌握 JavaScript 函数式编程范式•理解主流的数据管理设计思想•掌握 Webpack 的工程化解决方案•掌握 Ant Desgin 的 UI 组件库•掌握基于 RESTful 风格的 API 解决方案•掌握 React-Router-Dom 的路由管理方案•掌握 Redux 的全局状态管理•掌握基于 Redux-Saga 的 Redux 异步处理方案•掌握 create-react-app 脚手架工具•掌握基于 xlsx 的 Excel 表格解析处理方案•掌握基于 AntV/G6 的 Graph 的流程审批功能•掌握基于 React 组件化技术解决方案•掌握结合 Redux 状态管理•掌握用户权限解决方案•掌握 AI 智能推荐方案•掌握秒杀 / 拼团 / 砍价方案•掌握物流追踪方案•掌握数据导出方案•掌握第三方支付方案•掌握即时通讯方案•掌握短信服务方案•掌握流媒体方案•掌握单点登录方案•掌握服务提醒方案
查看详细课程大纲>多端跨平台新课时：35天VS旧课时：0天
升级说明
新增 React Native 交友 App 项目，新增 Flutter 小兔鲜儿移动 App 项目；新增小兔鲜儿原生小程序项目
主要内容
•React-Naitve•Flutter•Dart•PWA•Taro•跨平台电商项目•跨平台交友项目
可解决的现实问题
高级前端工程师必备技能，真正实现一套代码多端运行，减少开发成本，提高开发效率。
可掌握的核心能力
•掌握 RN 原生 App 界面布局•掌握第三方 RN 组件的集成和改造•掌握第三方 Android 原生组件的集成和使用•掌握高德定位自动获取终端经纬度•掌握腾讯逆地址技术•掌握 JWT 交互模式•掌握 Mobx 管理数据•掌握自定义 SVG 绘制•掌握 RN 模态窗口的实现•掌握图文混排布局•掌握 RN 本地相册访问•掌握 RN 本地相机调用•掌握高德地图实现定位功能•掌握 RN 多图片上传•掌握 Flutter 开发环境搭建•掌握 Dart 语言基础•掌握 Flutter 常见的布局方式•理解组件的概念及分类•掌握基础组件、容器类组件、可滚动组件、功能性组件的应用•理解 Taro 实现跨平台开发的原理机制•理解单 JSX 组件与原生小程序组件的对应关系•理解 Taro 开发小程序与原生小程序的差异•掌握原生小程序消息推送方案•掌握原生小程序多线程方案•掌握原生小程序云开发等高级方案•了解 PWA•能够实现通过 PWA 技术强化 H5 网页的原生特性•了解当前 PWA 技术的浏览器兼容情况
查看详细课程大纲>工程化新课时：8天VS旧课时：1天
升级说明
新增 webpack 核心；新增脚手架工具；新增 git flow 全流程。
主要内容
•webpack 核心原理•手写脚手架•性能优化•AST•gitflow 工作流
可解决的现实问题
高级前端工程师必备技能，在项目开发中实现自动化、规范化、组件化、模块化。
可掌握的核心能力
•理解 webpack 的作用与原理•熟悉项目的打包过程配置•理解工程化的前端思维•掌握前端工程化的常见工具及工作原理•了解 webpack 性能优化•了解 webpack 中的 tapable•了解 AST 的应用•深入学习 webpack 原理，手写 webpack•掌握 vue-cli 及相关配置•掌握 vue-cli 初始化单页及多页项目•掌握使用 create-react-app 搭建项目•了解 create-react-app 的原理•掌握 angular-cli 搭建项目•了解 angular-cli 的原理•掌握一个基础 cli 的功能实现•掌握提交相关：git rebase/git commit/git reflog/git log•掌握子模块: submodule/subtree•掌握分支管理：git fetch/git checkout/git merge•掌握重置及回退：git reset/git checkout/git rm•掌握多人协同 git 工作流•掌握 git 常见的分支管理命令
查看详细课程大纲>前端服务化新课时：30天VS旧课时：0天
升级说明
新增 Web 框架；新增 No SQL；新增 SSR；新增性能监控，埋点方案，异常上报，错误预警方案等
主要内容
•Egg•koa•redis•MongoDB•监控平台•版本号分析•埋点方案•PV/UV 统计•性能监控•SSR 原理•Nuxt.js•Next.js
可解决的现实问题
高级前端工程师必备技能，SEO 优化策略之一，网站性能监控与埋点方案。
可掌握的核心能力
•理解 Egg 的作用•运用 Egg 完成项目•理解 Koa 的核心设计思想•掌握 Koa 的中间件编写•理解 redis 核心概念与使用•结合 redis 完成项目•理解 MongoDB 核心概念与使用•理解服务端日志收集系统设计•掌握接入第三方监控平台•掌握对服务端错误预警•实现前端异常上报•实现用户 PV/UV 统计•实现页面加载时间统计•实现用户点击行为统计•实现接口请求日志统计•实现接口请求耗时统计•实现静态资源加载异常统计•实现实现 JS 页面截图•实现 JS 报错实时监控•实现详情分析和代码定位•实现静态资源加载异常实时监控•实现静态资源加载异常的统计分析•实现接口请求报错实时监控•实现接口请求报错的统计分析•实现用户 PV/UV 实时统计•实现记录回放功能（详细记录用户使用的足迹）•实现 7 日内留存数据分析•了解版本号分析，浏览器分布等信息分析•分析页面加载性能数据•理解 SSR 运行原理•掌握 SSR 环境搭建•掌握使用缓存和 stream 对 SSR 进行性能优化•掌握 Nuxt.js 的应用•掌握 Next.js 的应用
前端培训适合人群
-
有具象思维
相比较逻辑思维，前端工程师更需要具体、形象的思维能力
-
有好奇心
喜欢接触新兴事物，对互联网行业有好奇心和探索欲望
-
耐心细致
前端应用是触达用户的第一入口，
用户体验十分重要 -
应届毕业生
前端工程师岗位需求多、前景好、
上手快，适合作为应届生的第一职业
前端工程师职业发展路径
初级前端工程师
（0~1 年）
中级前端工程师
（1~2 年）
高级前端工程师
（2~4 年）
资深前端工程师
（4~6 年）
前端架构师
（6~10 年）
CTO
（10 年以上）
技术开发组长
（4~6 年）
项目经理
（6~10 年）
项目总监
（10 年以上）
真项目
由大厂架构师精心设计，推出全平台、全业务、场景化、工程化的前端项目课程，制定前端真项目标准 ，并且建立可以免费体验的在线“项目库”-
高标准"亿元级"研发投入
大厂项目标准 -
全平台Web、H5、小程序、
移动端等平台全覆盖 -
全业务主流业务全覆盖
开发场景100% 还原 -
场景化业务场景深度定制
行业方案全面主流 -
工程化项目开发规范化
上线部署自动化 -
严保障12项评审流程
4项验收标准
-
项目实战天数 ≥9天
实实在在的项目干货
不用框架基础来凑数
页面数量≥ 8个
足够的页面数量
支撑完整的业务体系
主业务类型数≥ 6个
企业真实开发场景
从容应对主流业务
解决方案数量≥ 8个
定制化的解决方案
提升技术应用的灵活性与稳定性
接口数量≥ 30个
足够的接口数量
体现项目的规模化 -
Now - 单项目全端 跨平台
技术范围广 合并重复知识点
企业开发同一产品 多个平台更真实
各平台产品 密切联动
依行业特点 制定强实施性解决方案Before - 多项目多端
不同类型项目 存在重复知识点
体量不足 性能优化感知弱
缺失跨平台公共业务和数据请求
行业纵深较浅 解决方案非体系化以小兔鲜儿项目为例
全平台多端项目行业首个真正的全端项目课程，并且业务在全端贯通
Web 项目-电商前台 小程序项目 – 小兔鲜儿小程序Web 项目– 电商后台 移动端项目 – 小兔鲜儿App
-
专业级的产品经理团队
企业级业务模型打造
高级后端开发工程师
配合产品实现
拒绝DEMO级项目
-
场景化—深度场景定制
数据监控
短信服务
角色权限
流媒体
AI智能推荐
工作流
单点登录
物流追踪
即时通讯
消息提醒
-
工程化 — 企业生产效率提升必备
模块化
●模块化构建
●ESModule
●Babel构建JavaScript
●PostCSS构建CSS
●常用资源模块化
●常见loader的使用组件化
●结合Vue实现组件化开发
●结合React实现组件化开发性能优化
●DllPlugin
●HappyPack
●UglifyPlugin
●文件监听
●TreeShaking
●压缩代码
●CDN加速
●Prepack规范化
●编程范式约束
●目录结构统一
●编码规范统一
●接口规范统一
●文档规范
●Mock数据并行开发
●GitFlow与版本管理自动化
●环境嗅探、自动刷新、
一键部署
●资源定位、hash文件指纹
●动态构建、HMR
●脚手架定制
●持续集成
●CDN内容分发
●错误监控以下开发问题场景都可以通过工程化解决
开发层面
相同业务重复编写
代码调试困难
业务代码维护困难
网站性能较差
文件依赖关系混乱
性能层面
静态和动态资源部署混乱
性能问题重复
人工交付流程繁琐
JS逻辑对接口API强依赖
协同层面
同一模块无法多人开发
团队开发效率低
团队协作能力差
规范层面
接口规范不统一
命名不规范
编码规范不统一
项目组织结构不规范
自动化层面
图标无法自动合并
无法持续集成
无法自动构建
无法进行自动化测试 -
HTML&JS+前端项目12项评审流程
HTML&JS+前端项目4项验收标准
前端项目体验
专职课研团队
专职教学团队
16级标准严选专职课研老师，严控课程研发质量
人才筛选
4项标准
- 标准化研发人才画像
大厂背景，技术深度、广度，
大型项目经验
- 多维面试（五面）
背景调查，技术360°鉴定 ，
新课题设计 ，课程随机演绎 ，
职业定位、发展规划 - 研究院小组诊断测评
教育情怀、价值观，进
取精神、培养潜力 - 全链路面试流程监控
CEO审核，信息存档
人才考核
8大环节
课研人员素质考核视频录制考核
课程设计考核课堂试炼考核
大纲设计考核产品全方位审评
讲义撰写考核考核答辩
人才培训及
发展规划
平台、组件
技术开源历练
技术私享会
大牛技术沙龙
企业对对碰
技术共享
优中选优，教学老师录取率<3%，从源头严控师资及授课质量
人才筛选
4项标准
- 标准化讲师画像
业务技能、性格
特色、沟通能力
- 初试技术深度
框架能力、底层原理、性能与
安全、算法与数据结构 - 复试授课质量
课程设计、授课逻辑互动与
交互、代码规范 - 终试价值观
抗压能力、学习动力、
专业程度、培养潜力
人才考核
8大环节
定制个性化考核方案教育心理考核
讲师素质考核教学方法考核
排课、备课产出物考核课堂试讲考核
视频录制考核正式授课答辩
人才培训及
发展规划
每日授课
学员满意度打分
阶段课程实施
评审组审核
传智培训院
多维培养计划
讲师专属
晋升通道
学员作品
还原大厂企业标准化开发流程，学员主导项目从零到上线的全周期、全流程，学习一个半月就可以完成以下作品-
Perfect Photo & Studio
【在线演示】深圳-40期程同学组
简介：自主创意的摄影作品工作室网站，使用 jQuery + CSS3 + flipping +...
作品简介
自主创意的摄影作品工作室网站，使用 jQuery + CSS3 + flipping + slick + bootstrap + animate，封装图像切割动效 JavaScript 动效库，实现丰富的图片特效。
在线演示
飘视觉
【在线演示】广州-27期三组
简介：参考《飘视觉》官网，使用 jQuery + CSS3 + pincolor + swiper...
UEMO
【在线演示】广州-11期李同学组
简介：提供企业网站定制服务解决方案，为企业轻松快速定制高端官网...
作品简介
提供企业网站定制服务解决方案，为企业轻松快速定制高端官网。使用 jQuery + CSS3 + mplayer 实现大量商业级动画效果，尤其动画的设计既专业又炫酷，封装 common JavaScript 工具库。
在线演示
唯一视觉婚纱摄影
【在线演示】西安-7期张同学组
简介：参考《唯一视觉婚纱摄影》官网，使用 jQuery + CSS3 + animate...
轩辕剑龙舞云山
【在线演示】深圳-38期范同学组
简介：参考网易游戏《轩辕剑龙舞云山》手游官网，使用 jQuery + CSS3...
作品简介
参考网易游戏《轩辕剑龙舞云山》手游官网，使用 jQuery + CSS3，封装 common JavaScript 工具库，应用 normalize 实现 CSS reset，基本还原了首页全景，动画交互效果精致。
在线演示
光·遇
【在线演示】深圳-38期肖同学组
简介：参考网易游戏《光·遇》官网，使用 jQuery + CSS3 + bootstrap + ...
阴阳师：百闻牌
【在线演示】深圳-38期汪同学组
简介：参考网易游戏《阴阳师：百闻牌》手游官网，使用 jQuery + CSS3...
战意
【在线演示】广州-27期二组
简介：参考网易游戏《战意》官网，使用 jQuery + CSS3 + swiper...
-
网易大神
【在线演示】广州-27期七组
简介：参考《网易游戏》官网，使用 jQuery + CSS3 + wrating + ...
作品简介
参考《网易游戏》官网，使用 jQuery + CSS3 + wrating + nav.byebye3 + iplay + entry + vendor，实现精彩的 3D 动效交互效果。
在线演示
AWA 官网
【在线演示】广州-27期六组
简介：参考《AWA 4.0》官网，使用 jQuery + CSS3 + html5shiv + ...
作品简介
参考《AWA 4.0》官网，使用 jQuery + CSS3 + html5shiv + swiper，实现响应式交互菜单动效，封装 shop JavaScript 工具库专门处理商品信息。
在线演示
阴阳师
【在线演示】广州-25期张同学组
简介：参考网易游戏《阴阳师》官网，使用 jQuery + CSS3 + swiper + ...
美食网
【在线演示】广州-23期李同学组
简介：美食网，吃天下。使用 jQuery + CSS3 + flex + SuperSlide ...
方舟生存天下
【在线演示】广州-23期王同学组
简介：参考网易游戏《方舟生存天下》官网，使用 jQuery + CSS3 +...
作品简介
参考网易游戏《方舟生存天下》官网，使用 jQuery + CSS3 + posterSwing + canvas-nest + scrollreveal，独立研发并封装视频播放方案：全屏 + 自动播放 + 轮播。
在线演示
天下 3
【在线演示】广州-11期薛同学组
简介：参考网易游戏《天下 3》官网，使用原生的 JavaScript、HTML5 和...
蒙娜丽莎婚纱摄影
【在线演示】广州-11期张同学组
简介：参照《蒙娜丽莎》婚纱官网，使用 jQuery + CSS3 + Bootstrap + animate...
作品简介
参照《蒙娜丽莎》婚纱官网，使用 jQuery + CSS3 + Bootstrap + animate + mplayer，实现了丰富的酷炫的动画效果，封装 common JavaScript 工具库。
在线演示
行行摄色
【在线演示】西安-7期高同学组
简介：参考《行行摄色》官网，使用 jQuery + CSS3 + easying + move-line...
作品简介
参考《行行摄色》官网，使用 jQuery + CSS3 + easying + move-line + bundle + animatie，实现了炫酷的 3D 交互式动效，同时还封装 tools JavaScript 工具库，并独立研发了风景照片特效。
在线演示 -
哇噻网
【在线演示】西安 7 期马同学组
简介：参考《哇噻网》官网，使用 jQuery + CSS3 + animate，实现了...
作品简介
参考《哇噻网》官网，使用 jQuery + CSS3 + animate，实现了丰富精致的动画效果，小资购物的情调展现的淋漓尽致，同时还封装 common JavaScript 工具库。
在线演示
优必选官网
【在线演示】西安 7 期高同学组
简介：参考《优必选官网》官网，使用 jQuery + CSS3 + animate，实现了...
马蜂窝
【在线演示】西安 7 期王同学组
简介：参考《马蜂窝》官网，使用 jQuery + CSS3 + animate，实现了...
作品简介
参考《马蜂窝》官网，使用 jQuery + CSS3 + animate，实现了丰富的酷炫的动画效果，封装通用和动画两个 JavaScript 工具库，并根据业务封装了城市、店铺 JavaScript 业务库。
在线演示
前端实战标准及流程 —— 完成高质量项目作品，快速适应企业工作流程
-
采用大厂推荐的开发流程
实现项目高效开发、快速迭代 -
打通需求 → 设计 → 开发 → 测试 →协同全流程，提升团队协同效率
-
学员亲历项目从零到上线的全周期开发，对项目流程有深刻认知
-
学员主导，分组练习，提升需求分析及实现能力
Tlias全方位AI教辅系统
数据驱动教学，贯通教/学/练/测/评，为每一位学员私人定制学习计划和就业服务
- 学员入学
- 课堂教学
- 课后指导
- 专项练习
- 入学多维测评
定制专属学习计划 - 目标导向式学习
精准定靶不脱节 - 随堂诊断纠错
扫清理解盲点
- 循序渐进式练习
从理论到应用 - 阶段效果测评
消除知识薄弱点 - 智能指引式建议
分层教学，因材施教
- 随时有问必答
攻克技术难点 - 学员薄弱知识可视化
精准查漏补缺 - BI报表数据呈现
精准把控教学质量
-
精准定靶学习目标，让学员对每天的学习进程了如指掌。课上一讲多练的教学模式更便于学员反思评估当天学习目标的掌握程度，教师提供针对性的学习指导，保障学习效果。
-
TLIAS系统为学员提供了充足的实操训练机会，并构建了一条科学的练习路径，多级练习提示使各类学员都能获得充分指引，最终独立解决问题，提升知识技能水平。
-
TLIAS系统的诊断测评工具，使学员能够对每天所学知识进行检测，将薄弱知识可视化，精准查漏补缺，对问题知识点给予重点消化吸收，复习更高效、更聚焦，效果更明显。
-
为充分激活学员间互动能量，将学员个人单线的学习扩展为立体互动性较强的探索式共享学习，TLIAS系统搭建了学习问答社区。热帖浏览高达到2.5w人次。
-
TLIAS系统的就业中心从实际就业需求出发，为学员们准备了非常丰富的就业资源，5大课程门类，2000余节课程视频，能够满足不同学员的实际需求。
-
为提升学员的面试实战经验，TLIAS系统的模拟面试平台高度还原学员目标岗位的面试环境和流程，并打造求职利器“面试宝典”，帮助学员熟悉面试流程，提高面试成功率。
-
TLIAS系统的BI数据平台能够全方位采集、实时监测各关键环节数据，形成一套成熟且执行有效的数据驱动模式，问题及时解决，风险提前预防，保障教学质量持续稳定的输出。
-
为老师的教学打分，对校区的服务评价，TLIAS系统会做出定性和定量分析，在精准的教学质量监控下，师资质量精益求精、学习效果稳步提升，学习体验与满意度口碑双提升。
-
学习目标体系
-
作业试题库
-
个人专属测评
-
学习问答社区
-
就业指导资源
-
模拟面试平台
-
多数据采集
-
教学质量监控
更多Tlias就业服务
就业流程
全信息化处理
学员能力
雷达图分析
定制个性化
就业服务
技术面试题
讲解
就业指导课
面试项目分析
HR面试攻略
模拟企业
真实面试
专业简历指导
面试复盘辅导
风险预警
企业黑名单提醒
传智汇-打造你的IT职业生态圈
老学员毕业后可加入传智汇IT精英社区，持续帮助学员终身成长，一次学习，永久服务-
行业沙龙
每年百场行业交流
每年24场免费交流 -
高端人脉
行业大牛讲座
技术大牛分享
攻克研发难关
紧跟科技前沿 -
职场资源
二千余家企业
高管精准指导
助力职场晋升
突破发展瓶颈 -
技术研习
服务中高端IT人才
持续跟踪量身定做
-
网页布局基础班 1
课时:14天技术点:54项测验:1次学习方式:线下面授
学习目标
借助蓝湖工具，参照设计稿，进行 PC 端静态网页的开发。
主讲内容1HTML
HTML 是网页开发的基础，从最简单的网页开发基础入手，使用常见的标签制作网页内容，包含了以下技术点：
标签语法 | 排版标签 | 布局标签 | 多媒体标签 | 符号实体 | 语义化 | 路径 | 元数据 | 文档声明主讲内容2CSS
在 HTML 结构的基础上，通过浮动、定位、Flex 精细控制网页布局，通过背景、圆角、阴影、渐变等装饰美化网页内容，结合转换、过渡、动画高级特性增强用户体验，能够编写大型综合性网页。
选择器 | 规则声明 | 盒模型 | 文档流 | 浮动 | 字体 | 背景 | 伪类 | 3大特征 | 圆角 | 阴影 | 过渡 | 透明 | 伪元素 | 定位 | Web 字体主讲内容3电商网页制作
基于设计稿编写网页，确保网页布局的高还原度，综合运用 HTML、CSS 的基础知识，归纳使用技巧，提升综合实战水平，借助蓝湖协同平台，体验真实团队开发流程。
元素居中 | 自适应布局 | BFC | 浏览器内核 | 性能优化 | 文档编码 | 设计稿 | 蓝湖 -
移动端布局就业班 1
课时:13天技术点:49项测验:1次学习方式:线下面授
学习目标
解决移动设备屏幕所呈现网页的开发，高度还原设计稿，熟悉静态网页的开发流程。
主讲内容1移动端布局
深入理解屏幕相关知识，了解 PC 屏幕与移动屏幕本质上的差异，结合视口、媒体查询、rem 等基础知识整合出稳定高效的移动屏幕适配方案。
Flex布局 | Less基础语法 | 媒体查询 | 分辨率 | 像素密度 | 像素 | 视口 | 媒体查询 | rem | 屏幕适配主讲内容2响应式布局
基于媒体查询开发跨终端的网页，通过 Bootstrap 体会框架封装的高效性及组件化的复用性等实战化特征。
Bootstrap | 响应断点 | 栅格化 | 组件主讲内容32D&3D 转换与动画
基于 CSS 的 2D 与 3D 转换特性制作动效网页
2D 转换 | 3D 转换 | 动画 animation | 立方体制作主讲内容4团队实战
基于设计稿编写网页，确保网页布局的高还原度，针对移动设备的特征应用差异化的技术解决方案，归纳开发技巧，提升综合实战水平，借助蓝湖协同平台，体验真实团队开发流程。
开发流程 | 2 倍图 | 响应式图片 | 区域滚动 | 刘海屏适配 | 添加主屏 | 禁止复制 -
JavaScript就业班 2
课时:28天技术点:124项测验:2次学习方式:线下面授
学习目标
网页操作和用户交互是网页开发中不可或缺的组成部分，让网页“动”起来。
主讲内容1JavaScript 基础语法
了解语言的基本概念，熟识语法规则，培养语言基础逻辑能力，建立良好的编程思维，具有一定的语言驾驭能力。
变量 | 数据类型 | 运算符 | 类型转称 | 函数 | 对象 | 流程控制 | 数组 | Math | 内置函数主讲内容2WebAPI
学习客户端开发技术，能够根据产品需求完成开发任务，如视觉交互、数据处理、安全、性能等，熟练掌握 DOM 操作的方法，能够分析视觉交互需求，结合 CSS 规则设计合理的 DOM 结构，完成开发任务。
宿主环境 | 节点查找 | 节点操作 | 节点关系 | 事件 | 事件流 | 事件委托 | 间歇函数 | 高阶函数 | 伪数组 | 执行环境 | 自执行函数 | 命名空间 | 排序 | 延时函数 | 正则 | 表单 | 自定义属性 | 重绘 | 回流 | 预加载 | 懒加载 | 生命周期主讲内容3JavaScript 高级 / ES6+
深入理解 ECMAScript 的知识体系及工作机制，熟悉 ES6+ 新的语法特性，注重抽象思维的培养，具备面向对象编程的的能力。
字面量 | 构造函数 | 单体对象 | 面向对象 | 原型 | class | getter | setter | 柯里化 | 解构 | 箭头函数 | Object | Array | const | 严格模式 | 闭包主讲内容4jQuery
借助 jQuery 提升开发的效率，同时借鉴和学习 jQuery 的封装实现思想，巩固面向对象的相关知识，加深对面象对象的理解。
选择器 | 节点方法 | 动画 | 动画队列 | 事件 | 事件委托 | 链式操作 | 插件 | 插件机制主讲内容5数据可视化 ECharts 实战
综合 JavaScript、HTML、CSS 所学的知识，针对企业现实开发需求，基于 ECharts 数据可视化插件归纳数据可视化领域解决方案，提升知识综合运用水平。
Flex | 媒体查询| 点九图 | ECharts |jQuery -
服务端编程就业班 3
课时:22天技术点:97项测验:1次学习方式:线下面授
学习目标
实现客户端与服务端的交互，快速搭建服务器，具备大前端的基本功。
主讲内容1Ajax
系统的学习网页数据交互的 Ajax 技术，建立前后端交互的知识体系，为学生夯实网络编程的基础，为后期高级课程的学习做好铺垫。
客户端与服务器 | URL 地址 | jQuery 中的 Ajax | 接口 | form 表单提交 | 模板引擎 | XMLHttpRequest | XHR Level2 | 数据交换格式 | 封装 ajax | 文件上传 | axios 基本使用 | 跨域 | 防抖节流 | HTTP 协议主讲内容2Git
借助 Git 对项目进行版本控制，掌握实际开发中那些必知必会的 Git 操作。
Git 基本概念 | 安装并配置 Git | Git 的基本操作 | Github | 远程仓库 | SSH 访问 | 本地分支操作 | 远程分支操作主讲内容3Node 基础
全面系统讲解 Node.js 中最核心的、必知必会的概念，能够基于模块化的开发思想优化项目代码，编写出高效、健壮的代码，同时培养出 Node.js 的编程思维。
Node.js 环境配置 | fs 模块 | path 模块 | http 模块 | 模块化 | CommonJS | 模块的分类 | 模块作用域 | 模块成员共享 | 模块加载机制主讲内容4npm
掌握 npm 的使用，能够在实际开发中利用 npm 上的资源提高自己的开发效率，根据项目需求下载并安装合适的包。同时也能够根据遵守规范的包结构开发出属于自己的包并发布到 npm。
包的概念 | 包的安装与使用 | 包管理配置文件 | nrm | 全局包 | 规范的包结构 | 发布包 | nodemon主讲内容5MySQL
了解后端数据库的基本使用，能够使用常见的 SQL 语句操作数据库，并且能够使用 MySQL 模块在项目中操作 MySQL 数据库，为实现从前端程序员进阶到全栈程序员做准备。
数据库的基本概念 | 安装并配置 MySQL | MySQL Workbench | SQL 语句 | MySQL 模块主讲内容6Express
掌握如何使用 Express 结合 MySQL 编写后端 API 接口项目，为学生构建完整的前后端知识体系，培养出懂后端的前端程序员，提升学生的职场竞争力，迈出从前端程序员进阶到全栈程序员关键的一步。
创建 Express 服务器 | 托管静态资源 | 路由 | 中间件 | 自定义中间件 | 实现 GET 接口 | 实现 POST 接口 | 实现 JSONP 接口 | 实现 CORS 接口 | Web 开发模式 | 身份认证 | session | JWT主讲内容7大事件项目
基于 jQuery + Ajax + 模板引擎 + Git 等技术，完成综合性的后台管理项目开发，巩固前面课程所学的技术点，积累项目开发经验，提升综合解决问题的能力。
登录 | 注册 | Token 身份认证 | 后台主页 | 基本资料 | 重置密码 | 更换头像 | 文字类别管理 | 文章列表管理 | 分页 | 文章管理 -
Vue.js就业班 4
课时:54天技术点:216项测验:0次学习方式:线下面授
学习目标
满足前端工程师的岗位要求，重中之重，也是主流框架之一，必会技能。
主讲内容1webpack
了解模块化发展历程，了解模块化的原因，熟悉 JavaScript 模块化的优点，为工程化项目中脚手架的使用做基础铺垫。
模块化 | build 过程 | 入口 | 出口 | 加载器 | 插件 | 开发生产环境 | 热更新主讲内容2Vue 基础
熟悉 Vue 中常用 API 的使用，使用 Vue 语法对常见页面进行开发，了解组件化的思想，了解路由的使用，知道 ElementUI 的基本使用，熟悉脚手架工具的使用，了解数据驱动视图的思想。
MVVM | SPA | 指令 | 模板 | 选项 | 生命周期 | 动画 | 组件化 | 组件库 Element | 组件通信 | 路由 | 脚手架 | 工程化基础 | 经典案例实战主讲内容3电商管理后台项目
运用 Vue 的基本语法对 CMS 系统进行开发，熟悉项目中常见业务的开发思路，了解 JWT 过程，熟悉 token 的处理，掌握 Vue 开发中常见库的使用，掌握组件化开发的思想，理解数据驱动视图的思想。
项目搭建 | 登录 | 用户退出 | 多级路由 | 表单验证 | 数据超限处理 | 自定义插件 | JWT | 路由拦截器 | axios 拦截器 | 文章列表 | 分页渲染 | 增删改查 | 收藏和取消收藏 | 文件上传 | 富文本编辑器 | ECharts | 个人中心 | 常用插件主讲内容4HR-saas中台管理项目(vue)
深度使用 Vue 相关的技术，包括 Vue.js（MVVM 框架）、Vuex（状态共享）、Vue-Router（路由表）、Vue-CLI（Vue 脚手架）、ElementUI（VueUI 框架）开发人力资源管理平台，对人力资源各种常见的业务使用以上技术进行实现。展示常见的路由权限拦截、Token 角色认证、动态路由解析、重置、权限点设置、审批流程、PDF 打印、Excel 导入导出、跨域反向代理等业务，掌握 Vue 开发复杂 PC 管理项目的使用，掌握 Vuex 在 Vue 项目的深度应用。
Vuex 基础和介绍 | 项目搭建 | Vue CLI 配置(webpack) | 菜单权限 | 动态添加路由 | 角色权限 | token 认证 | Vuex 应用 | 组件封装 | ElementUI 组件 | 业务组件封装 | 混入 mixins | 多语言切换 | 主题设置 | tab 页关闭打开 | 导入导出 Excel | PDF 打印 | 审批流程接入 | 图片上传 | 复杂表单校验,封装 | 图标集成 使用 | webpack 反向代理设置 | 权限点设置主讲内容5头条移动端项目
运用 Vue 的基本语法开发移动端网站，熟悉组件封装的技巧，掌握 Vant 的使用，了解项目业务的开发思路，了解节流和防抖的应用场景。
移动端项目搭建 | Vant | REM 适配方案 | Token 过期处理 | 动态编辑 | 上拉加载 | 下拉刷新 | 评论与回复 | 搜索功能 | DayJS | 数据持久化 | 图片预览 | 头像裁切 | 组件定制 | 组件封装 | 性能优化主讲内容6Vue 原理
理解数据驱动视图的原理，了解 defineProperty 的使用，了解 Proxy 的使用，掌握组件封装的原理。
发布订阅模式 | compile | observer | watcher | Object.defineProperty | Proxy | 组件开发 | 组件通信 | slot | render -
小程序就业班 5
课时:15天技术点:58项测验:0次学习方式:线下面授
学习目标
满足前端工程师的岗位要求，受众广泛，提高就业能力，找工作时的加分项。
主讲内容1小程序基础
了解小程序开发的一般流程序，熟悉小程基础组件的使用，能够基于 wxml 和 wxss 实现小程序的界面布局，基于模板的数据绑定实现数据的动态渲染，基于 API 实现与服务端的数据通信，以及熟悉其它高级 API 的使用。
账号申请 | 开发工具 | 工程目录 | 项目配置 | 屏幕适配 | 资源托管 | 字体图标 | 数据绑定 | 事件处理 | 生命周期 | 场景值 | 模块化 | 网络请求 | 路由 | WXS | 模板 | 组件 | UI 框架 | 表单 | Promise | MobX主讲内容2uni-app
理解 uni-app 实现跨平台开发的原理机制，理清单文件组件与原生小程序组件的对应关系，以及 uni-app 开发小程序时开发时与原生小程序的差异。
脚手架 | 项目配置 | 单文件组件 | 生命周期 | 条件编译 | 计算属性 | 跨平台支持 | less | sass | 组件通信主讲内容3小程序电商项目
基于真实需求综合运用小程序开发的相关知识，突出小程序 API 的真实应用场景，强化和巩固小程序开发的相关知识，提升综合解决问题的能力。
客户消息 | 微信支付 | 微信地址 | 小程序转发 | 区域滚动 | 上拉加载 | 下拉刷新 | 数据缓存 | 用户信息 | 自定义组件 | 微信登录 | 意见反馈 | 上线发布 -
React.js 基础就业班 6
课时:15天技术点:62项测验:0次学习方式:线下面授
学习目标
深入理解组件化和模块化开发思想，三大主流框架之一，满足企业招聘中的岗位要求。
主讲内容1React 基础
掌握 React 的基本语法，掌握 JSX 的常用语法，掌握 create-react-app 的使用，掌握路由的使用，掌握 React 中组件化开发的能力，了解高阶组件的基本使用，熟悉组件通信的常用方法。
JSX | 组件化思维 | 虚拟 DOM | 生命周期 | 无状态组件 | 有状态组件 | ref | class | HOC | renderProps | 组件通信主讲内容2Redux
掌握 Redux 的数据管理流程，掌握 Redux 中各组成部分的作用，掌握 React-Redux 的基本使用，了解展示组件和容器组件的区别，了解单向数据流的概念，掌握 React 中 dev-tools 的使用。
数据管理流程 | action | dispatch | store | reducer | 展示组件 | 容器组件 | react-redux | 开发调试工具主讲内容3租房移动端项目
掌握 Reac 技术栈进行移动端网站的能力，了解百度地图 SDK 的基本使用，掌握 antd 的基本使用，了解项目中常见业务的开发思路，了解组件化开发思想，了解 CSS in JS 思想。
项目搭建 | Antd | 百度地图 | 常用高阶组件 | 组件定制 | 数据处理 | utils | 移动端经典布局 -
React.js 高级就业班 7
课时:30天技术点:118项测验:0次学习方式:线下面授或线上学习（可选）
学习目标
进军大厂必备，结合 TypeScript+Hooks 和函数式编程思想完成项目开发。
主讲内容1TypeScript 基础
理解类型系统 理解并能使用泛型 了解类型的推断过程 了解类型的高级用法，能理解代码
静态类型 | 基础类型和对象类型 | 类型注解和类型推断 | 函数相关类型 | 数组和元组 | Interface 接口 | 类 | 继承 | 构造器 | Setter 和 Getter | 抽象类主讲内容2TypeScript 高阶语法
理解类型系统 理解并能使用泛型 了解类型的推断过程 了解类型的高级用法，能理解代码
联合类型和类型保护 | Enum | 函数泛型 | 类中的泛型 | 命名空间 | 模块化 | 描述文件主讲内容3Hooks
理解 Effect Hooks 和 State Hooks 设计思想 理解 Hooks 应用场景 掌握使用 Hooks 封装一些组件
useState | useEffect | useContext | 自定义 Hooks主讲内容4函数式编程
掌握 JavaScript 函数式编程范式，为阅读前沿框架源码，学习框架设计思想做储备，例如：React、RxJS、cycleJS、lodashJS、underscoreJS 等。
纯函数 | 柯里化 | 函数组合 | Point Free | 声明式与命令式主讲内容5Redux 中间件
理解业内比较主流的 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 | 微软小冰 -
多端跨平台就业班 8
课时:39天技术点:148项测验:0次学习方式:线下面授或线上学习（可选）
学习目标
高级前端工程师必备技能，真正实现一套代码多端运行，减少开发成本，提高开发效率。
主讲内容1React Native 交友项目
掌握 RN 原生 APP 界面布局 掌握第三方 RN 组件的集成和改造 掌握第三方 Android 原生组件的集成和使用 掌握高德定位自动获取终端经纬度 掌握腾讯逆地址 掌握 JWT 交互模式 掌握 Mobx 管理数据 掌握自定义 SVG 绘制 掌握 RN 模态窗口的实现 掌握图文混排布局 掌握 RN 本地相册访问 掌握 RN 本地相机调用 掌握高德地图实现定位功能 掌握 RN 多图片上传
登录|注册 | 短信验证码 | RN 前端输入组件 | 自动获取终端所在城市 | 城市选择组件 | 生日选择组件 | 照片上传 | JWT 交互 | RN 轮播 | RN 滚动组件 | 测灵魂 | 搜附近 | 今日佳人 | 推荐朋友圈 | 最新朋友圈 | 点赞朋友圈 | 发布朋友圈 | 评论朋友圈 | 喜欢朋友圈 | 聊天功能集成 | 文字发送及回复 | 图片发送及回复 | 语音发送及回复主讲内容2Flutter 小兔鲜儿项目
掌握 Flutter 开发环境搭建 掌握 Dart 语言基础 掌握 Flutter 常见的布局方式 理解组件的概念及分类 掌握基础组件、容器类组件、可滚动组件、功能性组件的应用
开发环境搭建 | Dart 入门 | StatelessWidget | StatefulWidget | 布局 | 路由和导航 | 手势 | 事件 | 资源文件 | 生命周期 | 拍照和图片 | 动画 | 网络请求 | 列表组件 | 屏幕适配 | 混合开发 | 性能优化 | Plugin | 打包发布主讲内容3小兔鲜儿原生小程序精讲
理解 Taro 实现跨平台开发的原理机制 理解单 JSX 组件与原生小程序组件的对应关系 理解 Taro 开发小程序与原生小程序的差异 掌握原生小程序消息推送方案 掌握原生小程序多线程方案 掌握原生小程序云开发等高级方案
脚手架 | 项目配置 | 编译配置 | 条件编译 | 适配 | 跨平台支持 | sass | 组件通信 | 分包加载 | 消息推送 | 多线程 | 插件 | 云开发主讲内容4PWA
了解 PWA 能够实现通过 PWA 技术强化 H5 网页的原生特性 了解当前 PWA 技术的浏览器兼容情况
PWA 简介与优点 | PWA 背后的技术与原理 | PWA 现状 | manifest | serviceWorker | 消息推送的实现 | PWA 浏览器兼容情况 -
前端工程化就业班 9
课时:9天技术点:39项测验:0次学习方式:线下面授或线上学习（可选）
学习目标
高级前端工程师必备技能，在项目开发中实现自动化、规范化、组件化、模块化。
主讲内容1webpack 核心
学会 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 原理主讲内容3git 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 -
前端服务化就业班 10
课时:33天技术点:135项测验:0次学习方式:线下面授或线上学习（可选）
学习目标
高级前端工程师必备技能，SEO 优化策略之一，网站性能监控与埋点方案。
主讲内容1Koa / egg
Koa / egg / 中间件
对 Egg 的功能有全面的理解 | 掌握使用 Egg 完成项目 | 理解 Koa 的核心设计思想 | 掌握 Koa 的中间件编写主讲内容2NoSQL
Redis / MongoDB
理解 redis 核心概念与使用 | 能使用 redis 运用到项目中 | 理解 MongoDB 核心概念与使用 | 能使用 MongoDB 运用到项目中主讲内容3性能监控
服务端日志收集系统设计 接入第三方监控平台 服务端错误预警 分析用户行为 建立用户画像
理解服务端日志收集系统设计 | 掌握接入第三方监控平台 | 掌握对服务端错误预警 | 前端异常上报 | 用户 PV/UV 统计 | 页面加载时间统计 | 用户点击行为统计 | 接口请求日志统计 | 接口请求耗时统计 | 静态资源加载异常统计 | 实现 JS 页面截图 | JS 报错实时监控统计分析 | 详情分析和代码定位 | 静态资源加载异常实时监控 | 静态资源加载异常的统计分析 | 接口请求报错实时监控 | 接口请求报错的统计分析 | 用户 PV/UV 实时统计 | 记录回放功能（详细记录用户使用的足迹） | 7 日内留存数据分析 | 版本号分析，浏览器分布，等信息分析 | 分析页面加载性能数据主讲内容4SSR
SSR 运行原理 SSR 环境搭建 缓存和 stream 性能优化
理解 SSR 运行原理及为什么需要使用 SSR | 掌握 SSR 环境搭建 | 掌握使用缓存和 stream 对 SSR 进行优化 | 掌握 Nuxt.js / Next.js 的应用
“周”更新日志
课程大版本更新
更多>课程更新日志按周更新热点/前沿技术
2020.07.11 升级版本7.0
课程名称
HTML&JS+前端
课程推出时间
2020.07.11
课程版本号
7.0
主要针对系统
Windows、Linux、macOS
主要使用开发工具
VSCode、HBuilder X
课程介绍
专为培养和打造高级前端工程师，重磅推出9 个月高含金量课程，课程升级颠覆培训行业。
行业首家推出全端跨平台项目并且业务在全端贯通。
超大项目库，多行业多领域项目课程，主流行业全覆盖，其中项目课程天数占比为 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 技术栈）
1
友情提示更多学习视频+资料+源码，请加QQ：2632311208。
2019.6.1 升级版本6.5
课程名称
HTML&JS+前端
课程推出时间
2019.6.1
课程版本号
6.5
主要针对系统
Windows、Linux、macOS
主要使用开发工具
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
新增网络编程讲法优化和部分案例
1
友情提示更多学习视频+资料+源码，请加QQ：2632311208。
2018.9.10 升级版本 6.0
课程名称
HTML&JS+前端
课程推出时间
2018.9.10
课程版本号
6.0
主要针对系统
Windows、Linux、macOS
主要使用开发工具
Sublime、WebStorm、VSCode
课程介绍
课程增加了项目课程和应用型技术课程的时长，以培养具备企业真实项目经验的程序员为目标，从编程基础阶段培养学生企业级编码规范和业务实现能力，以Node.js为依托培养服务端概念和HTTP通讯协议，让学员能够适应前端行业的快速发展。后期以流行框架为主，通过超长的企业级全终端项目实战培养具有3年工作经验的前端开发人员。再加以时下最火热的微信小程序和小游戏拓展学生的就业宽度。最后的商业项目团队协作实战阶段，让学员无需过渡期直接适应真正的企业开发。
1
新增品优购全端电商项目（管理系统、PC端、移动端、小程序）
1
新增 好客租房移动 Web 项目（React.js 全套技术栈）
1
新增 近百套行业项目解决方案库
1
新增小程序加小游戏就业课
1
新增 企业级团队项目实战
2018.2.26 升级版本 5.0
课程名称
HTML&JS+前端就业班课程
课程推出时间
2018.2.26
课程版本号
5.0
主要针对系统
Windows、Linux、MacOS
主要使用开发工具
Sublime、WebStorm、VSCode
课程介绍
以品优购项目平台为驱动贯穿整个课程，包括品优购PC端项目、品优购移动端项目、品优购后台管理项目、品优购微信项目。让学生能够体会完整的项目开发流程。除课程更新外，还配以助教的实施体系(助教课程体系、强制自习、团队项目、技术面试)
1
新增基础班新增品优购整套项目的静态页面制作
1
新增 前端工程化完成品优购移动端项目
1
新增JavaScript和DOM阶段的课程优化部分案例，培养学生通过代码完成业务的能力
1
新增微信小程序的案例更新为品优购项目
1
新增 vue项目更新为品优购的后台管理系统
2017.7.12 升级版本 4.0
课程名称
HTML&JS+前端就业班课程
课程推出时间
2017.7.12
课程版本号
4.0
主要针对系统
Windows、Linux、MacOS
主要使用开发工具
Sublime、WebStorm、VSCode
课程介绍
本次课程更新主要增加服务端编程语言PHP加强学生理解客户端/服务器、动态网站以及网络通信等后端开发的相关概念。并且能够熟悉PHP的基础语法，可以操作MySQL数据库，能够开发简单的动态页面和后台接口。培养更懂后端的前端开发人员。
1
新增 PHP&MySQL课程，培养更懂后端的前端开发人员
1
新增 阿里百秀项目，结合前端渲染和后端渲染
1
新增HTML5的宣传页面
1
新增 移动端电商项目
1
新增JavaScript高级课程优化，增加贪吃蛇游戏
2017.03.01 升级版本 3.0
课程名称
HTML&JS+前端就业班课程
课程推出时间
2017.03.01
课程版本号
3.0
主要针对系统
Windows、Linux、MacOS
主要使用开发工具
WebStorm、Sublime
课程介绍
本次课程更新注重理论到实践的变化，从就业班开始培养学生把理论到实践过程的培养，让学生学习完JavaScript能够自己动手开发插件，不仅仅停留在使用的层面。增加市面上流行的vue.js框架，并结合项目实战，从0到1的完成项目，直至打包上线。
1
新增 博学谷项目，从无到有开发一个完整项目，从项目构建到上线
1
新增canvas课程中新增游戏的案例
1
新增 微信小程序开发
1
新增webpack1.x升级到webpack2.x，webpack和gulp集成构建项目
1
新增 ajax课程更新部分更实用的案例
2016.6.30 升级版本 1.1
课程名称
HTML&JS+前端
课程推出时间
2016.6.30
课程版本号
1.1
主要针对系统
Windows、Linux
主要使用开发工具
webStorm、sublime
课程介绍
本次升级对前端课程1.0版本进行优化。重点优化课程体系与教学模式，知识点衔接更紧密，有利于学员更好的吸收掌握；更新框架部分知识点，将框架升级到市场上主流的版本，升级课程更加贴合企业实际需求。
1
新增zepto库在移动web开发的实际应用；
1
新增基础班与就业班的课程体系知识点无缝对接；
1
新增 面向对象和框架进阶以及js 设计模式；
1
新增 在项目中融入企业最新技术课程；
2015.10.06 升级版本 1.0
课程名称
传智播客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
新增结合实际的工作场景，保证快速融入工作环境。
2020年
● 学科正式更名为HTML5＆JS+前端 ，推出9个月高级软件工程师课程
-
2019年
● 引入阿里、京东、用友等大厂一线技术人员加入前端研究院，为打造优质课程体系提供技术支撑
● 研发了多个企业级实战综合，包含包含 PC 端、移动端、移动APP等
● 加强 React 学习的深度和广度、跨平台开发也逐步被引入课程体系
-
2018年
● 扩大研发队伍，加强研发力度，独创了 N+12 教学新模式
● 跟进新技术、新领域，为学员提供免费终身的学习服务
-
2017年
● 引入数据持久化、内存缓存、项目部暑等课程体系
● 成立了全栈子学科，培养了大量全面性Web开发人才
● 率先增设了小程序的课程
-
2016年
● 率先引入Gulp、webpack等基于Nodejs的前端工程化工具
● 加强 AngularJS、Vue.js 课程的深度与广度，更加贴合市场需求
-
2015年
● 2015年7月7日，传智播客前端与移动开发学院正式成立
● 从500名学员中筛选了30名同学，首期前端班正式开班
