Young-Young-Young / yhtml5-tutorial

the tutorial for learning Front-end technology

Front-end study

我们认为学习是一个持续的过程，不可能一劳永逸，所以我们列出常用的技术元素
同时，前端有着我们一辈子也学不完技术。我们会列出曾经被使用，但已经过时不太适用的技术，并给出替代方案

current planning

npm script,react,redux,ES6

refrence

• MDN
• CodeSchool
• 极客学院
• 廖雪峰
• JavaScript 标准参考教程(alpha)
• ECMAScript 6 入门
• axure

Here are what I have learned

• basic
  • browser/webview
  • css/css3
  • ES6
  • html/html5
  • http
  • npm
  • markdown
  • javascript
• Framework / library
  • angular
  • angular-ui
  • angular-ui-router
  • angular-material
  • animate.css
  • bootstrap
  • buttons
  • echart
  • ichartjs
  • ionic
  • iscroll
  • jQuery
  • jquery.formvalidation
  • Jquery-easyUI
  • react
  • react native
  • vue
  • vue-cli
  • vue-loader
  • vue-router
  • vux
  • wechat
• Tools
  • browserify
  • bower
  • cordova
  • eslint
  • fis3
  • git
  • github
  • glup
  • grunt
  • html5shiv
  • markdown
  • node
  • npm
  • webpack
  • yeoman
• [ ]server
  • express
  • forever
  • linux
  • mongoDB
  • nodejs
  • web-security
  • webpack
• [ ]Others
  • axure
  • English-code
  • hacker
  • mac
  • ghost
  • solarized
  • vim
  • wordpress theme development
  • xmind

Now you only need to learn the following:

Basic

Name	Usage	Note
ES6	ECMAScript 2015	阮一峰Es6入门, Mozilla Developer Network
git		廖雪峰git教程
http		Mozilla Developer Network
linux		鸟哥的linux私房菜
markdown
W3C		html5, html5.2

React

study step: ES6 > react > redux > react-router

Name	Usage	Note
react
[react-redux]
redux		[gitbook-cn][redux-gitbook-cn],[gitbook][redux-gitbook-en],react-training
react-router

VUE(Optional)

study step: vue>vue-cli>vue-loader>vue-router>vuex>vux

Name	Usage	Note
vue
vux		gitbook, demo
vuex	manage status	gitbook
vue-cli		vue 结合 webpack 使用案例
vue-loader
vue-router

Node.js

Note: we'll never use fis3/gulp/grunt/yoman/bower agin. Npm script can do anything

Name	Usage	Note
babel
express		Express 中文文档,《Node与Express开发》
eslint
forever
karma
nginx
npm
node		《深入浅出node》
mockjs
mongoDB		document
sass
webpack
security

outTime

We'll nerver use these,

Name	Introduction	Note
bower		npm
fis3		webpack && npm script
less		sass or scss
grunt		webpack && npm script
gulp		webpack && npm script
yoman		webpack && npm script
wordpress		nodejs && html5