前端知识库

来到这个公司后，一直在juqery,coffee,knockout,react,webpack(1.0都还没有掌握，特么的2.0就出来了),等技术中，感觉自己一直在追赶着，都忘记了为什么出发，忘记了前端最根本的核心...,特此记录一番，梳理一下前端的知识

前端图谱.jpg

---

• CORE
  HTML5
  W3C
  W3C
  菜鸟教程
  HTML5中文门户
  CSS3
  W3C CSS教程
  W3C CSS3教程
  菜鸟教程CSS教程
  菜鸟教程CSS3教程
  CSS参考手册
  JS
  W3C
  菜鸟教程
  廖雪峰js教程
  js标准参考教程-阮一峰
  jQuery
  W3C
  菜鸟教程
  极客学院
  廖雪峰
  参考手册
  参考手册
  ES6
  阮一峰ES6
  极客学院
  JavaScript 标准参考　阮一峰

• 包管理工具 Package Managers
  NPM
  菜鸟教程NPM 使用介绍
  淘宝 NPM 镜像
  npm 模块安装机制简介
  npm包搜索地址
  Bower
  Bower中文网
  Bower：客户端库管理工具-阮一峰
  Yarn
  yarn中文网
  YARN 简介

• 编辑器 Text Editors
  WebStorm
  官网下载
  前端网破解版下载
  VScode
  官网下载
  vscode 插件精选 - 献给所有前端工程师
  SublimeText
  官网下载
  前端网破解版插件版下载
  Atom
  官网下载
  HBuilder
  官网下载

• JS框架 JS Frameworks
  Backbone
  Backbone.js API中文文档
  AngularJs
  中文官方文档
  angularjs中文网
  angularjs教程
  Angular 基础入门
  angular-masonry: Masonry 的 AngularJS 插件，用于瀑布流
  angular-schema-form: 根据 JSON 生成响应的 Form 表单
  restangular: Angular 中用来处理 RESTful API 的插件，可替代 $resource
  ng-cordova: Cordova 常用组件的 Angular 版本
  angular-translate: Angular 的国际化 (I18n)
  ng-inspector: Chrome 插件，用于调试 Angular
  angularjs-style-guide: AngularJS 代码风格
  ngReact: React 的 Angular 插件，可以在 Angular 中使用 React Components
  material: Google Material Design 效果的 Angular 实现
  angular-local-storage: Angular 插件, 提供了对 localStorage 的友好支持, 并对不支持的浏览器使用 cookie 优雅降级
  angular-filter: 一组有用的 Angular Filters
  bindonce: Angular 插件, 用于减少 Watcher 的数量, 提升性能
  React
  英文官方文档
  中文官方文档
  gitbooks手册
  阮一峰react入门
  阮一峰React Router入门
  React Router 中文文档
  react-redux 中文文档
  阮一峰Redux 入门教程
  React 框架源代码
  react-native: Facebook 出品的使用 React 开发 IOS 原生应用的框架
  react-hot-loader: 实时调整 React 组件效果
  grunt-react: React 的 Grunt 组件, 用于将 JSX 编译成 JS
  touchstonejs: 基于 React 的手机应用前端框架
  essential-react: 基于 React, ES6, React-Router的一个应用脚手架
  react-router: React 路由解决方案
  Vue
  vue官方
  vuex官方
  vue-router官方

• UI框架 UI Frameworks
  Bootstrap
  最受欢迎的 HTML、CSS 和 JS 框架 http://v3.bootcss.com/
  Ionic
  一款接近原生的Html5移动App开发框架　会html css js就可以开发apphttp://www.ionic.wang/
  Foundation
  Foundation 中文网 迄今为止最好的响应式前端框架http://www.foundcss.com
  FrozenUI
  移动端服务的前端框架http://frozenui.github.io/
  materializecss
  基于Material Design的主流前端响应式框架http://www.materializecss.cn/
  mui
  最接近原生APP体验的高性能前端框架http://dev.dcloud.net.cn/mui/
  AntDesign
  和react配合的UI框架https://ant.design
  eleme
  和vue配合的UI框架http://element.eleme.io/

• JS预处理 JS Preprocessors
  TypeScript
  TypeScript 入门教程 菜鸟教程http://www.runoob.com/
  TypeScript中文网https://www.tslang.cn/
  TypeScript教程gitbookhttps://www.gitbook.com/
  CoffeeScript
  CoffeeScript 中文http://coffee-script.org/
  CoffeeScript 实用手册 极客学院http://wiki.jikexueyuan.com/project/coffeescript/

• 过程自动化 Process Automation
  Grunt
  Grunt中文网http://www.gruntjs.net/
  Gulp
  gulp.js 中文网http://www.gulpjs.com.cn/
  gulp详细入门教程http://www.ydcss.com/
  前端构建工具gulpjs的使用介绍及技巧http://www.cnblogs.com/2050/p/4198792.html
  Gulp开发教程https://www.w3ctech.com/topic/134

• 模板引擎 Templating
  Handlebars
  handlebarsjs官网http://handlebarsjs.com/
  Handlebars中文文档http://www.360doc.com/content/
  Handlebars.js 中文文档http://keenwon.com/992.html
  Handlebars的使用方法文档整理http://www.tuicool.com/articles/fqQFN3
  Haml
  haml官方文档https://github.com/haml/haml
  haml入门http://blog.csdn.net/napoay/article/details/50491363
  Jade
  Jade 官方的英文文档http://www.w3cplus.com/html/how-to-use-jade.html
  Jade的使用http://www.w3cplus.com/html/how-to-use-jade.html
  带你学习Jade模板引擎视频http://www.imooc.com/learn/259

• 构建工具 Build Tools
  RequireJS
  RequireJS 英文网http://requirejs.org/
  RequireJS 中文网http://requirejs.cn/
  require.js的用法-阮一峰http://www.ruanyifeng.com/blog
  seajs
  seajs文档http://seajs.org/docs/
  SeaJS从入门到原理http://www.tuicool.com/articles/FfEJv2u
  Browserify
  官网http://browserify.org/
  githubhttps://github.com/substack/node-browserify/
  Webpack
  Webpack 中文指南http://webpackdoc.com/
  webpack的实例http://www.vichily.com
  webpack的入门http://www.vichily.com
  一小时包教会 —— webpack 入门指南http://www.w2bc.com/Article/50764

• CSS预处理器 CSS Preprocessors
  Sass
  sass入门http://www.w3cplus.com/sassguide/
  sass参考手册http://sass.bootcss.com/docs/sass-reference/
  SASS用法指南-阮一峰http://www.ruanyifeng.com/blog/
  Less
  less中文网http://lesscss.cn/
  less快速入门http://less.bootcss.com/
  stylus
  stylus中文文档-张鑫旭http://www.zhangxinxu.com/jq/stylus/

转载自云栖社区-前端知识库