大型网站的前端架构思考、实践与创新（王老师）

课程背景
前端团队的开发效率和网站的整体运行效果，是前端架构师需要关注的两大核心问题。为解决这两大问题，培训中心特举办“大型网站的前端架构思考、实践与创新”培训，课程结合某大型网站的前端架构实践经验，创造性的提出了几种前端架构问题的解决方法，并在实际应用中验证方法的有效性。本课程重在介绍前端架构问题的分析和解决思路，旨在“授之以渔”。
培训具体通知如下：

培训对象
有一定前端基础的前端开发工程师、前端架构师、前端团队负责人等。

授课特点
1、自己动手：授课过程采取分组的方式进行，1/4的时间在可视环境下进行互动，1/3的时间将由大家进行讨论和动手操作，在实践中体会架构的乐趣。
2、案例教学：案例练习贯穿课程始终，通过案例中提出的问题，引发大家的思考和讨论，并最终结合大家的意见，提出解决方案。
3、授之以渔：由于每个网站架构的特殊性，因此本课程重在传授问题的分析和思考过程，引导大家在此基础上，解决问题，提升效率。

师资
王老师： 培训中心高级讲师，4年以上的专业前端开发和架构经验，现任职于某大型互联网公司的前端技术部，主要负责前端基础架构工作，是该公司的“技术标兵”和“认证讲师”。

培训内容
 
第一部分  前端与架构
       1、前端已不是那个前端
       2、百花齐放的前端
       3、前端与后端
       4、前端架构与前端架构师
       5、前端开发面临的阻力
       6、前端架构需要解决的问题

第二部分  利用业内先进工具搭建前端基础设施
1、业内先进工具品鉴
开发框架和工具类
          代码规范与标准类
          代码编译发布类
          单元测试工具类
          版本控制工具类
2、一个合理的前端基础架构设计
       前端基础编写框架jQuery+Bootstrap
       模板引擎的引入
       模块化程序设计与按需加载
       动态CSS：LESS/SaSS
       用Grunt做代码编译和发布
       使用GIT做版本控制
3、前端架构并非一劳永逸！
4、前端架构经常遇到的挑战
       框架水土不服
       推广困难
       时间对框架的磨损
    5、解决问题的思路与注意事项

第三部分  打通任脉——进一步提高开发和调试效率
       1、深入前端开发流程
       前端开发的一般流程
       找出流程中的绊脚石
       进一步解放生产力
       2、问题与现状
       3、提高开发效率
       API转换器jxn
       自动刷新工具noF5
    4、提高调试效率
       初始化精简工具devflags
       IE调试工具ietools
       5、效果

第四部分 打通督脉­——进一步提高网站运行效率
       1、网站性能分析
       页面加载时间onload/domready
       页面操作响应时间
       内存和CPU占用情况
       2、问题与现状
       3、从字符串拼接的优化到网站加载性能提升
       4、从“返回顶部”和“名片卡”优化到网站响应性提升
       5、ckstyle的CSS自动修复与分浏览器压缩
       6、效果

第五部分  总结
 
培训目的：
本次课程帮助大家在利用业内先进工具快速搭建前端基础架构的同时，从大型网站的前端架构实践和经验出发，找寻进一步提高前端开发效率和提升网站整体运行效果的方法。通过学习，掌握分析问题和解决问题的思路及方法，进一步提高大家的前端架构技巧。