web前端开发学习网站大全

HTML+CSS入门：

HTML30分钟入门：http://deerchao.net/tutorials/html/html.htm

w3school：http://www.w3school.com.cn/html/index.asp

菜鸟教程：http://www.runoob.com/html/html-tutorial.html

绿叶学习网：http://www.lvyestudy.com/

html5tricks：https://www.html5tricks.com/

HTML中文学习网：http://www.html5cn.com.cn/

HTMLGOODIES：https://www.htmlgoodies.com/html5/index.php

JavaScript学习网站：

廖雪峰官网：https://www.liaoxuefeng.com/

php中文网：http://www.php.cn/js-tutorial.html

菜鸟教程：http://www.runoob.com/js/js-tutorial.html

W3school：http://www.w3school.com.cn/js/index.asp

JavaScript中文网：https://www.javascriptcn.com/

ECMAScript6入门：http://es6.ruanyifeng.com/

最全最权威的官网：https://developer.mozilla.org/

Svg学习笔记：https://www.w3cplus.com/svg-tutorial

Canvas画布：http://www.w3school.com.cn/tags/html_ref_canvas.asp

顶级Javscript常用库和框架：

jQuery：https://jquery.com/

Bootstrap 中文网：http://www.bootcss.com/

Ember.js：http://emberjs.com/

Polymer：http://www.polymer-project.org/

ReactJS：https://facebook.github.io/react

AngularJS：https://angularjs.org/

Vue.js：https://cn.vuejs.org/

数据可视化D3.js：https://d3js.org/

ECharts：http://echarts.baidu.com/

Vue学习笔记：https://www.w3cplus.com/blog/vue

Foundation 中文网：http://foundation.zurb.com/

Mint-ui：https://github.com/ElemeFE/mint-ui

Pure css中文网：http://pure-site.ap01.aws.af.cm/

JQuery Mobile：http://www.jqmapi.com/

Sass学习：

sass官网：https://www.sass.hk/

Sass-lang：http://sass-lang.com/

Sass中文文档：http://sass.bootcss.com/docs/guide/

Sass安装和入门：https://www.sass.hk/install/

Sass入门到精通：https://www.w3cplus.com/blog/tags/302.html

Sass权威官网：https://www.sasscss.com/

Less学习：

Less官网：http://lesscss.cn/

快速入门学习less中文网：https://less.bootcss.com/

外文网站：http://lesscss.org/

入门网：http://www.bootcss.com/p/lesscss/

前端常用工具：

Webstorm（一个功能强大的前端工具）：http://www.jetbrains.com/webstorm/

ATOM（Github出品的编辑器）：https://atom.io/

Sublime Text 3（光滑的用户界面）：http://www.sublimetext.com/3

Vim（Linux 系统上的最著名的文本/代码编辑器）：http://www.vim.org/

HBuilder（飞速编码的极客工具）：http://www.dcloud.io/

Notpepad++（是在微软视窗环境之下的一个免费的代码编辑器）：https://notepad-plus-plus.org/

Illustrator CS6（作图矢量工具）：http://www.adobe.com/cn/products/photoshopfamily.html

PhotoShop CS6：http://www.adobe.com/cn/products/photoshopfamily.html

Dreamweaver：http://www.adobe.com/cn/products/dreamweaver.html

雪碧图查询：http://www.spritecow.com/

制作多边形图形：http://www.ui3g.com/examples/triangulator/index.html

Svg生成工具：http://editor.method.ac/

熊猫png压缩：https://tinypng.com/

推荐阅读：

985科班出身的程序员吐槽叫兽教的太老套，身边在bat大厂工作的都靠自学

学习前端的人越来越多，为什么前端工作越来越难找了？

程序员的技能树，决定了一生职业的高度

年薪30W前端程序员，需要吃透的前端书籍推荐