前端学习资料分享

开篇：Web前端开发的技能树

（很清晰 全面，更新日期为：2015年5月14日，有参考价值）

Web Development Career advice link：https://www.youtube.com/watch?v=pB0WvcxTbCA

Javascripts 相关：

JavaScript 标准参考教程（alpha）作者: 阮一峰

http://javascript.ruanyifeng.com/

ES6/7 中文文档

http://es6.ruanyifeng.com/

Node.js

环境配置

Js自动化脚本模块（gulp，Webpack，grunt，yeoman, Sea.js(国内))

grunt是前端工程化的先驱

gulp更自然基于流的方式连接任务

Webpack最年轻，擅长用于依赖管理，配置稍较复杂

推荐使用Gulp，Gulp基于nodejs中stream，效率更好语法更自然,不需要编写复杂的配置文件

gulp

Youtube 学习视频（11部 8min左右一部）： https://www.youtube.com/watch?v=wNlEK8qrb0M&list=PLLnpHn493BHE2RsdyUNpbiVn-cfuV7Fos

grunt , yeoman, bower

Grunt:

https://www.youtube.com/watch?v=TMKj0BxzVgw

Yeoman自动构建js项目 http://blog.fens.me/nodejs-yeoman-intro/

Webpack

https://www.youtube.com/watch?v=9kJVYpOqcVU

Css（bootStrap less sass ）

bootStrap

bootStrap 中文文档

http://v3.bootcss.com/css/

Mobile webApp 相关：

Angular.js

AngularJS Fundamentals In 60-ish Minutes

https://www.youtube.com/watch?v=i9MHigUZKEM

iOnic

官方的文档（Css模块）

http://ionicframework.com/docs/

快速开始几个介绍的视频

https://www.youtube.com/watch?v=C-UwOWB9Io4

3个小时

https://www.youtube.com/watch?v=tGDmUFBiUV0

工具篇：

MindMap Coggle（画图 ：D）

https://coggle.it

UML 流程图

https://www.draw.io/

随机生成Json数据

https://www.mockaroo.com/

Github 开源代码

github 中文文档（廖雪峰）

http://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000

git文档：

http://gitref.org/zh/branching/#branch

科学上网工具教程

使用amazon 免费云服务器科学上网： https://segmentfault.com/a/1190000003101075

工作学习方法分享：

PDCA循环品质管理循环（Plan-Do-Check-Action）

不想老是因为犯相同的错误被老板骂？看看这个 https://zh.wikipedia.org/wiki/PDCA