Web前端开发学习路线

标签：

一、自白

　　我是在本科毕业的时候喜欢上了前端开发，觉得把编写代码的理性思维和视觉审美的创造性思维结合在一起是一件很有意思的事情。研一入学之后得偿所愿，做了一个微信服务号的项目，对JS和CSS布局都入了门，下半学期跟着实验室与301医院合作，做了一个互联网医疗平台，对整个产品的开发流程、前后台交互有了一些认识。研二上半年到中国移动实习，工作节奏总算比实验室慢一点，有时间自学了angularJS，并且用在了为移动开发的数据分析平台上。

　　忙碌的项目让我感觉充实，但同时也容易焦头烂额，没有时间抬头看看路。现在停下来审视自己，发现虽然做过一些东西，自己对JS/ CSS的基础却并不扎实，每次调bug的时候都找不到头绪，对一些布局或逻辑的实现也只是有一个大概的思路，具体到语法上还是模棱两可，无从下手。想到找工作的日子越来越近，不禁有点汗津津。于是决定重新夯实自己的Javascript和CSS基础，结合《Javascript高级程序设计》，妙味课堂前端视频，具体实例和项目在明年4月份之前捋一遍自己所学，并对一些概念模糊的地方进行理解。所以在此写下一个大概的学习计划，希望能够在明年四月份的时候，在博客园整理出一系列《JS高程》学习笔记，并且在github上建立自己的CSS作品仓库和JS代码库，算是对自己研究生期间收获的总结。

二、时间节点

• 2015-12-13
  

1. JS高程：复习第23章 离线应用与客户端存储
2. 妙味课堂：观看视频 cookie
3. 实例：编写一个Javacript问答应用，实现下述功能
   • 添加客户端数据验证：保证用户回答了当前问题才能进入下个问题。
   • 添加“Back”按钮，允许用户返回修改答案。最多可以返回到第一个问题。注意对于用户回答过的问题，选择按钮要显示被选中。这样用户就无需重新回答已经答过的问题。
   • 用jQuery添加动画（淡出当前问题，淡入下个问题）
   • 在IE8和IE9下测试，修改bug，这里应该会有得你忙了。 ;D
   • 把问题导出JSON文件
   • 添加用户认证，允许用户登陆，把用户认证信息保存在本地存储（local storage，HTML5浏览器存储）。
   • 使用cookies记住用户，当用户再次登陆时显示“欢迎用户名回来”。

• 2015-12-31
  

1. JS高程：复习第5章 引用类型、学习第6章 面向对象的程序设计、第7章 函数表达式、第24章 最佳实践。弄清原型链，闭包等概念。
2. 妙味课堂：观看视频 面向对象1-5、函数声明与表达式、闭包、对象引用。
3. 实例：使用bootstrap优化UI，使用angularJS重构代码，构造单页面应用。

• 2016-1-20

1. JS高程：复习第8章 BOM、第10章 DOM、第11章 DOM扩展、第13章 事件。
2. 妙味课堂：观看视频 BOM、DOM1-2、事件详解1-3、DOM优化、事件委托（网页）。
3. 实例：视频实例

• 2016-1-31

1. JS高程：学习第21章 Ajax、学习正则表达式、学习使用各种前端工具、解决iframe和跨域问题
   
2. 妙味课堂：观看视频 Ajax1-2、正则表达式1-2、firebug工具使用、iframe、跨域问题
3. 实例：记录参加问答的用户成绩，展示用户在问答应用中与其他用户的排名比较。

• 新年后

1. 封装自己的JS库
2. 实现各种前端效果
3. 做面试准备，做前端面试题（妙味、牛客网、），解算法题（看妙味视频快速排序，枚举算法）

三、总结

　　记得上一次制定计划看javascript高级程序设计这部书好像正是去年快过年的时候。把计划写出来会有一种自己已经完成了的成就感，然而如果不去执行，那只是浪费时间的无味停留罢了。只剩4个月，给自己一个机会吧。

Web前端开发学习路线

标签：

原文地址：http://www.cnblogs.com/timl525/p/5026518.html