前端学习资源整理

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

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…