前端学习资源 | 陌名如初

导航

• 前端导航：http://webjike.com/web.html

  HTML

• HTML MDN：https://developer.mozilla.org/zh-CN/docs/Web/HTML

• HTML5 MDN：https://developer.mozilla.org/zh-CN/docs/Web/Guide/HTML/HTML5

• HTML语义化

CSS

• CSS MDN：https://developer.mozilla.org/zh-CN/docs/Web/CSS
  • CSS 布局：http://zh.learnlayout.com/
• CSS3 MDN：https://developer.mozilla.org/zh-CN/docs/Web/CSS/CSS3
• scss 中文网：https://www.sass.hk/
  *Sass (3.4.21) 中文文档：http://www.css88.com/doc/sass/#features
• stylus 中文文档：http://www.zhangxinxu.com/jq/stylus/

JavaScipt

• JavaScript MDN：https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/A_re-introduction_to_JavaScript
• DOM操作（jQuery、React）

框架

• Bootstrap 中文网：http://www.bootcss.com/
• Vue.js
• React
• Angular 4

UI设计

• 免费高清图：https://pixabay.com/

• 网页背景抓取：http://stylifyme.com/

• Material中文：https://www.mdui.org/design/#

• Material：https://www.materialui.co/

• Flatui：https://flatuicolors.com/

• Uplabs：https://www.uplabs.com/web

• 花瓣：http://huaban.com/boards/3511269/

• 颜色进制转换：http://www.sioe.cn/yingyong/yanse-rgb-16/

• CSS 动画

• JavaScript 动画

• 字体

  • 汉字标准格式：https://css.hanzi.co/manual
  • Google Fonts：https://fonts.google.com/
  • Google Fonts 中文版：http://www.googlefonts.cn/
  • 360 Google 字体库：https://cdn.baomitu.com/index/fonts

• ICON

  • 在线标签：https://shields.io/
  • Awesome 在线 ：http://fontawesome.io/icons/
  • Easyicon 下载：http://www.easyicon.net/
  • Icon 爱看搜索：http://www.iconpng.com/
  • Favico 在线制作：http://www.faviconico.org/favicon
  • Material ：https://material.io/icons/
  • 阿里巴巴 ：http://www.iconfont.cn/
  • Sample： https://simpleicons.org/
  • Flaticon：https://www.flaticon.com/

• PS 切图

• 响应式设计

• Flexbox 布局

  • 阮一峰：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html?utm_source=tuicool

• 网格布局

Node.js

• node.js 中文网：http://nodejs.cn/
• node.js 中文社区：https://cnodejs.org/
  • 一起学Node.js：https://cnodejs.org/topic/581b0c4ebb9452c9052e7acb
  • 七天学会NodeJS：http://nqdeng.github.io/7-days-nodejs/

进阶

TypeScript

• 中文网：https://www.tslang.cn/
• TypeScript Handbook(中文版)：https://zhongsp.gitbooks.io/typescript-handbook/content/

ECMAScript

• ECMAScript 5
  • W3C 规范镜像版: http://yanhaijing.com/es5/#null
  • 自学手稿版： http://es5.weijieblog.com/
• ECMAScript 6 阮一峰：http://es6.ruanyifeng.com/

正则表达式

• 三十分钟入门：https://deerchao.net/tutorials/regex/regex.htm

工程化

• gulp 中文网：http://www.gulpjs.com.cn/
• NPM 淘宝镜像:http://npm.taobao.org/
• AppVeyor 自动部署：https://ci.appveyor.com/

资源

• 收藏夹：http://u-hey.com/20/126

图片压缩

• 腾讯ISUX前端智图：http://zhitu.isux.us/

在线编程

CODEPEN：https://codepen.io/
JSFiddle：https://jsfiddle.net/

MarkDown 语法

• MarkDown 中文：http://wowubuntu.com/markdown/index.html

代码高亮

Highlightjs：https://highlightjs.org/static/demo/

CDN 静态资源库

• 360 前端静态资源库：https://cdn.baomitu.com/
• Staticfile CDN：https://www.staticfile.org/
• 又拍云：http://www.bootcdn.cn/

前端团队

• 阿里巴巴国际UED:http://www.aliued.com/
• 淘宝前端团队（FED）:http://taobaofed.org/
• 腾讯Alloy Team：http://www.alloyteam.com/
• 腾讯ISUX：https://isux.tencent.com/
• 百度FEX：http://fex.baidu.com/
• 京东Aotu：https://aotu.io/
• 360 奇舞：https://75team.com/

The MIT License (MIT)
Copyright (c) 2019, Roojay.
本文链接：https://roojay.com/pages/422fbc06/