进阶的前端教程推荐（ HTML/CSS/JS）？

[cqcn1991]

已经自己动手做过一些小网站了，比如Listentome.herokuapp.com
但是感觉还是不得要领

不知道哪位大大可以推荐下进阶型的前端教程？
我理想的教程是以实例来讲解
1. 实例为主体 比如怎么做Quora.com, CodeSchool.com, v2ex.com的页面的教程，从头开始做几个
2. 主要的内容应该是业界的best practice， 而不再是基本的语法教学（比如怎么用css selector）；Desktop和Mobile怎么兼容（比如现在的quora.com）；页面、元素布局
3. 最好能有视频

[loveuqian]

测试账号用不了啊

[mcfog]

说最佳实践那必需是google webfundamental了

[cqcn1991]

@loveuqian 有人删了吧……我不是来做推销的……

[cqcn1991]

@mcfog 主要是想要完整性、系统性一点的

[scarlex]

https://github.com/JacksonTian/fks
一入前端深似海...

[scarlex]

另外我觉得入门看视频可以，进阶看视频就挺浪费时间的。

[learnshare]

写代码的东西不适合看视频学习，做 UI 的更适合一些。
想要技能进阶，就自己做实际的项目，抄也行。

@scarlex 推荐的 fks 是比较好的东西，自己通过 Keywords 去延伸探索吧，深似海...

[cqcn1991]

@scarlex 确实，不过这个视频不是最高要求了……最希望的还是实例

[cqcn1991]

@learnshare 对，我侧重可能主要是UI，不算js那些面向对象的。所以希望有视频/图片，这样才能看到实际代码效果啊……

[learnshare]

@cqcn1991 基本没有 HTML/CSS 的成套视频吧

[scarlex]

@cqcn1991
只要你熟悉 CSS 的写法，UI 什么的根本就不成问题。

[cqcn1991]

@scarlex ...所以我才要学啊……你要说真的会把，不算精通，但是基本的selector这些又大概懂
所以就要“中级”/进阶类型的教程……

[liyer]

那下午我先来写点吧，以v2ex为例。
打算在空余时间写一个前端系列，但愿能有始有终。

[loveuqian]

@liyer 加油~~写不出来把感谢还给我。。。。

[learnshare]

mdn 这种网站不是很好么？msdn 也喜欢提供各种实例

[cqcn1991]

@learnshare https://developer.mozilla.org/en-US/docs/Web/Tutorials
这个？刚刚才知道有这个的存在，我过段时间仔细研究一下

[learnshare]

@cqcn1991 MDN 和 MSDN 上都是浏览器实现的 HTML/CSS/JS 的文档，比较贴近最新的 Web 标准和浏览器。本来在看 WebPlatforms，不过文档质量和更新速度都差一点。

看 W3C 的文档也可以，不过那应该是顶级前端看的，水平不拔尖看起来很痛苦。

[marcfizzy]

http://referrals.trhou.se/jamiefang

可以看看Treehouse的教程

[cssnote]

我也觉得很缺这样的实例教程。

[cqcn1991]

@marcfizzy 感觉treehouse和lynda一样，教程太多，反而不知道看什么好了