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前端程序員，需要吃透的前端書籍推薦