部分会在我的博客疯狂的迈步中写出，这里会记录前端的html\css\js（想知道整个前端，戳我）欢迎fork后贡献PR，一起努力。

先学会使用git，然后注册github，熟悉gitflow的工作流程

git官网

git下载之后可以参考：

git-guide

Git 简单使用说明

github官网

注册github之后怎么用可以参考：

github使用

html主要要理解DOM节点，css主要在于样式，而js在于效果，现在延展到后端了。

在学习之前先要学会用chrome浏览器

基础篇 进阶篇 性能篇 性能进阶篇 移动篇 插件篇

从头介绍如何使用 chrome 进行 web 开发中的调试工作，包括 source、console、性能、profile、移动端调试、常用插件等的介绍，适合想更全面的了解强大的chrome 工具的同学。

先推荐看书

HTML & CSS设计与构建网站★

CSS权威指南（第三版）★★

精通CSS（第2版）★★★

学完这些之后自己实战写写页面，刚开始实在不会写的话抄页面也行。

w3c caniuse

JavaScript来说太广了，这个学习需要循循渐进。

JavaScript & jQuery交互式Web前端开发★

锋利的jQuery★★

JavaScript权威指南(第6版)★★★

其实来说这基本javaScript的书只是基础，不过这些事前提，如果不满足可以戳我

ECMAScript 6 MDN javascript

想接触后端，可以选择PHP和Node，建议JavaScript学的还好的可以选择Node，当然可以选择PHP，毕竟PHP是世界上最好的语言（不要打我）

不管是Node还是PHP都需要有一种后端思维，熟悉HTTP协议，请求响应，API接口怎么做到等等

最近很火的MEAN（M E A N）可以学下。(M)ongoDB——noSQL的文档数据库，使用JSON风格来存储数据，甚至也是使用JS来进行sql查询；(E)xpress——基于Node的Web开发框架；(A)agular——JS的前端开发框架，提供了声明式的双向数据绑定；(N)ode——基于V8的运行时环境（JS语言开发），可以构建快速响应、可扩展的网络应用。这里给参考几篇文章:

• http://raohuaming.github.io/blog/2014/02/09/full-stack-javascript-with-mean-and-yeoman/
• https://www.ibm.com/developerworks/cn/web/wa-mean1/

不知道是什么谷歌会告诉你。其实这里告诉你一个学习的秘密---搜索是最好的老师

前端面试之前基础要扎实，然后刷题吧！因为github上太多的面试相关的项目了，具体可以戳我

这里介绍一些star最多的面试题库吧

hawx1993/Front-end-Interview-questions号称史上最全

AutumnsWind/Front-end-questions-to-the-interview-stage重点是妹纸(●'◡'●)

paddingme/Front-end-Web-Development-Interview-Question重在收集呃

qiu-deqing/FE-interview这个很适合刷题吧o(^▽^)o

xirong/my-web这里面有很经典的博文

通过以上的一些面试题库，相信你也发现了，其实github上是最好学习的地方。我也整理我一份我自己的题库，想看戳我

每个人学习了之后都想记录点什么，然后都建起了个人博客，而三五年之后可能就用博客平台了。

有哪些有名的博客呢，其实要找很简单，戳我告诉你为什么简单

当然我搜集了一些博主，基本上刚才的链接里面都能够找到了。