第一阶段： 基础，包含 HTML CSS JavaScript
可学习的网站：
w3c：http://www.w3school.com.cn/ （只看HTML/CSS JavaScript模块即可）
慕课网：http://www.imooc.com/course/programdetail/pid/32
html/css基础课程： https://www.codecademy.com/learn/web
less： http://www.bootcss.com/p/lesscss/
sass： http://www.sasschina.com/guide/
flex 布局：语法篇和实例篇 http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html http://www.ruanyifeng.com/blog/2015/07/flex-examples.html
注：less和sass都是让编写css变得更简单，你可以先熟悉其中一种，推荐less，简单些
flex是一种布局，可以避免各种相对绝对定位引起的浮动。
仿写的页面 http://www.thatsitmag.com/ 用HTML和CSS实现这个页面，CSS用less写，页面布局用flex，如果能够完成，你的HTML和CSS就差不多了。要有耐心。
一些不错的技术论坛，有问题可以去那找答案或者发帖求助：
segmentfault：https://segmentfault.com/
dio.io：http://div.io/#/welcome
v2ex：https://www.v2ex.com/
一些不错的app：
segmentfault
开发者头条
推酷
36氪
前端工程师
一些不错的微信公众号：
前端大全
前端圈
前端早读课
程序员那些事
互联网实习by拉勾网
乔布简历
注：
在一些论坛和微信公众号上能看到招聘信息，你可以看看目前的招聘要求，自己要学的技术有哪些，增加动力。等你基础差不多了，我再给你整理深一点的东西。
在学习过程中学到的新的知识点，遇到问题是如何解决的，都可以记录下来，推荐你用石墨文档记录。
js: http://es6.ruanyifeng.com/
react中文:http://www.css88.com/react/docs/getting-started.html
react英文： http://reactjs.cn/react/docs/reusable-components.html#prop-
redux中文: http://cn.redux.js.org/
redux英文:http://redux.js.org/
github基本操作命令演示 http://learngitbranching.js.org/?locale=zh_CN
sourcetree: https://www.sourcetreeapp.com/