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

2015-01-20 09:33:44 +08:00
 cqcn1991

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

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

4027 次点击
所在节点    问与答
22 条回复
loveuqian
2015-01-20 09:42:46 +08:00
测试账号用不了啊
mcfog
2015-01-20 09:47:25 +08:00
说最佳实践那必需是google webfundamental了
cqcn1991
2015-01-20 10:00:44 +08:00
@loveuqian 有人删了吧……我不是来做推销的……
cqcn1991
2015-01-20 10:01:59 +08:00
@mcfog 主要是想要完整性、系统性一点的
scarlex
2015-01-20 10:09:59 +08:00
https://github.com/JacksonTian/fks
一入前端深似海...
scarlex
2015-01-20 10:11:39 +08:00
另外我觉得入门看视频可以，进阶看视频就挺浪费时间的。
learnshare
2015-01-20 10:15:56 +08:00
写代码的东西不适合看视频学习，做 UI 的更适合一些。
想要技能进阶，就自己做实际的项目，抄也行。

@scarlex 推荐的 fks 是比较好的东西，自己通过 Keywords 去延伸探索吧，深似海...
cqcn1991
2015-01-20 10:27:11 +08:00
@scarlex 确实，不过这个视频不是最高要求了……最希望的还是实例
cqcn1991
2015-01-20 10:31:08 +08:00
@learnshare 对，我侧重可能主要是UI，不算js那些面向对象的。所以希望有视频/图片，这样才能看到实际代码效果啊……
learnshare
2015-01-20 10:59:57 +08:00
@cqcn1991 基本没有 HTML/CSS 的成套视频吧
scarlex
2015-01-20 11:01:14 +08:00
@cqcn1991
只要你熟悉 CSS 的写法，UI 什么的根本就不成问题。
cqcn1991
2015-01-20 11:19:05 +08:00
@scarlex ...所以我才要学啊……你要说真的会把，不算精通，但是基本的selector这些又大概懂
所以就要“中级”/进阶类型的教程……
liyer
2015-01-20 11:25:41 +08:00
那下午我先来写点吧，以v2ex为例。
打算在空余时间写一个前端系列，但愿能有始有终。
loveuqian
2015-01-20 11:27:56 +08:00
@liyer 加油~~写不出来把感谢还给我。。。。
learnshare
2015-01-20 11:43:55 +08:00
mdn 这种网站不是很好么？msdn 也喜欢提供各种实例
cqcn1991
2015-01-20 15:16:10 +08:00
@learnshare https://developer.mozilla.org/en-US/docs/Web/Tutorials
这个？刚刚才知道有这个的存在，我过段时间仔细研究一下
learnshare
2015-01-20 15:34:48 +08:00
@cqcn1991 MDN 和 MSDN 上都是浏览器实现的 HTML/CSS/JS 的文档，比较贴近最新的 Web 标准和浏览器。本来在看 WebPlatforms，不过文档质量和更新速度都差一点。

看 W3C 的文档也可以，不过那应该是顶级前端看的，水平不拔尖看起来很痛苦。
marcfizzy
2015-01-20 15:37:57 +08:00
http://referrals.trhou.se/jamiefang

可以看看Treehouse的教程
cssnote
2015-01-20 15:47:08 +08:00
我也觉得很缺这样的实例教程。
cqcn1991
2015-01-20 22:26:53 +08:00
@marcfizzy 感觉treehouse和lynda一样，教程太多，反而不知道看什么好了

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://tanronggui.xyz/t/163710

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX