对该课程感兴趣的学员

课程对象

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

课程费用：4500元/人（含教材、午餐、学习用具）

培训目的：

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

培训要点：

前端设计已经成为近年来软件系统设计的重要方面，为了给用户提供更好的体验，正在向着更加复杂和更加智能化的方向发展。当前端开发复杂到一定程度时，前端架构就应运而生了。提高前端团队的开发效率和系统的运行效率，是前端架构师需要关注的两大核心问题。虽然借助于现有的开源工具和经验，前端架构师们能够快速实现企业对前端架构的基本要求，但是当基本的基础设施遇到“开发调试效率有待提升”、“历史遗留问题对架构构成挑战”、“系统性能有待提高”等诸多不利因素时，适应变化的环境，对架构进行合理的调整，是前端架构师们经受考验、走向优秀的必由之路，也是企业对前端架构师的更高要求。 本课程首先着重分析前端架构目前面临的问题，寻找解决方案。为了避免重复制造工具，课程将带领大家一起学习现有的业内领先工具，分析每款工具的特点，便于大家选择使用。然后，根据现有工具存在的缺陷，和学员一起搭建一个比较合理的前端架构基础设施。 架构并非一劳永逸，当我们从开发效率和系统性能两方面审视前端架构时，原来我们引以为豪的出色的架构设计，也很难完美无瑕。因此，本课程将从某大型系统开发过程的实际架构经验出发，给出该系统在前端架构过程中遇到的八个比较典型的问题。然后，我们将沿着“问题的提出、思考、解决和总结”过程，引导大家进入思考和解决前端架构问题的正确节奏，最终，给出问题的合理解决方案。在此基础上，总结类似问题的思考过程和经验，以指导今后的前端架构实践，真正达到“授之以渔”的效果。

课程大纲

（一）前端与架构

1、前端已不是那个前端

2、百花齐放的前端

3、前端与后端

4、前端架构与前端架构师

5、前端开发面临的阻力

6、前端架构需要解决的问题

（二）利用业内先进工具搭建前端基础设施

1、业内先进工具品鉴

开发框架和工具类

代码规范与标准类

代码编译发布类

单元测试工具类

版本控制工具类

2、一个合理的前端基础架构设计

前端基础编写框架jQuery+Bootstrap

JS模板引擎的引入

模块化程序设计与按需加载SeaJS

动态CSS：LESS

编译发布：Grunt

版本控制：GIT

单元测试：QUnit和jsTestDriver

代码规范：JSLint和CSSLint

代码压缩：UglifyJS和CKstyle

3、前端架构并非一劳永逸！

4、前端架构经常遇到的挑战

框架水土不服

推广困难

时间对框架的磨损

5、 解决问题的思路与注意事项

（三）打通任脉——进一步提高开发和调试效率

1、深入前端开发流程

前端开发的一般流程

找出流程中的绊脚石

进一步解放生产力

2、问题与现状

3、提高开发效率

API转换器jxn

自动刷新工具noF5

4、提高调试效率

初始化精简工具devflags

IE调试工具ietools

5、效果（四）打通督脉¬——进一步提高网站运行效率

1、网站性能分析

页面加载时间

页面操作响应时间

内存和CPU占用情况

2、问题与现状

3、常见的性能优化方案与工具

4、进一步提升网站的加载速度

从字符串拼接的优化到网站加载性能提升

比YUICompressor更好的CSS压缩方式

5、进一步提升网站的使用体验

从“返回顶部”和“名片卡”优化到网站响应性提升

资源加载顺序的优化与使用体验提升

6、效果（五）总结

课程主讲

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