前言
还记得刚接触前端应该是两年前了吧。我就顺着回忆，慢慢写下我对前端的学习路程以及一些资源。
初入坑
html/css基础
这个是学习前端最基础的部分了。一开始看的是W3cschool,先看其中的html和css基础部分，一些常用标签，以及css中的盒子模型，定位的几种方式，几种选择器。我大概花了一周左右的时间学习。然后便开始做练手项目，比如你先模仿百度首页，学会之后再模仿天猫或者是京东首页，具体看个人喜好。
学习完以上部分，做出一个个案例，我觉得你自身会获得一些成就感。
javascript（简称js）
js可以说是前端学习中最重要的一个部分。在这里就不得不提一个学习js的圣地。智能社这一套js可以说是非常的好，讲课老师非常的生活，让你理解起来也非常的舒服。看完这一套视频，跟着他做一些案例，我觉得你也会有非常大的收获。这个你能够做前端一些最基本的东西，一个页面，甚至可以写一些进行交互性的js。
ps（切图）
photoshop其实也是一个前端程序员，必须会的一样东西，在你一个人进行开发的时候，你肯定需要对一些图片进行裁剪，一般在小公司的话，前端来切图居多。
学习到这里，你可能觉得，哎，前端原来还是蛮简单的，呵呵，那你就错了，前端这个东西，操作起来，看似简单，实则暗藏杀机。我们接下来看。
再来好好学学
深入html
之前我们说的html都是html4.0版本，所以为了能更加深入的了解html，我们必须学会html5。我这边有一套html5 的视频，我觉得是不错的，html视频 （密码: 3h8r）。
深入css
之前说的css也是一样，基于2.0，对css3。我也没有特别好的资源，我当时看的是极客学院的css3。大家可以试试看，css教程，如果大家有更好的资源的话，可以私信，或者留言，供大家一起学习。
深入javascript
对于上完以上javascript的人来说，我觉接下来的话，可以看一些书籍了，我最先看的是《javascript高级程序设计》第三版，看完，你就会对js有一个系统的认识。
学习完以上，我同样希望你能够自己做一个案例，这一次，你可以试着做一整个系统。至于是什么，你自己定吧。
慕课网上也有案例，你可以自己打一遍，教程
认识jquery
虽然说现在mvvm的时代，但是不管怎么说jqury已然是一个非常经典的框架，解放了劳动力。jquery的话，我还是一样推荐看极客学院。
认识boostrap
这个也是一个框架，css的框架，也是有着解放劳动力之称。同样可以看极客学院。
了解响应式布局，和移动端页面开发
这个我推荐看，李炎恢的一个html5的教程，看下面的实战部分就好了。
我们再来总结一些，别以为学习完上面的就已经差不多了，如果是开发几个页面，那是差不多了，当一个合格的前端工程师，那还是刚入门。
进阶一下
关于css
css可以说内容非常的多，关于选择器的层级关系，定位，以及一些块级元素和行内元素的区别。这个需要你自己慢慢去摸索，这一部分，慕课网上也有相应的视频，你可以看上面的标题，然后去百度一些文字形式的回答。
慕课网视频
node.js
Node.js是一个Javascript运行环境(runtime)，发布于2009年5月，由Ryan Dahl开发，实质是对Chrome V8引擎进行了封装。Node.js对一些特殊用例进行优化，提供替代的API，使得V8在非浏览器环境下运行得更好。
推荐书籍：
《Nodejs入门》
《深入浅出NodeJs》
教程：
从零开始nodejs系列文章
饿了么面试文档
如果你英语比较好，也可以看官网，https://nodejs.org/en/
视频教程：
1：进击Node.js基础(一)-慕课网NodeJs教程
2：进击Node.js基础(二)-慕课网
Mongodb视频教程
3：mongoDB入门篇_mongoDB入门视频教程-慕课网
移动端框架zepto
这个框架和jquery非常类似，可以去看看。
打包工具grunt，gulp，webpack
现在最为流行的是webpack，这个教程，我也没有深入的研究，就请大家，自行百度吧。
git
Git是一款免费、开源的分布式版本控制系统，用于敏捷高效地处理任何或小或大的项目。Git的读音为/gɪt/。 Git是一个开源的分布式版本控制系统，用以有效、高速的处理从很小到非常大的项目版本管理。Git 是 Linus Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件。
git常用命令
开源托管平台：github
到这里，你应该对前端有了一个大概的了解，具体要做些什么。
冲刺
进阶css
推荐书籍：
css揭秘
进阶javascript
推荐书籍：
你不知道的javascript（上，中）
javascript设计模式（张容铭）
vue，angular，react
这是最近现在最流行的用来实现单页操作的框架。
vue
vue官方学习网站：
https://cn.vuejs.org/
vue-router：
https://router.vuejs.org/zh-cn/index.html
vuex：
https://vuex.vuejs.org/zh-cn/
react
react官方学习网站：
https://facebook.github.io/react/
react-router,redux自行百度。
算法
推荐书籍：
算法导论
操作系统,linux
推荐书籍：
暂无
计算机网络
推荐书籍：
计算机网络
图解http
超神
多看一些开源框架的源码。例如vue，react，jquery之类的。以及多一些实践。熟练运用算法，掌握底层实现原理。
结尾
1。不会问题，多百度，多谷歌。
2。多逛一些技术论坛，csdn，知乎，掘金，博客园，简书。
3。多看一些大咖的博客，阮一峰，廖雪峰，张旭鑫等等
4。常用视频教程网站，慕课网，智能社，汇智网，后盾网，腾讯课程，51cto学院，极客学院。
（文中不足之处望大家见谅与大胆指出）