web前端开发学习网站大全

男娘i 2022-01-05 04:49 328阅读 0赞

![20190622212008100.][]

HTML+CSS入门：

HTML30分钟入门：[http://deerchao.net/tutorials/html/html.htm][http_deerchao.net_tutorials_html_html.htm]

w3school：[http://www.w3school.com.cn/html/index.asp][http_www.w3school.com.cn_html_index.asp]

菜鸟教程：[http://www.runoob.com/html/html-tutorial.html][http_www.runoob.com_html_html-tutorial.html]

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

html5tricks：[https://www.html5tricks.com/][https_www.html5tricks.com]

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

HTMLGOODIES：[https://www.htmlgoodies.com/html5/index.php][https_www.htmlgoodies.com_html5_index.php]

![20190622212023385.][]

JavaScript学习网站：

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

php中文网：[http://www.php.cn/js-tutorial.html][http_www.php.cn_js-tutorial.html]

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

W3school：[http://www.w3school.com.cn/js/index.asp][http_www.w3school.com.cn_js_index.asp]

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

ECMAScript6入门：[http://es6.ruanyifeng.com/][http_es6.ruanyifeng.com]

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

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

Canvas画布：[http://www.w3school.com.cn/tags/html\_ref\_canvas.asp][http_www.w3school.com.cn_tags_html_ref_canvas.asp]

![20190622212035211.][]

顶级Javscript常用库和框架：

jQuery：[https://jquery.com/][https_jquery.com]

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

Ember.js：[http://emberjs.com/][http_emberjs.com]

Polymer：[http://www.polymer-project.org/][http_www.polymer-project.org]

ReactJS：[https://facebook.github.io/react][https_facebook.github.io_react]

AngularJS：[https://angularjs.org/][https_angularjs.org]

Vue.js：[https://cn.vuejs.org/][https_cn.vuejs.org]

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

ECharts：[http://echarts.baidu.com/][http_echarts.baidu.com]

Vue学习笔记：[https://www.w3cplus.com/blog/vue][https_www.w3cplus.com_blog_vue]

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

Mint-ui：[https://github.com/ElemeFE/mint-ui][https_github.com_ElemeFE_mint-ui]

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

JQuery Mobile：[http://www.jqmapi.com/][http_www.jqmapi.com]

![20190622212104181.][]

Sass学习：

sass官网：[https://www.sass.hk/][https_www.sass.hk]

Sass-lang：[http://sass-lang.com/][http_sass-lang.com]

Sass中文文档：[http://sass.bootcss.com/docs/guide/][http_sass.bootcss.com_docs_guide]

Sass安装和入门：[https://www.sass.hk/install/][https_www.sass.hk_install]

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

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

Less学习：

Less官网：[http://lesscss.cn/][http_lesscss.cn]

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

外文网站：[http://lesscss.org/][http_lesscss.org]

入门网：[http://www.bootcss.com/p/lesscss/][http_www.bootcss.com_p_lesscss]

![20190622212121814.][]

前端常用工具：

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

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

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

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

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

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

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

PhotoShop CS6：[http://www.adobe.com/cn/products/photoshopfamily.html][http_www.adobe.com_cn_products_photoshopfamily.html]

Dreamweaver：[http://www.adobe.com/cn/products/dreamweaver.html][http_www.adobe.com_cn_products_dreamweaver.html]

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

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

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

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

**推荐阅读：**

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

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

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

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

[20190622212008100.]: /images/20211230/fd63c0b3a1854ef0a7254b064b2bb1ee.png?
[http_deerchao.net_tutorials_html_html.htm]: http://deerchao.net/tutorials/html/html.htm
[http_www.w3school.com.cn_html_index.asp]: http://www.w3school.com.cn/html/index.asp
[http_www.runoob.com_html_html-tutorial.html]: http://www.runoob.com/html/html-tutorial.html
[http_www.lvyestudy.com]: http://www.lvyestudy.com/
[https_www.html5tricks.com]: https://www.html5tricks.com/
[http_www.html5cn.com.cn]: http://www.html5cn.com.cn/
[https_www.htmlgoodies.com_html5_index.php]: https://www.htmlgoodies.com/html5/index.php
[20190622212023385.]: /images/20211230/5a9ba767107541d6b5a36bba1fabedc8.png?
[https_www.liaoxuefeng.com]: https://www.liaoxuefeng.com/
[http_www.php.cn_js-tutorial.html]: http://www.php.cn/js-tutorial.html
[http_www.runoob.com_js_js-tutorial.html]: http://www.runoob.com/js/js-tutorial.html
[http_www.w3school.com.cn_js_index.asp]: http://www.w3school.com.cn/js/index.asp
[https_www.javascriptcn.com]: https://www.javascriptcn.com/
[http_es6.ruanyifeng.com]: http://es6.ruanyifeng.com/
[https_developer.mozilla.org]: https://developer.mozilla.org/
[https_www.w3cplus.com_svg-tutorial]: https://www.w3cplus.com/svg-tutorial
[http_www.w3school.com.cn_tags_html_ref_canvas.asp]: http://www.w3school.com.cn/tags/html_ref_canvas.asp
[20190622212035211.]: /images/20211230/67a6ddf36d9c4e4aa67cdcd082428907.png?
[https_jquery.com]: https://jquery.com/
[http_www.bootcss.com]: http://www.bootcss.com/
[http_emberjs.com]: http://emberjs.com/
[http_www.polymer-project.org]: http://www.polymer-project.org/
[https_facebook.github.io_react]: https://facebook.github.io/react
[https_angularjs.org]: https://angularjs.org/
[https_cn.vuejs.org]: https://cn.vuejs.org/
[https_d3js.org]: https://d3js.org/
[http_echarts.baidu.com]: http://echarts.baidu.com/
[https_www.w3cplus.com_blog_vue]: https://www.w3cplus.com/blog/vue
[http_foundation.zurb.com]: http://foundation.zurb.com/
[https_github.com_ElemeFE_mint-ui]: https://github.com/ElemeFE/mint-ui
[http_pure-site.ap01.aws.af.cm]: http://pure-site.ap01.aws.af.cm/
[http_www.jqmapi.com]: http://www.jqmapi.com/
[20190622212104181.]: /images/20211230/e508f4664aff431993c174bc289cbcbe.png?
[https_www.sass.hk]: https://www.sass.hk/
[http_sass-lang.com]: http://sass-lang.com/
[http_sass.bootcss.com_docs_guide]: http://sass.bootcss.com/docs/guide/
[https_www.sass.hk_install]: https://www.sass.hk/install/
[https_www.w3cplus.com_blog_tags_302.html]: https://www.w3cplus.com/blog/tags/302.html
[https_www.sasscss.com]: https://www.sasscss.com/
[http_lesscss.cn]: http://lesscss.cn/
[https_less.bootcss.com]: https://less.bootcss.com/
[http_lesscss.org]: http://lesscss.org/
[http_www.bootcss.com_p_lesscss]: http://www.bootcss.com/p/lesscss/
[20190622212121814.]: /images/20211230/28507950e5224b8ea3b52d050638be90.png?
[http_www.jetbrains.com_webstorm]: http://www.jetbrains.com/webstorm/
[https_atom.io]: https://atom.io/
[http_www.sublimetext.com_3]: http://www.sublimetext.com/3
[http_www.vim.org]: http://www.vim.org/
[http_www.dcloud.io]: http://www.dcloud.io/
[https_notepad-plus-plus.org]: https://notepad-plus-plus.org/
[http_www.adobe.com_cn_products_photoshopfamily.html]: http://www.adobe.com/cn/products/photoshopfamily.html
[http_www.adobe.com_cn_products_dreamweaver.html]: http://www.adobe.com/cn/products/dreamweaver.html
[http_www.spritecow.com]: http://www.spritecow.com/
[http_www.ui3g.com_examples_triangulator_index.html]: http://www.ui3g.com/examples/triangulator/index.html
[http_editor.method.ac]: http://editor.method.ac/
[https_tinypng.com]: https://tinypng.com/
[985_bat]: http://mp.weixin.qq.com/s?__biz=MzU4MDYzOTcyOA==&mid=2247485493&idx=1&sn=0348a27a7542eac2fc6e2c52382cc70b&chksm=fd5286aaca250fbc22608579663be266ca4ae21166494f5f5c42d0bc293b8073447a2585ca6a&token=244002743&lang=zh_CN#rd
[Link 1]: http://mp.weixin.qq.com/s?__biz=MzU4MDYzOTcyOA==&mid=2247485493&idx=3&sn=d679bd155c8daf9442314aa2e15d2b00&chksm=fd5286aaca250fbcfeb022cf80f4c7f8372439a2750ed4ac0cf5d2459d3d7ffdba578b673341&token=244002743&lang=zh_CN#rd
[Link 2]: https://mp.weixin.qq.com/s?__biz=MzU4MDYzOTcyOA==&mid=2247485297&idx=1&sn=a8370aedbcab3fc70a2806de7ef2f594&chksm=fd5289eeca2500f89a7fdc3970ca555338b9d48d29141080bcb066a8788414c9c92bec2ab4c7&token=953636986&lang=zh_CN#rd
[30W]: http://mp.weixin.qq.com/s?__biz=MzU4MDYzOTcyOA==&mid=2247485464&idx=3&sn=8da9b4a0dad6a6900da28c984858abb8&chksm=fd528687ca250f91b9b6b771ce5be7bb721b9aede935e9a89bd7e3363b01ff95b40b63fed5d2&token=244002743&lang=zh_CN#rd