零基础如何快速上手Web前端开发资料---持续更新

为啥要上手前端

先来交代下为啥学习前端开发吧，我本是android开发的，因公司业务发展，现在主要业务需要在前端这边，而移动端的任务相对来说不是那么紧急。所以我一个android开发的活生生的来搞前端了。

虽然有开发经验，但是对前端开发来说，完全是零基础的，经过半个月的自我奋斗，现在简单的静态页面都能做拉，先小小开心下，继续努力。

上手前端资料，我一点一点积累的

1.http://www.w3school.com.cn/
把w3school上的HTML,CSS, JavaScript，jQuery大概的看一便，先看HTML,CSS，可以快速的看，了解下概念。我自己大概花了一周左右看这个基本概念吧。
英文地址：https://www.w3.org/standards/

2.http://www.runoob.com/
菜鸟教程，和w3school差不多，都是基础的概念。

3.https://developer.mozilla.org/zh-CN/
很大的前端学习网站，这个是中文地址
英文地址：https://developer.mozilla.org/en-US/

4.http://www.fgm.cc/learn/
这个是前端的一些小例子，此人目前在淘宝

5.https://leohxj.gitbooks.io/front-end-database/content/html-and-css-basic/index.html
前端一些基础东西

6.http://taobaofed.org/
淘宝前端开发的博客地址，这个对于有基础的人来说比较好，小白来说有点困难，不管，先收藏

7.https://www.codecademy.com/learn
前端学习的网站，感觉还行

8.http://www.zhangxinxu.com/wordpress/
十年的前端开发老鸟博客，很多学习的地方

9.http://www.liaoxuefeng.com/
这也是一个牛人的网站，git,JavaScript可以看看他写的教程

10.http://www.ruanyifeng.com/blog/
前端大牛博客

11.http://detachment.club/2016/07/02/%E5%9F%BA%E4%BA%8E%E3%80%8A%E7%B2%BE%E9%80%9AJavaScript%E5%BC%80%E5%8F%91%E3%80%8B%E8%AF%BE%E7%A8%8B%E7%9A%84%E5%A4%8D%E4%B9%A0%E4%B8%8E%E6%80%BB%E7%BB%93/
个人的JavaScript学习总结。

12.http://www.qdfuns.com/
前端网，一个前端学习者的聚集地

13.http://webres.wang/
web资源网

视频资料：我的学习视频
1.http://study.163.com/course/courseMain.htm?courseId=1003864040
江哥的视频，很有激情。但是是连载中的，没有跟新完

2.http://study.163.com/course/introduction.htm?courseId=224014#/courseDetail?tab=1
我前端朋友推荐我的前端视频，还没有来得及看。JavaScript基础的
3.慕课网：
1.http://www.imooc.com/learn/95 布局基础
2.http://www.imooc.com/learn/57 如何用css进行布局
3.http://www.imooc.com/learn/147 企业网站布局
4.http://www.imooc.com/learn/36 JavaScript入门篇

好吧，差不多就这些，资料我今夜先整理到这里，有更好的资料，欢迎大家留言告知，我发现更好的资料会及时更新，哈哈，大家多多关注！

我也是前端小白，大家一起撸起袖子干咯！