Awesome Open Source
Awesome Open Source

Front-end-tutorial

````````

The Future

Front-End Tutorial

Back-End Tutorial

Front-Back-End Tutorial

Other Wizards List

Web

**** & &

____

| :----:|:----: | https://github.com/nicejade/nice-front-end-tutorial/blob/master/tutorial/front-end-tutorial.md Roadmap to becoming a web developer in 2018 | https://awesomeopensource.com/project/kamranahmedse/developer-roadmap |https://awesomeopensource.com/project/JacksonTian/fks Web|https://awesomeopensource.com/project/unruledboy/WebFrontEndStack |https://awesomeopensource.com/project/justjavac/free-programming-books-zh_CN |https://awesomeopensource.com/project/dypsilon/frontend-dev-bookmarks |https://awesomeopensource.com/project/vhf/free-programming-books |http://www.cnblogs.com/sb19871023/p/3894452.html |https://awesomeopensource.com/project/justjavac/free-programming-books-zh_CN JavaScriptJS |https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/A_re-introduction_to_JavaScript |http://v.163.com/special/opencourse/bianchengdaolun.html JavaScriptthis--|http://segmentfault.com/a/1190000002640298 JS|https://llh911001.gitbooks.io/mostly-adequate-guide-chinese/content/ch1.html JavaScript Promise|http://liubin.github.io/promises-book Web|https://awesomeopensource.com/project/AlloyTeam/Mars Front-End-Develop-Guide |https://awesomeopensource.com/project/Front-End-Developers-Hunan/Front-End-Develop-Guide |https://li-xinyang.gitbooks.io/frontend-notebook/content

____

| :----:|:----: **** | https://nicelinks.site/theme/tools Web | https://github.com/nicejade/nice-front-end-tutorial/blob/master/tutorial/tools-tutorial.md ____| http://f2er.club/ Sublime Text|http://www.jeffjade.com/2015/12/15/2015-04-17-toss-sublime-text/# Atom|http://www.jeffjade.com/2016/03/03/2016-03-02-how-to-use-atom/ IntelliJ IDEA |https://awesomeopensource.com/project/judasn/IntelliJ-IDEA-Tutorial

____

| :----:|:----: **JavaScript **|https://awesomeopensource.com/project/jobbole/awesome-javascript-cn **** | https://nicelinks.site/theme/picture **** | https://nicelinks.site/theme/design **** | https://nicelinks.site/theme/program **** | https://nicelinks.site/theme/icons **** | https://nicelinks.site/theme/community **** | https://nicelinks.site/theme/search Google 100+ web|https://xituqu.com/170.html ****|http://hao.uisdc.com/ Web(Alloyteam)|http://www.alloyteam.com/nav/ ****|http://so.chongbuluo.com/ iconfont|http://www.iconfont.cn/ zoommyapp.com|http://zoommyapp.com/ unsplash.com|https://unsplash.com/ www.pinterest.com|https://www.pinterest.com/ New Old Stock|http://nos.twnsnd.co 500px.com|https://500px.com/ |http://www.jq22.com |http://huaban.com/ |http://www.topit.me/ codepen|http://codepen.io/ |http://699pic.com/ JavaScript|http://microjs.com

____

| :----:|:----: |http://www.cnblogs.com/jikey/p/3613082.html Javascript|http://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000 PS|http://www.imooc.com/view/506 |https://awesomeopensource.com/project/qiu-deqing/FE-learning

Blog

Blog-Name | :----:|:----: ISUX | http://isux.tencent.com AlloyTeam | http://www.alloyteam.com/webdevelop/ | http://old.75team.com/weekly/ -U | http://www.aliued.cn (FED) | http://taobaofed.org FEG | http://feg.netease.com/ | http://uedc.163.com/ | http://weekly.manong.io ( ) | https://aotu.io/ WEB | http://www.css88.com WEB | http://fex.baidu.com | http://f2e.souche.com/blog/ | https://zhuanlan.zhihu.com/ElemeFE | https://tech.meituan.com/ | http://ued.ctrip.com/blog/ ( ) | https://www.qianduan.net/ | https://qianduan.group/ Awesomes-Web | https://www.awesomes.cn/ || | https://juejin.im/explore/frontend Segmentfault|| | https://segmentfault.com/news/frontend | | https://toutiao.io/c/fe A JS tip per day! | http://www.jstips.co CodePen - Front End Developer Playground | https://codepen.io/ Reloading Medium | https://medium.com/reloading Cybersecurity Medium | https://medium.com/topic/cybersecurity Hacker Noon | https://hackernoon.com/ Frontend Focus | https://frontendfoc.us/ JavaScript Weekly | http://javascriptweekly.com/ Css Weekly | http://css-weekly.com/ Web Design Weekly | https://web-design-weekly.com/ Web Tools Weekly | https://webtoolsweekly.com/ Learn CSS Animation | https://cssanimation.rocks/ Hack Design | https://hackdesign.org/ Codeburst | https://codeburst.io/ SitePen Blog | https://www.sitepen.com/blog/ JavaScript Weekly ^subscribe | http://javascriptweekly.com/issues Frontend Focus ^subscribe | https://frontendfoc.us/issues WebOps Weekly ^subscribe | https://webopsweekly.com/issues Node Weekly ^subscribe | https://nodeweekly.com/issues Mobile Dev Weekly ^subscribe | https://mobilewebweekly.com/issues Front-end Web Development, Chewed Up ← Alligator.io | https://alligator.io/

____

| :----:|:----: mozilla js|https://developer.mozilla.org/zh-CN/docs/Web/JavaScript chromechromeblink|https://developer.chrome.com/extensions/api_index.html safari|https://developer.apple.com/library/safari/navigation microsoft js|https://msdn.microsoft.com/zh-cn/library/d1et7k7c(v=vs.94.aspx js|http://sanshi.me/articles/JavaScript-Garden-CN/html/index.html js|http://bonsaiden.github.io/JavaScript-Garden/zh w3help|http://www.w3help.org Bug

Nodejs

Nodejs | :----:|:----:
Node.js |https://awesomeopensource.com/project/alsotang/node-lessons nodejs|http://60sky.com NodeJS 04|http://www.cnblogs.com/yexiaochai/p/3536547.html 7nodejs |http://www.cnblogs.com/qqloving/p/3541099.html NodeJS|https://awesomeopensource.com/project/nqdeng/7-days-nodejs Nodejs--- |http://www.cnblogs.com/zhongweiv/p/nodejs_events.html nodejs|http://www.cnblogs.com/liusuqi/p/3735491.html angularjs nodejs|https://awesomeopensource.com/project/zensh/jsgen nodejs|http://blog.fens.me/series-nodejs nodejs|http://debuggable.com/posts/understanding-node-js:4bd98440-45e4-4a9a-8ef7-0f7ecbdd56cb nodejs|http://blog.mixu.net/2011/02/01/understanding-the-node-js-event-loop node|http://www.nodebeginner.org/index-zh-cn.html nodejs cms|http://ourjs.com/detail/53e1f281c5910a9806000001 NodeNodeJS|http://ourjs.com/detail/529ca5950cb6498814000005 NodeJS|http://www.barretlee.com/blog/2015/10/07/debug-nodejs-in-command-line

API

API| :----:|:----: OverAPI.com|http://overapi.com/ javascripting|http://www.javascripting.com |http://microjs.com
runoob.com-API|http://www.runoob.com API|http://tool.oschina.net/apidocs devdocs|http://devdocs.io API

Ecmascript

Ecmascript| :----:|:----:
Understanding ECMAScript 6 - Nicholas C. Zakas|https://leanpub.com/understandinges6/read exploring-es6|https://leanpub.com/exploring-es6/read exploring-es6|https://awesomeopensource.com/project/es6-org/exploring-es6 exploring-es6|http://es6-org.github.io/exploring-es6 es6|http://es6.ruanyifeng.com Javascript|http://javascript.ruanyifeng.com ECMA-262 5 |http://yanhaijing.com/es5 es5|http://es5.github.io

Vue

Vue.js | :----:|:----: Vue2.0 | https://vuefe.cn/ Vue|http://cn.vuejs.org Vue Router|https://router.vuejs.org/ Vuex | https://vuex.vuejs.org/ Vue-Cli | https://awesomeopensource.com/project/vuejs/vue-cli Vue |http://forum.vuejs.org Vue |https://gitter.im/vuejs/vue Vue |http://www.cnblogs.com/aaronjs/p/3660102.html Vue |http://segmentfault.com/a/1190000000411057 awesome-vue|https://awesomeopensource.com/project/vuejs/awesome-vue vue-syntax-highlight | https://awesomeopensource.com/project/vuejs/vue-syntax-highlight Vue | http://jeffjade.com/2017/03/11/120-how-to-write-vue-better/?me

Angularjs

Angularjs| :----:|:----:
Angular.js |https://awesomeopensource.com/project/dolymood/AngularLearning angularjs|http://angularjs.cn Angularjs|http://www.cnblogs.com/xuwenmin888/p/3739096.html Angularjs|http://www.ifeenan.com/?c=AngularJS angularbootstrap|http://angular-ui.github.io/bootstrap angularjs + nodejs|https://cnodejs.org/topic/51404e0f069911196d2e3923 Angularjs|http://www.cnblogs.com/lvdabao/tag/AngularJs AngularJS |http://www.infoq.com/cn/news/2013/02/angular-web-app Angular|http://www.lovelucy.info/angularjs-best-practices.html Angular|https://awesomeopensource.com/project/Pasvaz/bindonce Angular UI|https://github.com/angular-ui EmberAngularJS|http://voidcanvas.com/emberjs-vs-angularjs-performance-testing AngularJS - |http://www.cnblogs.com/powertoolsteam/p/angularjs-introdection.html Angularjs|http://angular.duapp.com/docs/guide Angularjs|http://www.cnblogs.com/amosli/p/3710648.html jQueryAngularJS|http://www.rainweb.cn/article/angularjs-jquery.html angularjs |http://wangjiatao.diandian.com/?tag=angularjs angularjs |http://www.angularjs.cn/T008 angularjs |https://awesomeopensource.com/project/jmcunningham/AngularJS-Learning angular bootstrap|http://angular-ui.github.io/bootstrap angular jq mobile|https://awesomeopensource.com/project/opitzconsulting/jquery-mobile-angular-adapter angular ui|http://mgcrea.github.io/angular-strap jQuery Mobile+AngularJS|http://www.tuicool.com/articles/7ZZVr2 jQueryAngularJS|http://blog.jobbole.com/46589/ AngularJS|http://each.sinaapp.com/angular angular|http://www.zouyesheng.com/angular.html

React

React| :----:|:----:
react.js |http://www.react-china.org react.js |https://facebook.github.io/react/index.html react.js |https://facebook.github.io/react/docs/getting-started.html react.js material UI|http://material-ui.com/# react.js TouchstoneJS UI|http://touchstonejs.io react.js amazeui UI|http://amazeui.org/react React - |http://www.ruanyifeng.com/blog/2015/03/react.html React Native |http://wiki.jikexueyuan.com/project/react-native Webpack React - |http://www.html-js.com/article/Fakefish%203053 Webpack React - gitbook|https://fakefish.github.io/react-webpack-cookbook webpack|https://awesomeopensource.com/project/webpack/webpack Webpack101|http://html-js.com/article/3009 webpack|http://html-js.com/article/3113 webpack|http://segmentfault.com/a/1190000003499526

Js template

Js template| :----:|:----:
template-chooser|http://garann.github.io/template-chooser artTemplate|https://awesomeopensource.com/project/aui/artTemplate tomdjs|https://github.com/aui/tmodjs/blob/master/README.md Fxtpl v1.0 |http://koen301.github.io/fxtpl laytpl|http://laytpl.layui.com mozilla - nunjucks|https://awesomeopensource.com/project/mozilla/nunjucks Juicer|https://awesomeopensource.com/project/PaulGuo/Juicer dustjs|http://akdubya.github.io/dustjs etpl|http://ecomfe.github.io/etpl

HTML5(HTML)

HTML(HTML5) | :----:|:----: HTML5|https://segmentfault.com/a/1190000002695791 HTML|https://segmentfault.com/a/1190000002680822 HTML meta|https://segmentfault.com/a/1190000004279791 HTML5|http://www.cnblogs.com/dojo-lzz/p/5059316.html

CSS3(CSS)

CSS| :----:|:----:
CSS |http://tympanus.net/codrops/css_reference CSS|https://github.com/chadluo/CSS-Guidelines/blob/master/README.md CSS3|http://isux.tencent.com/css3/index.html css3|http://isux.tencent.com/css3/tools.html css|http://linxz.github.io/tianyizone css3 js |http://www.note12.com/category/blog/2014-6-5/538fe0a9f786f1b7019a4dfb bouncejs |http://bouncejs.com animate.css|http://daneden.github.io/animate.css CSS( []|http://www.alloyteam.com/2015/10/8536 browserhacks|http://browserhacks.com

API

API| :----:|:----: 99|https://awesomeopensource.com/project/jtyjty99999/mobileTech |https://awesomeopensource.com/project/AlloyTeam/Mars |http://caibaojian.com/mobile-web-bug.html web|http://www.cnblogs.com/PeunZhang/p/3407453.html zepto 1.0 |http://www.html-5.cn/Manual/Zepto zepto 1.1.2|http://www.css88.com/doc/zeptojs_api zepto |http://www.cnblogs.com/sky000/archive/2013/03/29/2988952.html jqmobile |http://app-framework-software.intel.com/api.php |https://github.com/maxzhang/maxzhang.github.com/issues |https://awesomeopensource.com/project/hoosin/mobile-web-favorites

jQuery

jQuery| :----:|:----:
YOU MIGHT NOT NEED JQUERY|http://youmightnotneedjquery.com/ jQuery API |http://www.jquery123.com hemin |http://hemin.cn/jq css88 jq api|http://www.css88.com/jqapi-1.9/on css88 jqui api|http://www.css88.com/jquery-ui-api jquery|http://learn.jquery.com jquery |http://james.padolsey.com/jquery Web(jQuery,Js,Css3)|http://www.cnblogs.com/jihua/p/webfront.html

D3

D3| :----:|:----: d3 Tutorials|https://github.com/mbostock/d3/wiki/Tutorials Gallery|https://github.com/mbostock/d3/wiki/Gallery lofter|http://datavisual.lofter.com/post/40cf3a_188e535 iteye|http://alanland.iteye.com/blog/1878595 ruanyifeng|http://javascript.ruanyifeng.com/library/d3.html

Requriejs

Requriejs| :----:|:----: Javascript |http://www.ruanyifeng.com/blog/2012/10/javascript_module.html JavascriptAMD|http://www.ruanyifeng.com/blog/2012/10/asynchronous_module_definition.html Javascriptrequire.js|http://www.ruanyifeng.com/blog/2012/11/require_js.html RequireJS|http://www.cnblogs.com/snandy/archive/2012/05/22/2513652.html RequireJS|http://www.cnblogs.com/snandy/archive/2012/05/23/2513712.html RequireJS|http://www.cnblogs.com/snandy/archive/2012/06/08/2538001.html requrie|http://www.cnblogs.com/yexiaochai/p/3632580.html requrie |http://www.oschina.net/translate/getting-started-with-the-requirejs-library requrieJS |http://www.cnblogs.com/yexiaochai/p/3214926.html requriejs |http://cyj.me/why-seajs/requirejs/ require backbone|http://www.cnblogs.com/yexiaochai/p/3221081.html

Seajs

Seajs| :----:|:----: seajs|http://seajs.org seajs |http://cyj.me/why-seajs/zh

Less,sass

Less,sass| :----:|:----: sass|http://www.w3cplus.com/sassguide sass-sass|http://www.sass.hk Sass |http://sass.bootcss.com less|http://less.bootcss.com

Markdown

Markdown| :----:|:----: Markdown (|http://wowubuntu.com/markdown markdown|https://github.com/LearnShare/Learning-Markdown/blob/master/README.md gitbook|https://www.gitbook.com markdown mdeditor|https://www.zybuluo.com/mdeditor markdown stackedit|https://stackedit.io markdown mditor|http://bh-lay.github.io/mditor markdown lepture-editor|https://awesomeopensource.com/project/lepture/editor markdown-editor|https://awesomeopensource.com/project/jbt/markdown-editor |https://www.zybuluo.com

____

| :----:|:----: esma |http://kangax.github.io/compat-table/es6 W3C CSS|http://jigsaw.w3.org/css-validator/validator.html.zh-cn caniuse|http://caniuse.com/#index csscreator|http://csscreator.com/properties microsoft|https://msdn.microsoft.com/zh-cn/library/cc351024(v=vs.85.aspx -|http://www.responsinator.com emulators|https://www.manymo.com/emulators

UI

UI| :----:|:----: Foundation |http://foundation.zurb.com/?form=jeffjade.com Bootcss|http://v3.bootcss.com/?form=jeffjade.com Element UI | http://element.eleme.io/#/zh-CN Vue ANT DESIGN |http://ant.design UI Smart UI|http://smartui.chinamzz.com MetroUICSS|http://www.w3cplus.com/MetroUICSS Semantic|http://semantic-ui.com Layui | http://www.layui.com/?form=jeffjade.com Buttons|http://alexwolfe.github.io/Buttons kitecss|http://hiloki.github.io/kitecss pintuer|http://www.pintuer.com amazeui|http://amazeui.org worldhello|http://www.worldhello.net/gotgithub/index.html linuxtoy|http://igit.linuxtoy.org/contents.html gitmagic|http://www-cs-students.stanford.edu/~blynn/gitmagic/intl/zh_cn rogerdudler|http://rogerdudler.github.io/git-guide/index.zh.html gitref|http://gitref.justjavac.com book|http://git-scm.com/book/zh gogojimmy|http://gogojimmy.net/2012/01/17/how-to-use-git-1-git-basic

API

API| :----:|:----: HTTP API |http://segmentfault.com/bookmark/1230000002521721 javascript|javascriptoo api|http://niceue.com/validator/demo/index.php underscore |http://www.css88.com/doc/underscore underscore|http://www.html-js.com/article/Underscorejs-source-code-analysis-of-underscorejs-source-code-analysis%203031 underscore-|http://yalishizhude.github.io/tags/underscore underscrejs en api|http://underscorejs.org lodash - underscore|https://lodash.com ext4api|http://extjs-doc-cn.github.io/ext4api qwrap|http://dev.qwrap.com/resource/js/_docs/_youa/#/qw/base/loadJs_.htm |http://easings.net/zh-cn svg |http://www.w3school.com.cn/svg/svg_reference.asp svg mdn|https://developer.mozilla.org/en-US/docs/Web/SVG svg canvas|https://awesomeopensource.com/project/gabelerner/canvg svg png|https://awesomeopensource.com/project/exupero/saveSvgAsPng ai-to-svg|http://www.zamzar.com/convert/ai-to-svg localStorage |https://awesomeopensource.com/project/machao/localStorage

____

| :----:|:----: Highcharts API|http://www.hcharts.cn/api/index.php Highcharts API|http://api.highcharts.com/highcharts ECharts |http://echarts.baidu.com/ |http://lbs.amap.com/api |http://paperjs.org svg |http://jvectormap.com

____

| :----:|:----: JS|http://segmentfault.com/a/1190000002471140 30|http://deerchao.net/tutorials/regex/regex.htm MDN-|https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Regular_Expressions ruanyifeng - RegExp|http://javascript.ruanyifeng.com/stdlib/regexp.html

____

| :----:|:----: github|http://alloyteam.github.io/CodeGuide HTML&CSS by @mdo|http://codeguide.bootcss.com css-AlloyTeam|http://www.alloyteam.com/2011/10/css-on-team-naming/ js - by yuwenhui|http://yuwenhui.github.io js - by |http://www.cnblogs.com/hustskyking/p/javascript-spec.html |http://zhibimo.com/read/Ashu/front-end-style-guide Airbnb JavaScript |https://awesomeopensource.com/project/yuche/javascript#table-of-contents AMDCMD|http://www.zhihu.com/question/20351507 AMDCMD|http://www.cnblogs.com/tugenhua0707/p/3507957.html KISSY |http://docs.kissyui.com/1.4/docs/html/tutorials/style-guide/kissy-source-style.html bt|http://codeguide.bootcss.com |https://awesomeopensource.com/project/Suxiaogang/Code_Guide |http://blog.jobbole.com/79075 |http://coderlmn.github.io/code-standards |http://isobar-idev.github.io/code-standards |http://zhuanlan.zhihu.com/fuyun/19884834 ECMAScript6 --|https://awesomeopensource.com/project/gf-rd/es6-coding-style JavaScript /Airbnb|http://blog.jobbole.com/79484 |http://nec.netease.com/standard css|http://www.75team.com/archives/1049 |https://awesomeopensource.com/project/ecomfe/spec

PHP

PHP| :----:|:----: PHP |http://segmentfault.com/a/1190000000443795 PHP |https://github.com/hfcorriez/fig-standards/blob/zh_CN/%E6%8E%A5%E5%8F%97/PSR-2-coding-style-guide.md

____

| :----:|:----: Facebook Projects|https://code.facebook.com/projects/web web|http://fex.baidu.com EFE|http://efe.baidu.com github|https://github.com/fex-team alloyteam|http://www.alloyteam.com alloyteam-github|http://alloyteam.github.io alloyteam-AlloyGameEngine|https://awesomeopensource.com/project/AlloyTeam/AlloyGameEngine AlloyDesigner|http://alloyteam.github.io/AlloyDesigner H5AEditor|http://www.alloyteam.com/2015/06/h5-jiao-hu-ye-bian-ji-qi-aeditor-jie-shao H5 AEditor|http://aeditor.alloyteam.com H5 weekly|https://awesomeopensource.com/project/fenbility/weekly-feed |http://75team.github.io Qunar UED|http://ued.qunar.com

____

| :----:|:----: ieBetter.js-IE6-IE8IE9+,Chrome|http://www.zhangxinxu.com/wordpress/2013/12/iebetter-js-make-ie6-ie8-like-modern-browser-ie9-chrome |http://mottie.github.io/Keyboard |https://awesomeopensource.com/project/hotoo/pinyin |https://awesomeopensource.com/project/mc-zone/IDValidator

____

| :----:|:----: JavaScript . |https://github.com/Ralph-Wang/algorithm.in.js JS|https://awesomeopensource.com/project/twobin/twobinSort |https://github.com/luofei2011/jsAgm/blob/master/js/sort.js -js|https://awesomeopensource.com/project/hechangmin/jssort JavaScript |https://awesomeopensource.com/project/lightningtgc/JavaScript-Algorithms |http://www.nowcoder.com/live/courses

____

| :----:|:----: fastclick|https://awesomeopensource.com/project/ftlabs/fastclick no-click-delay|https://awesomeopensource.com/project/mmastrac/jquery-noclickdelay Android|http://www.cnblogs.com/lcw/p/3619181.html Android |http://www.jianshu.com/p/4390f4fe19b3 ionic | https://awesomeopensource.com/project/ychow/ionic-guide

JSON

JSON | :----:|:----: JSON|http://beta.json-generator.com

____

| :----:|:----: myfocus|https://awesomeopensource.com/project/koen301/myfocus myfocus-|http://www.chhua.com/myfocus SuperSlidev2.1 -- |http://www.superslide2.com soChange|http://www.bujichong.com/sojs/soChange/index.html

Ext, EasyUI, J-UI UI

Ext, EasyUI, J-UI UI | :----:|:----: UI - CSS UI|http://developer.yahoo.com/yui/grids extjs|https://www.sencha.com/products/extjs ext4api|http://docs.sencha.com/extjs/4.0.7 ext4api|http://extjs-doc-cn.github.io/ext4api jquery easyui |http://jquery-easyui.googlecode.com/svn/trunk/src J-UI|http://jui.org MUI-APP|http://dcloudio.github.io/mui Amaze UI( HTML5 )|http://amazeui.org HTML5 |http://m.sui.taobao.org KISSY - JavaScript|http://docs.kissyui.com Nej - Nice Easy Javascript|http://nej.netease.com Kendo UI MVVM Demo|http://demos.telerik.com/kendo-ui/mvvm/index

__ __

| :----:|:----: |http://share.baidu.com pc JiaThis|http://jiathis.com pc |http://developer.baidu.com/soc/share ShareSDK |http://www.mob.com/#/index |http://dev.umeng.com/social/android/quick-integration

____

| :----:|:----: tinymce|https://www.tinymce.com ueditor|http://ueditor.baidu.com/website ckeditor|http://ckeditor.com kindeditor|http://kindeditor.net wysiwyg|http://www.bootcss.com/p/bootstrap-wysiwyg Bach's Editor|http://integ.github.io/BachEditor tower|https://awesomeopensource.com/project/mycolorway/simditor summernote |https://awesomeopensource.com/project/summernote/summernote html5|http://neilj.github.io/Squire Quilljs | http://quilljs.com wangEditor|https://awesomeopensource.com/project/wangfupeng1988/wangEditor

____

| :----:|:----: |http://www.awesomes.cn |https://github.com/fouber/blog/issues/10?from=timeline&isappinstalled=0# [] -|https://segmentfault.com/a/1190000005174755

Gulp

Gulp | :----:|:----:
Gulp|http://gulpjs.com Gulp|http://www.gulpjs.com.cn gulp|https://awesomeopensource.com/project/Platform-CUF/use-gulp Gulp - ruanyifeng|http://javascript.ruanyifeng.com/tool/gulp.html Gulp|http://gulpjs.com/plugins Gulp(I)|http://www.jeffjade.com/2015/11/25/2015-11-25-toss-gulp/ Gulp(II)|http://www.jeffjade.com/2016/01/19/2016-01-19-toss-gulp/ Gulp|http://www.ido321.com/1622.html gulp?|https://github.com/hjzheng/CUF_meeting_knowledge_share/issues/33 Gulp|http://www.dbpoo.com/getting-started-with-gulp Gulp |https://awesomeopensource.com/project/nimojs/gulp-book Gulp - nimojs|https://github.com/nimojs/blog/issues/19 Gulp in Action|http://www.imooc.com/video/5692 Gulp|http://www.w3ctech.com/topic/134 gulpjs|http://www.cnblogs.com/2050/p/4198792.html

Grunt

Grunt | :----:|:----:
gruntjs|http://gruntjs.com Grunt|http://www.gruntjs.net

Fis

Fis | :----:|:----:
fis |http://fex-team.github.io/fis-site/index.html fis|http://fis.baidu.com

pc

pc | :----:|:----:
Vue :vue-slider|https://awesomeopensource.com/project/qusiba/vue-slider |http://bxslider.com/examples/carousel-demystified fullpage|https://github.com/alvarotrigo/fullPage.js

____

| :----:|:----:
|http://www.idangero.us/swiper fullpage|https://awesomeopensource.com/project/peunzhang/fullpage |https://awesomeopensource.com/project/qiqiboy/touchslider |https://github.com/peunzhang/slip.js |https://awesomeopensource.com/project/peunzhang/iSlider |https://awesomeopensource.com/project/saw/touch-interfaces |http://baijs.com/tinycircleslider swipe|http://touchslider.com |http://www.swiper.com.cn/demo/index.html |https://github.com/joker-ye/main/blob/master/wap/index.html pc|http://www.superslide2.com |https://github.com/hahnzhu/parallax.js zeptofullpage|https://github.com/yanhaijing/zepto.fullpage [WebApp]WebAppWebApp|http://www.cnblogs.com/plums/archive/2013/01/10/WebApp-fixed-width-layout-of-multi-terminal-adapter-since.html |http://loo2k.com/blog/detecting-wechat-client javascript|https://github.com/JefferyWang/nativeShare.js JiaThis |http://www.jiathis.com/help/html/weixin-share-code |http://fex.baidu.com/blog/2015/05/cross-mobile |http://www.zhihu.com/question/29922082 |http://ajccom.github.io/niceslider |https://mango.github.io/slideout

____

| :----:|:----:
|http://fex.baidu.com/webuploader |https://blueimp.github.io/jQuery-File-Upload flash |http://www.hdfu.net |http://www.dropzonejs.com |http://elemefe.github.io/image-cropper -shearphoto|http://www.shearphoto.com jQuery|http://www.oschina.net/project/tag/284/jquery-image-tools?lang=0&os=0&sort=view&p=2

select

select | :----:|:----:
select|http://aui.github.io/popupjs/doc/selectbox.html flexselect|https://awesomeopensource.com/project/rmm5t/jquery-flexselect select|http://loudev.com select2|http://select2.github.io

____

| :----:|:----:
Photoshop |http://www.jq22.com/plugin/367 jquery color|https://awesomeopensource.com/project/jquery/jquery-color |http://www.oschina.net/project/tag/287/color-picker farbtastic |https://awesomeopensource.com/project/mattfarina/farbtastic

____

| :----:|:----:
jquery.cityselect.jsjQuery+JSON|http://www.ijquery.cn/?p=360

____

| :----:|:----:
|https://awesomeopensource.com/project/zeroclipboard/zeroclipboard clipboard |http://zenorocha.github.io/clipboard.js Flash|https://github.com/zenorocha/clipboard.js

____

| :----:|:----:
|https://awesomeopensource.com/project/BYVoid/OpenCC

__ Grid__

Grid | :----:|:----:
facebook|http://facebook.github.io/fixed-data-table Excel-handsontable|http://handsontable.com bootstrap-table|http://bootstrap-table.wenzhixin.net.cn datatables|https://www.datatables.net

____

| :----:|:----:
js - runjs|http://runjs.cn js - jsbin|http://jsbin.com js - codepen|http://codepen.io js - jsfiddle|http://jsfiddle.net java - runjs|http://ideone.com js - hcharts|http://code.hcharts.cn js - jsdm|http://jsdm.com sql - sqlfiddle|http://sqlfiddle.com mozilla |https://thimble.mozilla.org

____

| :----:|:----: Javascript|http://www.infoq.com/cn/articles/javascript-high-performance-animation-and-page-rendering H5|http://isux.tencent.com/h5-performance.html 5173|http://ued.5173.com/?p=1731 |http://www.uisdc.com/front-end-performance-for-web-designers-and-front-end-developers CSS |http://www.orzpoint.com/profiling-css-and-optimization-notes | |http://www.xiaoqiang.org/javascript/font-end-performance-monitor.html CSS| CSS web| web CSS|http://my.eoe.cn/tuwandou/archive/4544.html |http://www.baiduux.com/blog/2011/02/15/browser-loading |http://www.w3ctech.com/p/1503 Hey| Hey html| html 99css| 99css YSLOW|http://www.cnblogs.com/yslow Yahoo|http://www.360ito.com/article/40.html Yahoo!|http://www.360doc.com/content/10/0928/09/2588264_56971287.shtml |http://blog.jiasule.com/i/153 |http://www.powereasy.net/helpyou/knowledge/ecommerce/9593.html |http://www.adinnet.cn/blog/designview/2012-7-12/678.html |http://www.gbin1.com/technology/javascript/20130708-front-end-performance-optimization-9 |http://www.mykuer.com/post/factors-that-affect-the-speed-of-web-site-open.html |http://tgideas.qq.com/webplat/info/news_version3/804/808/811/m579/201109/41355.shtml |http://mzhou.me/article/95310 |http://www.gbin1.com/technology/html/20130217-tips-for-speed-up-page-loading web(Yslow|http://www.tcreator.info/webSchool/website/Front-end-Opt-Yslow.html |https://www.qianduan.net/website-performance-optimization-tool.html 1HTML|http://www.alloyteam.com/2012/10/high-performance-html 2CSS|http://www.alloyteam.com/2012/10/high-performance-css 12306|http://coolshell.cn/articles/6470.html AlloyTeam| AlloyTeam |http://www.cnblogs.com/developersupport/p/3248695.html Yslow|http://blog.sina.com.cn/s/blog_6e9d2e0701017kvu.html |http://www.infoq.com/cn/articles/front-end-engineering-and-performance-optimization-part1 |http://www.infoq.com/cn/articles/front-end-engineering-and-performance-optimization-part2 HTTPS|http://blog.jobbole.com/48369 Yslow|http://uicss.cn/yslow/#more-12319 Essential Web Performance Metrics A Primer, Part 1|http://blog.smartbear.com/web-performance/essential-web-performance-metrics-a-primer-part-1 Essential Web Performance Metrics Part 2|http://blog.smartbear.com/performance/essential-web-performance-metrics-part-2 YUISlide,|http://jayli.github.io/blog/data/2011/12/23/yuislide.html Improving Site Performance|http://joelglovier.com/improving-site-performance |http://segmentfault.com/a/1190000000367899 Why Website Speed is Important|http://sixrevisions.com/web-development/why-website-speed-is-important Need for Speed How to Improve your Website Performance|https://www.devbridge.com/articles/need-for-speed-how-to-improve-your-website-performance (Pt.1 |https://github.com/amfe/article/issues/1

____

| :----:|:----: JavaScript OneProfile|http://www.html-js.com/article/3083 JavaScript OneHeap|http://www.html-js.com/article/3091

____

| :----:|:----: google|https://developers.google.com/speed/pagespeed/insights -|http://itest.aliyun.com -F2etest|https://awesomeopensource.com/project/alibaba/f2etest js|http://jsperf.com

____

| :----:|:----: |http://www.zhihu.com/topic/19612641 |http://saito.im/note/The-Architecture-of-F2E |http://www.zhihu.com/question/24092572 -|http://hikejun.com/sharing/2010webrebuild/?file=fe-infrastructure.html offerVS|http://www.zhihu.com/question/25583350

____

| :----:|:----: winter|https://gist.github.com/wintercn fgm|http://www.fgm.cc/learn |https://github.com/hongru/hongru.github.com demo|http://kmdjs.github.io js|http://www.laoshu133.com/Lab myFocus|http://koen301.github.io SeaJS|http://panxuepeng.github.io/seajslib |http://yanhaijing.com/myProject |http://jo2.org/category/myworks javascript|http://www.cnitblog.com/yemoo/category/3107.html |http://bbs.miaov.com/forum.php?mod=viewthread&tid=7790 javascript|http://bbs.csdn.net/topics/380227212 |https://awesomeopensource.com/project/TooBug/works |http://koen301.github.io |http://zaole.net ucren js demos |http://ucren.com/blog/demos |http://www.zhinengshe.com/works_list.html |http://demos.shizuwu.cn zoye demo|http://zoye.sinaapp.com/demo |http://pingfan1990.sinaapp.com jyg |http://www.lovewebgames.com jquery|http://www.helloweba.com/list.html

____

| :----:|:----: |http://hcy2367.github.io/resume |http://ncuey.sinaapp.com/CrispElite/ |https://awesomeopensource.com/project/hacke2/ResumeSample |http://pinkyjie.com/resume |https://joyeecheung.github.io/resume/ |http://blog.dandyweng.com/2013/07/how-my-website-was-created |http://www.webhek.com/misc/interactive-resume |http://www.linqing07.com/resume.html haorooms|http://www.haorooms.com/about

____

| :----:|:----: |http://www.nowcoder.com/discuss/3196 2014|http://www.html-js.com/article/1743 2016 -- -- |http://www.cnblogs.com/imwtr/p/4685546.html ++360|http://www.cnblogs.com/lvdabao/p/3660707.html Interviewing a front-end developer| http://blog.sourcing.io/interview-questions js|http://www.cnblogs.com/52cik/p/js-question-lg.html |http://www.cnblogs.com/allenxing/p/3724382.html Web |http://mianshiti.diandian.com |http://segmentfault.com/a/1190000000465431 2014|https://github.com/markyun/My-blog/tree/master/Front-end-Developer-Questions |https://awesomeopensource.com/project/fex-team/interview-questions |https://github.com/darcyclarke/Front-end-Developer-Interview-Questions/tree/master/Chinese |http://segmentfault.com/a/1190000000465431 5| 5 |http://segmentfault.com/a/1190000002562454 |http://www.html-js.com/article/Large-search-front-team-column%202961 |https://awesomeopensource.com/project/hawx1993/Front-end-Interview-questions |http://www.cnblogs.com/xiaoruo/p/4665163.html |https://awesomeopensource.com/project/hawx1993/Front-end-Interview-questions BAT2014JavaScript|http://blog.jobbole.com/78738 |https://awesomeopensource.com/project/paddingme/Front-end-Web-Development-Interview-Question |https://awesomeopensource.com/project/qiu-deqing/FE-interview |http://www.zhihu.com/question/19568008 |https://github.com/markyun/My-blog/blob/master/Front-end-Developer-Questions/Questions-and-Answers/README.md -|http://www.nowcoder.com/discuss?type=2

iconfont

iconfont| :----:|:----: |http://www.zhihu.com/question/21253343 |http://iconfont.cn |http://mux.alimama.com/fonts |http://iconfont.cn/help/platform.html zhangxinxu-icommon|http://www.zhangxinxu.com/wordpress/?s=icomoon icommon|https://icomoon.io/app ICON(|http://imooc.com/learn/243 |http://font-spider.org

Fiddler

Fiddler| :----:|:----: Fiddler(|http://www.cnblogs.com/tugenhua0707/p/4623317.html fiddle|http://www.cnblogs.com/strick/p/4570006.html fiddle|http://gaoboy.com/article/26.html

Chrome

Chrome| :----:|:----: Google Chrome | https://developer.chrome.com/devtools ** Chrome (Google)** | http://jeffjade.com/2017/05/01/122-how-to-better-use-google_chrome/ Chrome - |http://www.cnblogs.com/constantince/p/4565261.html Chrome - |http://www.cnblogs.com/constantince/p/4579121.html Chrome - |http://www.cnblogs.com/constantince/p/4585983.html Chrome - |http://www.cnblogs.com/constantince/p/4607497.html Chrome - |http://www.cnblogs.com/constantince/p/4624241.html Chrome - |http://www.cnblogs.com/liyunhua/p/4544738.html Chrome - Console|http://www.cnblogs.com/Wayou/p/chrome-console-tips-and-tricks.html Chrome - WorkspaceIDE|http://c7sky.com/chrome-devtools-workspace.html network|http://www.html-js.com/article/Nothing-blind%202975 chrome|http://anti-code.com/devtools-cheatsheet chrome|http://www.html-js.com/article/2327 Chrome Workspace |http://www.iinterest.net/2014/05/09/chrome-dev-tool-workspace ChromeVimium |http://www.cppblog.com/deercoder/archive/2011/10/22/158886.html sass-w3cplus|http://www.w3cplus.com/sassguide/debug.html Chrome-w3cplus|http://www.w3cplus.com/tools/how-to-use-chrome-devtools-like-a-pro.html chromecanvas|http://sentsin.com/web/253.html chrome profiles1|https://developer.chrome.com/devtools/index chrome profiles3|http://www.oschina.net/translate/performance-optimisation-with-timeline-profiles chrome|https://developer.chrome.com/devtools/docs/mobile-emulation chrome|http://ued.taobao.org/blog/2012/06/debug-with-chrome-dev-tool chrome|http://www.cnblogs.com/QLeelulu/archive/2011/08/28/2156402.html chrome console |https://developer.chrome.com/devtools/docs/commandline-api 1|http://www.cnblogs.com/leonkao/p/3809655.html 2|http://www.cnblogs.com/xiaoyao2011/p/3447421.html Chrome(|http://segmentfault.com/a/1190000000683599 (Chrome DevTools Timeline Profils |https://xinranliu.me/2015-05-22-qiqu-performance chrome 15 |http://frontenddev.org/link/15-tips-of-chrome-developer-tools.html Chrome|http://1ke.co/course/361 Chrome |http://segmentfault.com/a/1190000003882567

Firebug

Firebug| :----:|:----: firebug|http://www.imooc.com/learn/137 firefox |https://developer.mozilla.org/zh-CN/docs/Tools/WebIDE console.log |http://www.cnblogs.com/ctriphire/p/4116207.html Firebug|http://www.ruanyifeng.com/blog/2008/06/firebug_tutorial.html Firebug|http://www.ruanyifeng.com/blog/2011/03/firebug_console_tutorial.html

,

,| :----:|:----: |https://openstf.github.io |http://yujiangshui.com/multidevice-frontend-debug Chrome Android |https://github.com/yujiangshui/CN-Chrome-DevTools/blob/remote-debugging/md/Use-Tools/remote-debugging.md mac|http://plus.uc.cn/document/webapp/doc5.html mac|http://www.mihtool.com |http://thx.github.io/mobile/debugging-in-mobile |http://yanhaijing.com/mobile/2014/12/17/web-debug-for-mobile , webview(x5|http://www.jianshu.com/p/ccf124f1f74b | console|http://jsconsole.com |http://blog.qqbrowser.cc |https://awesomeopensource.com/project/jieyou/remote_inspect_web_on_real_device

iOS Simulator

iOS Simulator| :----:|:----: Simulator| iOS_Simulator_Guide-Introduction iOS Simulator|http://www.crifan.com/intro_ios_simulator_in_xcode_and_usage_summary

Image

img| :----:|:----: loading img|http://preloaders.net/en/circular -|http://zhitu.isux.us png|https://tinypng.com SM.MS()|https://sm.ms/ yutuku|http://yotuku.cn/ Qchan|http://tuchuang.org/

____

| :----:|:----: puer|https://awesomeopensource.com/project/leeluolee/puer liveReload|http://livereload.com f5|http://getf5.com File Watchers|http://geek100.com/2608

PPT

PPT| :----:|:----: nodePPT| nodePPT CleaverPPT|http://www.jeffjade.com/2015/10/15/2015-10-16-cleaver-make-ppt/ impress.js | http://www.cnblogs.com/Darren_code/archive/2013/01/04/impressjs.html PPT|https://awesomeopensource.com/project/ksky521/nodePPT reveal|https://github.com/hakimel/reveal.js bespoke-fx|https://awesomeopensource.com/project/ebow/bespoke-fx slippy|https://awesomeopensource.com/project/Seldaek/slippy

____

| :----:|:----: |http://uxbees.com/index.html |http://whycss.com |http://www.daqianduan.com/nav |http://sentsin.com/daohang |http://123.jser.us |http://www.css88.com/nav

CDN

CDN| :----:|:----: CDN|http://lib.sinaapp.com |http://cdn.code.baidu.com 360CDN|http://libs.useso.com Bootstrap CDN |http://www.bootcdn.cn CDN - |http://staticfile.org CDN - jq22|http://www.jq22.com/cdn jQuery CDN|http://code.jquery.com CDN|http://www.asp.net/ajax/cdn

Git

Git| :----:|:----: git-scm|http://git-scm.com -Git| -Git git-for-windows|https://git-for-windows.github.io GitHub SSH keys|http://daemon369.github.io/git/2015/03/10/add-ssh-keys-for-github gogithub|http://www.worldhello.net/gotgithub/index.html git|http://pcottle.github.io/learnGitBranching git|https://awesomeopensource.com/project/xirong/my-git git|http://www.cnblogs.com/fanfan259/p/4810517.html git|https://github.com/xirong/my-git/blob/master/git-workflow-tutorial.md GitHub |https://awesomeopensource.com/project/phodal/github-roam GitHub|https://github.com/tiimgreen/github-cheat-sheet/blob/master/README.zh-cn.md gitgithub|http://livoras.com/post/28 git|http://onlywei.github.io/explain-git-with-d3

____

| :----:|:----: my97|http://www.my97.net/dp/demo/index.htm |http://www.cnblogs.com/gbin1/archive/2012/04/16/2452105.html fullcalendar|http://fullcalendar.io fullcalendar |http://blog.csdn.net/francislaw/article/details/7740630 api|http://blog.sina.com.cn/s/blog_9475b1c101012c5f.html |https://awesomeopensource.com/project/zzyss86/LunarCalendar |http://www.sucaisj.com/jiaoben/date/201509/16856.html |http://momentjs.com |https://awesomeopensource.com/project/Johnqing/QPAYCalendar |https://awesomeopensource.com/project/Iamlars/dateMarker input-|http://digitalbush.com/projects/masked-input-plugin input-github|https://github.com/digitalBush/jquery.maskedinput/tree/1.2.2 bootstrap-daterangepicker|https://awesomeopensource.com/project/dangrossman/bootstrap-daterangepicker 30|http://www.vandelaydesign.com/30-best-free-jquery-plugins JavaScript datepicker|http://dbushell.com/2012/10/09/pikaday-javascript-datepicker Datepair.js|http://jonthornton.github.io/Datepair.js |https://awesomeopensource.com/project/glad/glDatePicker |http://amsul.ca/pickadate.js/date jquery|http://www.daterangepicker.com jQuery|http://www.frankdemo.cn/index.php?c=content&a=show&id=115 jQuery Mobile Mobiscroll |https://mobiscroll.com

Date library

Date library | :----:|:----: Datejs|https://awesomeopensource.com/project/datejs/Datejs sugarjs|http://sugarjs.com/api/Date

____

| :----:|:----: Mock.js |http://mockjs.com HTMLiOS|http://framework7.taobao.org SUI|http://m.sui.taobao.org avalonjs|http://avalonjs.github.io AvalonUI OniUI|http://ued.qunar.com/oniui/index.html avalon.oniui-avalon|https://github.com/RubyLouvre/avalon.oniui ()|http://cli.im

____

| :----:|:----: |http://www.imooc.com/learn/58 |http://www.imooc.com/learn/18 HTML5 demo |http://www.zhihu.com/question/24398907

____

| :----:|:----:
artDialog |https://awesomeopensource.com/project/aui/artDialog artDialog |http://aui.github.io/artDialog/doc/index.html google code |https://code.google.com/p/artdialog/downloads/list |http://layer.layui.com |https://awesomeopensource.com/project/bh-lay/UI sweetalert-css3|http://t4t5.github.io/sweetalert

JavaScript

JavaScript | :----:|:----: AngularWebpack|https://awesomeopensource.com/project/AngularClass/angular2-webpack-starter Fis3|https://awesomeopensource.com/project/fex-team/fis3 Fis3 DEMO|https://awesomeopensource.com/project/fex-team/fis3-demo JQuery:|https://awesomeopensource.com/project/JsAaron/jQuery avalon|https://awesomeopensource.com/project/RubyLouvre/avalon Microsoft ChakraCore Chakra|https://awesomeopensource.com/project/Microsoft/ChakraCore Quintus HTML|https://awesomeopensource.com/project/cykod/Quintus node.js|https://github.com/STRML/strml.net Web--FeHelperChrome|https://awesomeopensource.com/project/zxlie/FeHelper |https://awesomeopensource.com/project/baidu-ife/ife Cheerionode.jsjQuery|https://awesomeopensource.com/project/cheeriojs/cheerio nodejs |https://awesomeopensource.com/project/BryanYang/freechat html5node.js|https://awesomeopensource.com/project/stkevintan/Cube babel ES6ES5|https://awesomeopensource.com/project/babel/babel JS|https://awesomeopensource.com/project/fex-team/ueditor JS|https://awesomeopensource.com/project/fex-team/kityminder-core JSFlappy Bird Game|https://awesomeopensource.com/project/ellisonleao/clumsy-bird JSGBA|https://awesomeopensource.com/project/taisel/IodineGBA SegmentFaultMarkdown|https://github.com/SegmentFault/HyperDown.js node.jsGhost|https://awesomeopensource.com/project/TryGhost/Ghost reactdemos|https://awesomeopensource.com/project/ruanyf/react-demos

http://www.jeffjade.com/2016/03/30/104-front-end-tutorial/


(/)


Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Vue (83,121
Reactjs (75,636
Nodejs (55,313
Mongodb (14,667
Html5 (12,998
Angular (12,838
Webpack (9,740
Css3 (8,716
Git (7,659
Tool (6,471
Npm (5,830
Nginx (5,220
Pwa (3,345
Chrome (2,898
Gulp (2,657
Webassembly (2,291
Related Projects