说明:资料是个人学习过程进行整理.
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的有趣的项目
JS
教程
- You-Dont-Know-JS star:41,449(截止20160918)
- 菜鸟教程 当然也可以是w3school
- 廖雪峰的js教程(推荐–讲的很易懂)
- 阮一峰的JS教程
JS单元测试工具
ECMAScript 6
Node.js
教程
文档手册
Angular 2.0
PHP
- PHP Best Practices –英文(php的最佳实践),界面美观/适合阅读
- 学习PHP和MySQL的书籍资源推荐
PHP框架—Laravel
前端书籍整理
前端多种效果(特效)
---可以参考其源码,给自己的网站添加效果.
---练手的时候,在这些网址上寻找一个感兴趣的特效,自己在codepen上尝试实现,然后可以尝试分享给大家.
- 618插件网
- https://github.com/hongru/hongru.github.com (效果很漂亮,mark一下)
- MATERIAL DESIGN LITE 谷歌推出.
- Jquery EasyUI
- jQuery MiniUI
前端框架
- Semantic UI 前端组件框架
在线IDE 方便在云端编辑代码,展示效果(同时也是学习前端源码的好地方)
交互式学习网站
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
前端面试知识
github–前端面试题汇总(star数统计截止于20160918)
前端学习经验汇总(应该掌握的前端知识及其学习路径规划)
(统计截止于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 |
前端知识技能树及资源推荐
大神们整理的前端资源
- https://cnodejs.org/topic/56ef3edd532839c33a99d00e 整理很完整,推荐
- https://github.com/foru17/front-end-collect 力荐
- http://www.whycss.com/
- http://webdesignrepo.com/ 国外前端资源汇集 –赞(帮你找找想要的功能)
- 醉牛前端 还不错
continuing…