V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
cqcn1991
V2EX  ›  问与答

进阶的前端教程推荐( HTML/CSS/JS)?

  •  
  •   cqcn1991 · 2015-01-20 09:33:44 +08:00 · 3906 次点击
    这是一个创建于 3389 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

    第 1 条附言  ·  2015-01-20 12:22:31 +08:00
    最典型的例子:
    Rails Tutorial,从头到尾做完了一个网站,涉及到注册、登陆,发帖、Feed等等功能。把东西都装在一起了,学起来就很流畅,另外还有screencast。对于0基础入门Rails真的超棒。
    不过我这里求的是前端(html, css, js)的,中级教程了。
    22 条回复    2019-11-29 17:44:44 +08:00
    loveuqian
        1
    loveuqian  
       2015-01-20 09:42:46 +08:00
    测试账号用不了啊
    mcfog
        2
    mcfog  
       2015-01-20 09:47:25 +08:00 via Android
    说最佳实践那必需是google webfundamental了
    cqcn1991
        3
    cqcn1991  
    OP
       2015-01-20 10:00:44 +08:00
    @loveuqian 有人删了吧……我不是来做推销的……
    cqcn1991
        4
    cqcn1991  
    OP
       2015-01-20 10:01:59 +08:00
    @mcfog 主要是想要完整性、系统性一点的
    scarlex
        5
    scarlex  
       2015-01-20 10:09:59 +08:00
    https://github.com/JacksonTian/fks
    一入前端深似海...
    scarlex
        6
    scarlex  
       2015-01-20 10:11:39 +08:00
    另外我觉得入门看视频可以,进阶看视频就挺浪费时间的。
    learnshare
        7
    learnshare  
       2015-01-20 10:15:56 +08:00
    写代码的东西不适合看视频学习,做 UI 的更适合一些。
    想要技能进阶,就自己做实际的项目,抄也行。

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

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

    可以看看Treehouse的教程
    cssnote
        19
    cssnote  
       2015-01-20 15:47:08 +08:00
    我也觉得很缺这样的实例教程。
    cqcn1991
        20
    cqcn1991  
    OP
       2015-01-20 22:26:53 +08:00
    @marcfizzy 感觉treehouse和lynda一样,教程太多,反而不知道看什么好了
    marcfizzy
        21
    marcfizzy  
       2015-01-21 10:56:39 +08:00 via iPad
    @cqcn1991 有track啊。。。比Lynda少吧。。。
    yuankui
        22
    yuankui  
       2019-11-29 17:44:44 +08:00
    treehouse lynda 是什么样的网站?视频教学?还是说有互动的?

    一次付费,全站畅游吗?
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   849 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 25ms · UTC 19:27 · PVG 03:27 · LAX 12:27 · JFK 15:27
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.