ELWG前端学习小组任务（中级）

任务说明

~~本学习路线暂定为Heatmap项目组所需，不设实践任务，要求参与者在最短时间内掌握参与到项目中所需的各种前端中级知识~~

本学习路线主线依旧按照HTML->CSS->Javascript的顺序展开，每一个任务都涉及稍微高级一点的主题。本阶段里面所有技术都是实际项目开发中所用到的。整套前端解决方案目前在ELWG实验室已经经过了Signichat和青桔网两个大型Web项目的实践和检验。

任务1：MVC模式与PHP框架

了解MVC模式
阅读CodeIgniter用户手册（目录中的“安装”“介绍”“教程”“常规主题”部分），了解其MVC框架的基本编程模式

任务2：Smarty模板

学习Smarty模板Smarty3手册，参照《Smarty简介》PPT的知识点学习

任务3：CSS框架

~~学习Furatto 2.0（“Getting Started”“Docs”“Javascript”“Components”部分）~~
学习Bootstrap 3.0（“Getting Started”“CSS”“Components”“Javascript”部分）

任务4：CSS预处理器

了解CSS预处理器的概念
学习LESS（“Getting Started”“Language Features”“Functions”部分）

任务5：Javascript模块化

学习阮一峰的《Javascript模块化编程》系列
了解AMD模块规范和Require.js基本使用方法

任务6：Node.js

了解Node.js和CommonJS模块规范，学习阿里出品的七天学会NodeJS（目录中的“NodeJS基础”“代码的组织和部署”“异步编程”部分）
了解Socket.IO，并自行在网上查找使用Socket.IO实现在线聊天功能的教程
了解WebRTC

任务7：Grunt

了解并学习Grunt的使用方法
配置grunt-contrib-watch和grunt-contrib-less插件，实现目标：实时监控你编写的LESS文件，只要一保存就自动将LESS编译成CSS

任务Special：响应式设计的网页

了解响应式设计的概念和基本原理
任选一款简单的CSS框架（如Pure、Bootstrap、Furatto等等），从Github上阅读源码，了解框架在如何实现响应式布局
学习W3School的jQuery Mobile