前端学习3个月，此目录是到目前为止(2015/11/5)我的作业和知识总结（思维导图）。

• 任务 1：学会基本的HTML(5)标签骨架以及基本服务器概念
• 任务 2: 学会HTML5新增元素及CSS核心技术
• 任务 3: 学会CSS常用布局技巧以及绘制特殊图形和动画
• 任务 4: 掌握HTML+CSS的基本核心技巧
• 任务 5: JavaScript入门和基础
• 任务 6: 掌握JavaScript DOM、BOM、事件和高级技巧
• 任务 7: 掌握jQuery使用和深入JavaScript
• 任务 8: 了解面向对象编程以及PHP+MySql入门
• 任务 9: 学习NodeJS(含EcmaScript6)和移动端开发
• 任务 10: 掌握前端工业化框架
• 任务 11: 掌握CSS在工程中的变化
• 任务 12: 掌握JavaScript常用设计模式
• 任务 13: 熟悉版本操作工具Git、SVN等以及AngularJS、Cordova
• 任务 14: 熟悉网络安全以及React、ReactNative
• 任务 15: Linux基础以及JS开发PC软件
• 任务 16: 学习HTML5游戏开发准备进入毕业设计与答辩

• 百度首页完整版(任务10)（HTML/CSS/JS/天气查询API/兼容各浏览器/Yeoman） & 移动版百度首页（响应式）
• 极客学院首页完整版(任务11)（HTML/CSS/JQuery/SASS） & 手写轮播动画
• ThinkPHP后台开发移动版百度新闻(任务14)，包括后台管理、后台登录。并进行Web安全防护，包括跨站脚本攻击（XSS）、跨站伪造请求（CSRF）、防止SQL注入
• Nodejs后台开发移动版百度新闻(任务9)，使用的是Express+ORM框架

此结构图使用 Mindjet MindManager 2012 工具进行编写，其中包含引用的网址信息，总结的地方如果有不足之处希望能指出。结构包括：

• Web前端基础
• Web前端进阶
• HTTP协议
• Web安全
• 后端语言
• 软技能

• 熟练掌握jQuery，HTML，CSS等Web前端编程技术；
• 熟悉Javascript，会简单使用Express框架下的NodeJS及MySQL数据库；
• 熟悉Bootstrap，了解响应式网页设计思路；
• 使用过Yeoman构建工具，包括SASS、compass、Grunt、Bower等；
• 了解React、React Native、AngularJS等框架；
• 有过移动端网页开发经验及全栈开发经验(PHP/Nodejs/MySQL)；
• 使用过Spring/MyBatis的JavaWEB后端框架；

移动互联网 & WebAPP；致力于向全栈工程师的方向发展；

兴趣

坚持到底运气不会太差。