• 了解浏览器工作原理和流程

• 流水式过一遍html、div、css、javascript的混合页面

• 区分DOM和VirtualDOM的区别

• 学习Javascript基本语法

• 了解ECMAScript6

• 了解CommonJs规范

• 开始接触Nodejs：基于Commonjs规范的具体实现平台，让js可以在浏览器之外运行

• 了解webpack、gulp、grunt构建工具

• 了解Express、Koa2框架

• 了解jade、ejs、art-template模板引擎

• 了解vuejs、reactjs等前端技术

• 可以从基于nodejs的hexo静态博客搭建开始

• 如果是Java工程师，则建议直接入手Spring MVC
  ….

OK， 作为初学者，了解的范围到此为止，接下来细细品味每个点，会发现前端的技术浩如烟海，一望无际，技术选型就显得特别重要，所以我认为web前端是一门艺术，相比于android、ios的前端开发，web前端技术更灵活。而且nodejs使得前端也可以搞定后端，但我更偏向于使用nodejs搞定站点前端和简单的后端应用，真正的大型应用系统，我更偏向于基于java架构后端，毕竟成熟方案比nodejs现有方案更值得信任.

待续待纠正

推荐开发工具：chrome、visual studio code、textmate、macdown(这个支持最新的mac os)