web前端怎么自学,有什么好的网站,或者资料推荐吗?

html-css04

web前端怎么自学,有什么好的网站,或者资料推荐吗?,第1张

基础性的学习网站:

w3school:http://www.w3school.com.cn/

w3cplus:www.w3cplus.com

MDN网站 :https://developer.mozilla.org/zh-CN/docs/Web

菜鸟教程网:http://www.runoob.com

易百教程:http://www.yiibai.com/

脚本之家:http://www.jb51.net

视频类的学习网站:

尚学堂:http://www.bjsxt.com/

慕课网:https://www.imooc.com/

扣丁课堂:https://www.codingke.com/

极客学院:http://www.jikexueyuan.com/

腾讯课堂:https://ke.qq.com/

个人博客类的学习网站:

张鑫旭:http://www.zhangxinxu.com/

阮一峰:http://www.ruanyifeng.com/home.html

廖雪峰:https://www.liaoxuefeng.com/

辰辰:http://www.chennoted.com/

轩枫阁:http://www.xuanfengge.com/

社区类的学习网站:

segmentfault:https://segmentfault.com/

掘金:https://juejin.im/

简书:https://www.jianshu.com/

WEB前端-伯乐在线:http://web.jobbole.com/

Stack Overflow:https://stackoverflow.com/

CSDN:https://www.csdn.net/

博客园:https://www.cnblogs.com/

开发者头条:https://toutiao.io/

视频类:

1、lynda.com(英文网站、视频质量高、收费)

http://www.lynda.com/

2、慕课网(所有教程免费,里面的讲师都很不错,课程很多)

http://www.imooc.com/

3、百度传客(部分收费,资源不错)

http://www.chuanke.com/

4、网易云课堂(这个部分视频要收费)

http://study.163.com/

5、极客学院(这个是收费的)

http://www.jikexueyuan.com/

手册、文字教程类:

1、MDN 有很多教程、示例,更新及时

https://developer.mozilla.org/en-US/

2、w3school:提供完整的建站教程,包括:HTML、CSS、TCP/IP、JS、PHP、SQL等,教程是文字教程,

提供在线代码测试,非常方便便于理解。

http://www.w3school.com.cn/

3、Jquery中文手册,支持搜索,内容全面。

http://www.hemin.cn/jq/

4、HTML Dog:英文网站,在线学习HTML、CSS和JS

http://www.htmldog.com/

5、thinkjs 参考手册(thinkjs是基于Promise的Node.js MVC框架)

http://www.thinkjs.org/doc/start.html

6、ES6教程(全面介绍ECMAScript 6新引入的语法特性。)

http://es6.ruanyifeng.com/

7、javascript的秘密花园

http://www.jb51.net/onlineread/JavaScript-Garden-CN/

8、菜鸟教程(网站开发各方面教程)

http://www.w3cschool.cc/

9、百度Echarts 开源图表库

echarts.baidu.com/index.html

10、css-hack css教程 很多css知识点都有详细的说明

http://www.divcss5.com/rumen/

论坛、社区类:

1、Stack Overflow 问答网站,提供优质的问题解答

http://stackoverflow.com/

2、segmentFault 问答网站,提供优质的问题解答

  http://segmentfault.com/

3、Github 开源代码库 代码分享 反映技术潮流 推荐!(点击查看github的介绍与使用 点击查看Git的使用)

https://github.com/

4、开源中国社区 代码分享 反映技术潮流 推荐!

http://www.oschina.net/

5、Google Code 代码分享 反映技术潮流 推荐!

(资源整理http://www.cnblogs.com/yangzhenyu/archive/2012/03/25/2417063.html)

https://code.google.com/

6、apache 代码分享 反映技术潮流 推荐!

http://www.apache.org/

7、CSDN IT社区

http://www.csdn.net/

博客、资讯类:

1、淘宝UED

  http://ued.taobao.org/blog/

2、OPEN资讯

http://www.open-open.com/news/

3、豪情的博客(里面有很多干货,有很多学习经验的分享)

http://www.cnblogs.com/jikey/

4、前端分享网

http://w3cshare.com/

5、jser的博客

http://jser.me/ (他的前端导航站不能更棒!http://123.jser.us/)

其他:

1、icon图标(这里所有需要的图标)

http://www.easyicon.net/

2、很有趣的闯关游戏,可以来试试

http://cafebabe.cc/nazo/

3、前端资源网址导航

http://www.whycss.com/

4、前端资源汇总(来自知乎)

http://www.zhihu.com/question/20246142/answer/14470387

5、外国妹子180天做的180个网站,好棒!

http://jenniferdewalt.com/

6、支持在线检查标记语言的网站

https://validator.w3.org/

7、javascript练习通关(可以判断答案是否正确,还有其他语言的学习)

http://www.codewars.com/

8、webstorm快捷键

完整快捷键 速查卡

9、less、sass的编译工具-koala

http://koala-app.com/