杨文坚老师将在课程中分享如何用半年时间从腾讯t2升到t3(一般人最少需要一年半)，前端工程师应如何快速成长。

杨文坚老师的徒弟中已经有人升到腾讯t3(相当于阿里p7).

文坚老师在真传X 的前端进阶【师徒班】，将于3.17日正式开课，适合1-3年工作经验工程师，课程链接 ：http://www.zhenchuanx.com/course/44

【BAT前端进阶课程大纲及设计思想】

课程介绍及设计思想

1、本课程大纲针对有一定工作经验或一定基础的同学进行提升，以下大纲内的东西不一定所有人都用过，请在课程开始前，先预习相关基础。

2、本课程主要思路是抽出工作中最常用，最关键点进行点拨，学生必须要有很强的主动性。

3、杨文坚老师上课内容基于本大纲但不限于本大纲，学生如果想要挖掘本课程最大的价值，请每次上课前提前准备好问题，对于自己在工作或者学习中的困惑提出高质量的问题。

本课程前提要求

1、本课程不仅仅是个技术课程，而是对综合能力进行的一次全面训练。 
2、大部分人不能突破的原因是因为经常陷于低水平的重复，在本课程上，会对以下几个方面对学生提出要求，对以下方面进行【刻意练习】，不断突破自己的舒适区，提升自己综合能力，在职场上进步。

【刻意练习1】代码：每个人必须要有github账号，按时提交作业代码，代码review. 
【刻意练习2】写作：每周一篇周报、总结近一周自己，写文章是最能梳理自己思想的途径，
【刻意练习3】讲解：很多人职场上受限的原因是因为不够open ,无法表达自己的思路，进而就无法跟优秀的人交流，这个往往是技术人员忽略的地方，本课程要求每个月，每人提交至少30分钟的对某一技术点的讲解视频。

模块一: 大公司前端需要怎样的人才

为什么很多人道理都懂，然而并不能过好这一生，本质还是自己以为自己懂。 
工作经验！=工作能力,为什么有的人很快就可以进入到BAT等一线企业 ,有的人总进不去，屡清楚我们课程的目的，怎样用最效率的方式成长,清晰BAT公司的人才素质需求及成长模型掌握前端晋升 2-8 原则。

• 冰山模型: 个人认知发现，你看到的和你看不到的别人的实力。

• 人才素质模型
  1) 通用素质：学习&提炼、沟通&谈判、承压、执行力、业务、项目计划、项目跟踪和控制、风险识别与管控、度量与数据分析、成本分析控制。
  2) 专业能力：本系列课程其他模块帮你搞定。 
  3) 组织影响力：方法论建设、知识传承、人才培养。

• SMART & 自驱学习:smart原则在自我成长及工作中的应用。

模块二： Javascript自动化集成测试

对于任何一个项目来说，单元测试都是必不可少的一项工作，单元测试也是高质量工程师必备的职业素养。 
本课程主要通过自动化集成测试来检验作业，先会测试，再进行开发提升，打好工作高质量地基。

• 如何做好单元测试
• 基础工具篇：node环境搭建
• mocha+should 单元测试
• karma单元测试

模块三：Javascript 难点梳理

前端的重点知识讲解，是时候对js的重难点再做梳理了，平时用到但是不深刻理解就会造成成长瓶颈，梳理工作中埋的那些坑。

• 奇怪的this，梳理this在不同情况下的不同含义用法
• 事件模型、事件处理机制
• 声明提升,应用场景、解决方案
• 继承，继承机制、实现手段
• 你可能看不懂的 Javscript 代码
• 跨域：原理，怎么解决问题，几个解决手段。
• AJAX 模型
• 事件代理

模块四：异步流程控制

异步是 Javascript 的特性，也是编程难点，通过本模块讲解深入理解异步编程要点，以及在实际工作中的常用的异步解决方案

• callback 回调函数运行机制
• Promise 熟练使用promise 并进行测试、promise的适用场合及局限性
• Stream
• Generator 机制、原理、实现，把异步回调代码变成“同步”代码
• async/await function
• RxJS 异步场景应用、观察者模式深入实践理解

模块五：正则强化

正则在表单验证上有特殊的地位，特别在中后台系统中应用广泛，熟练运用正则提高文字处理效率。

• 开始 & 结束
• 常用的匹配规则
• 转义
• 捕获字符串
• 匹配引号
• 贪婪 & 惰性

模块六：前端监控技术

如何监控前端页面行为并做好数据分析、事件分析、性能分析、错误分析

• 打点上报
• 错误上报
• 性能上报
• 跟踪用户操作
• 利用数据

模块七：模块化

理解各模块化规范、常见库及在工作中的应用

• AMD & CMD：理解两种模块化规范、区别、适用场景
• CommonJS 规范、适用场景
• 常见模块化开发库（seajs,requirejs）

模块八：模版引擎

通过模板引擎提高开发效率，掌握模板引擎运行原理

• Template & DOM Template
• 模版引擎优化

模块九：webpack

掌握webpack搭建项目流程、使用webpack常用模块、并进行性能优化

• 用 webpack 搭建一个项目：基本使用、常用配置
• 写一个自己的 loader 和 plugin
• webpack 性能优化

模块十：学会性能测试对比

前端开发中，掌握好浏览器的特性进行有针对性的性能调优是一项基本工作，同时，比较不同代码的执行速度也是一项关键的工作

• 性能测试指标及因素
• jsben.ch
• benchmark.js

模块十一：前端性能优化

分析性能瓶颈，掌握常用性能优化手段

• HTTP缓存相关及优化策略
• localStorage 本地存储技术分析
• App Cache
• Hybrid App 缓存技术
• Service Worker
• lazyload：懒加载优化
• 小图 -> 大图加载策略
• 预加载技术
• Inline
• 异步加载
• 大列表优化

模块十二：Node应用

Node 使用要点，全栈开发进阶

• node 和 npm 生态：node基本结构、分层及生态
• http 模块：http-server搭建、常用系统模块使用。
• KOA: 理解KOA框架演进过程、优缺点
• MonogoDB & Redis & LRU: 内存数据库使用要点及原理探究、性能瓶颈
• 测试用例、部署、日志管理、性能监控、维护、问题排查、性能优化
• ci、docker:应用容器引擎原理、应用，一步一步在docker中构建CI流程

模块十三：React /Vue及小程序 应用 (二选一主讲)

Vue+小程序 关键技术及应用 （本期主讲）

• vue 概况，基础应用关键点
• vue 组件化
• vue 生态，vue 各种框架搭配应用项目实战
• 小程序基础及应用关键点
• vue模式开发小程序

react关键技术及应用

• React 基础、原理
• React 数据流
• React TODO List
• React 虚拟DOM

面试技巧

进阶BAT临门一脚 ,准备冲刺吧！

• 面试技巧：BAT面试关键点
• 我的故事