Home Sign Up Sign In
cqcn1991
V2EX  ›  问与答

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

  •   
  •   cqcn1991 · Jan 20, 2015 · 4387 views
    This topic created in 4139 days ago, the information mentioned may be changed or developed.

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

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

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

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

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

    可以看看Treehouse的教程
    cssnote
        19
    cssnote  
       Jan 20, 2015
    我也觉得很缺这样的实例教程。
    cqcn1991
        20
    cqcn1991  
    OP
       Jan 20, 2015
    @marcfizzy 感觉treehouse和lynda一样，教程太多，反而不知道看什么好了
    marcfizzy
        21
    marcfizzy  
       Jan 21, 2015 via iPad
    @cqcn1991 有track啊。。。比Lynda少吧。。。
    yuankui
        22
    yuankui  
       Nov 29, 2019
    treehouse lynda 是什么样的网站？视频教学？还是说有互动的？

    一次付费，全站畅游吗？
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   3741 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 84ms · UTC 00:47 · PVG 08:47 · LAX 17:47 · JFK 20:47
    ♥ Do have faith in what you're doing.