前端学习资源整理

说明:资料是个人学习过程进行整理.

HTML& CSS

HTML和CSS学习的英文网站:http://learn.shayhowe.com/

HTML&CSS–w3school

HTML&CSS–菜鸟教程

CSS预处理器

SASS

推荐大神阮一峰的日志:http://www.ruanyifeng.com/blog/2012/06/sass.html

在线sass-IDE:http://www.sassmeister.com/ (供你所code即所view)

CSS资源大全

https://github.com/jobbole/awesome-css-cn

CSS 3D引擎

举例:http://keithclark.co.uk/labs/css-fps/nojs/

Tridiv :a web-based editor for creating 3D shapes in CSS

CSS的有趣的项目

http://web.jobbole.com/83258/

JS

教程

You-Dont-Know-JS star:41,449(截止20160918)

菜鸟教程 当然也可以是w3school

廖雪峰的js教程(推荐–讲的很易懂)

阮一峰的JS教程

JS单元测试工具

https://karma-runner.github.io/1.0/index.html

http://jasmine.github.io/

ECMAScript 6

阮一峰的教程

Node.js

教程

七天学会nodejs

Nodejs入门

菜鸟教程

文档手册

http://nodeapi.ucdok.com/#/api/

Angular 2.0

学习教程:http://learnangular2.com/

PHP

PHP Best Practices –英文(php的最佳实践),界面美观/适合阅读

学习PHP和MySQL的书籍资源推荐

PHP框架—Laravel

https://laravel.com/

前端书籍整理

JS方面：

https://github.com/apoterenko/javascript-ebooks/blob/master/README.md stars:179

前端多种效果(特效)

---可以参考其源码,给自己的网站添加效果.
---练手的时候,在这些网址上寻找一个感兴趣的特效,自己在codepen上尝试实现,然后可以尝试分享给大家.

618插件网

https://github.com/hongru/hongru.github.com (效果很漂亮,mark一下)

MATERIAL DESIGN LITE 谷歌推出.

Jquery EasyUI

jQuery MiniUI

前端框架

Semantic UI 前端组件框架

在线IDE 方便在云端编辑代码,展示效果(同时也是学习前端源码的好地方)

https://plnkr.co/

http://codepen.io/

交互式学习网站

https://www.codecademy.com/learn

Sublime text插件推荐

https://packagecontrol.io/ —可以查找所有关于sublime插件的包,及其流行程度(力荐)

常用插件–AdvancedNewFile

常用插件–Nettuts+ Fetch 快速获取jquery/boostrap等包,不需要去官网进行下载.

前端Tricks(让你更加方便的开发)

前端小功能snippets: https://css-tricks.com/snippets/html/ (推荐)

HTML tricks :http://www.html5tricks.com/

json数据随机生成器: http://beta.json-generator.com/NJJLjZ05b

查找适合你的前端技术: https://frontend.directory/p

前端面试知识

https://leohxj.gitbooks.io/front-end-database/content/ gitbook 比较推荐

github–前端面试题汇总(star数统计截止于20160918)

author	link	stars
paddingme	https://github.com/paddingme/Front-end-Web-Development-Interview-Question	816
h5bp	https://github.com/h5bp/Front-end-Developer-Interview-Questions/tree/master/Translations/Chinese	23025
hawx1993	https://github.com/hawx1993/Front-end-Interview-questions	1934
markyun	https://github.com/markyun/My-blog/tree/master/Front-end-Developer-Questions/Questions-and-Answers	3473

前端学习经验汇总(应该掌握的前端知识及其学习路径规划)

(统计截止于20160918)

讲解了前端的入门方法及其路径学习的规划问题,了解大神是怎么炼成的!

author	link	stars
qiu-deqing	https://github.com/qiu-deqing/FE-learning	1105
dypsilon	https://github.com/dypsilon/frontend-dev-bookmarks	19,965
JacksonTian	https://github.com/JacksonTian/fks	8254

前端知识技能树及资源推荐

http://html5ify.com/fks/

http://udn.yyuap.com/thread-55039-1-1.html

大神们整理的前端资源

https://cnodejs.org/topic/56ef3edd532839c33a99d00e 整理很完整,推荐

https://github.com/foru17/front-end-collect 力荐

http://www.whycss.com/

http://webdesignrepo.com/ 国外前端资源汇集 –赞(帮你找找想要的功能)

醉牛前端 还不错

continuing…