# 前端工程化
# CSS Processing
# 阅读
- 再谈 CSS 预处理器 (opens new window)
- CSS 预处理器与 CSS 后处理器 (opens new window)
- 学习 CSS 预处理器及后处理器的知识
# 编码
- 尝试选择一种 CSS 预处理器来重构自己在个人任务管理系统中的 CSS 代码
- 比较使用和不使用的区别，总结使用带来的好处，及需要注意的地方
- 可以尝试使用并比较 Less、Sass、Stylus
# 安全
# 阅读
- 浅谈 WEB 安全性 (opens new window)
- XSS 的原理分析与解剖 (opens new window)
- 给开发者的终极 XSS 防护备忘录 (opens new window)
- 学习了解安全相关知识
# 编码
- Review 自己的个人任务管理系统代码，或者通过安全检查工具，来分析是否存在安全隐患
- 修复存在的潜在安全问题
# 性能优化
# 阅读
- Make the Web Faster (opens new window)
- 毫秒必争，前端网页性能最佳实践 (opens new window)
- 给网页设计师和前端开发者看的前端性能优化 (opens new window)
- 提高前端性能方面的处理以及不足 (opens new window)
- css sprite 原理优缺点及使用 (opens new window)
- CSS Sprites：鱼翅还是三鹿 (opens new window)
- 大型网站的灵魂——性能 (opens new window)
- 编写高效的 CSS 选择器 (opens new window)
- 了解和学习性能优化相关知识点
# 编码
- 对自己的个人任务管理系统代码进行性能优化方面的分析及优化
- 在自己的博客或其他地方总结性能优化学习经验
# 模块化
# 阅读
- Javascript 模块化编程 阮一峰 (opens new window)
- 详解 JavaScript 模块化开发 (opens new window)
- 浅谈模块化的 JavaScript (opens new window)
- 再谈 SeaJS 与 RequireJS 的差异 (opens new window)
- 玩转 AMD 系列 by erik@EFE
- 了解前端模块化的演变历程和各种实现方法
- 学习 AMD、CMD 等模块化的方案
# 编码
- 选择使用一种模块化解决方案（如 ESL、Require 等）来对个人任务管理系统进行重构
- 可以在所有任务完成之后尝试自己实现一个 AMD/CMD Loader
# 前端工程化
# 阅读
- 前端工程与模块化框架 (opens new window)
- 手机百度前端工程化之路 (opens new window)
- F.I.S 与前端工业化 (opens new window)
- EDP (opens new window)
- Grunt 教程——初涉 Grunt (opens new window)
- gulp 入门指南 (opens new window)
- 了解为什么要引入各种工程化工具
# 编码
- 尝试使用 Grunt 及 gulp ，并在个人任务管理系统项目中使用它
- 可以在所有任务完成后，尝试使用 EDP 或者 FIS ，并总结二者使用的一些心得，以及他们和 Grunt、Gulp 的区别