V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
slimbloody
V2EX  ›  程序员

自学web前端初学求指导

  •  
  •   slimbloody · 2013-07-09 11:41:09 +08:00 · 7419 次点击
    这是一个创建于 4154 天前的主题,其中的信息可能已经有所发展或是发生改变。
    目前在w3school里自学HTML,写HTML感觉就是背课文一样,要记的东西很多
    js现在在看JavaScript: The Good Parts,看了点觉得语法很混乱,看了书也不知道js该怎么写,如何用
    求解答,谢谢
    24 条回复    2017-05-20 08:21:38 +08:00
    lichao
        1
    lichao  
       2013-07-09 11:42:40 +08:00
    边学边做,先用 HTML、CSS、JavaScript 写个博客模板出来
    FrankFang128
        2
    FrankFang128  
       2013-07-09 11:49:33 +08:00 via Android
    用以致学,不要学以致用啦
    flynngao
        3
    flynngao  
       2013-07-09 13:37:16 +08:00
    typing
        4
    typing  
       2013-07-09 13:46:02 +08:00
    试试MDN,

    我觉得w3school有点老
    kidblg
        5
    kidblg  
       2013-07-09 14:22:00 +08:00
    1,多看多用。
    2,用jquery搞点东西,找找js感觉。
    3,多看看前端牛人的blog(玉伯、kejun),这样起码视野上有高度了。玉伯写过一篇文章叫“JavaScript 学习资源推荐”,你google一下。
    bitsmix
        6
    bitsmix  
       2013-07-09 15:36:57 +08:00
    good parts 可以3个月之后再看
    jjplay
        7
    jjplay  
       2013-07-09 15:38:50 +08:00
    远离 码农 身心舒畅
    ccbikai
        8
    ccbikai  
       2013-07-09 15:42:39 +08:00
    先去做做简单的博客模板,练手
    luoli
        9
    luoli  
       2013-07-09 15:49:12 +08:00
    下载一些html div模板练练。
    LokiSharp
        10
    LokiSharp  
       2013-07-10 00:44:22 +08:00
    可以去看看 Head First 系列的书,看起来很快,学起来很有趣
    miniwade514
        11
    miniwade514  
       2013-07-10 02:12:33 +08:00
    O'Reilly 有一套系统的书,由浅入深,强调实际操作,非常好的
    lhx2008
        12
    lhx2008  
       2013-07-10 08:13:54 +08:00
    感觉实在不行就看视频,因为有人现场演示给你看,我就不喜欢看视频,因为比较浪费时间
    lichao
        13
    lichao  
       2013-07-10 08:53:09 +08:00
    @lhx2008
    要说视频,这两个很不错

    30 Days to Learn HTML and CSS
    https://tutsplus.com/course/30-days-to-learn-html-and-css/

    30 Days to Learn jQuery
    https://tutsplus.com/course/30-days-to-learn-jquery/

    强烈推荐
    miniwade514
        14
    miniwade514  
       2013-07-10 09:03:34 +08:00
    @lichao +1. 这两个视频确实要推荐。第一个 30 days 对激发我对 WEB 前端的兴趣起了很大作用。
    slimbloody
        15
    slimbloody  
    OP
       2013-07-10 12:26:02 +08:00
    @miniwade514 求提供书籍的学习顺序,谢谢!


    @typing
    @bitsmix
    @LokiSharp
    @lhx2008
    @lichao 看视频的时间不太够,我每天只有下午有时间学习,其他时间都在搞训练去了,但是项目需要等师兄回来后8月20号左右开始做,求一个好的方案,谢谢!
    LokiSharp
        16
    LokiSharp  
       2013-07-10 15:00:34 +08:00
    Head First HTML with CSS XHTML
    Head First JavaScript

    这两本就够了,每天看两到三章,半个月看完
    P233
        17
    P233  
       2013-07-10 15:20:28 +08:00
    @slimbloody 多练习就好了,看再多,不如写个最简单的页面挨个把所有属性试一下,再积极笔记最好
    a7898585
        18
    a7898585  
       2013-07-10 16:59:40 +08:00
    nice
    zhouitpro
        19
    zhouitpro  
       2013-07-10 17:16:55 +08:00
    HTML真心不希望你去一个一个背下来,毕竟常用的就那个。你用多了再扩展。如果可以给你推荐 李盐灰老师的XHTML, CSS, PHP 和JAVASCRIPT. 基本上整套,免费的视频。至少我是从这里出来的。
    miniwade514
        20
    miniwade514  
       2013-07-10 18:16:10 +08:00   ❤️ 2
    @slimbloody 抱歉我说错了,,是 Appress 有一个系列的书,我记得是在 john resig 的那本 Pro

    JavaScript Programming 封底看到的路线图。。(额,其实这一段话不重要。。)


    初学了快两年了,,我根据自己的学习路线扯扯。。

    我最喜欢这两家出版公司的书:O'Reilly 和 Appress ,他们两家的中文译本的出版社分别是 电子工业出版社 和 人民邮电出版社(我看到的大多数是这两家,可能也有例外吧)。
    初学,我建议看我刚才说的 Appress 的那一个系列的书,你可以找一下 《Pro JavaScript
    Programming 》( John Resig 著 ) 的中文版,或者《JavaScript DOM 编程艺术》,它们的封底应该有
    个路线图,图上面由浅入深的,都是他们公司出版的前端的书。

    HTML 和 CSS :直接看 HTML5 和 CSS3 的书。

    CSS3 的书,看一两本就够了,第一本用来熟悉 CSS 的那些(新)属性(《The Book of
    CSS3 》),第二本用来学习 CSS 的一些高级使用。想进阶学 CSS3,最好的途径是在网上看各种牛人用 CSS3 实现的各种效果,动手最重要。

    HTML5 的书,通识的书看一本(大略地介绍 HTML5 的所有新特性,算 stage 1,如《HTML5
    Up and Running》);针对某一方面的书,可以多看几本(一般讲 canvas 的比较多,比如 Rob Hawkes 的 《HTML5 Canvas 基础教程》,还有 《HTML5 多媒体什么什么》,这些难度都不大,算是 stage 2);再后来可以看看更深入的(如《HTML5 高级程序设计》,算 stage 3)。

    但是,CSS 的许多东西书上是不会有的,只有在自己的实践中遇到了,再去用各种途径寻求解决办法的时候能学到。这些也不用多说了,只要你动手就一定会学到东西的。

    JS :我觉得学习 JS 分为这样几个阶段

    stage 1. 知道基本语法,会简单的 DOM 操作。在初学前端的时候,这些够了。推荐《JavaScript DOM 编程艺术》,超喜欢这本书,循序渐进,并且在一开始就反复强调“内容、呈现、行为的分离”,这是很重要的,也是很多书忽略的。

    stage 2. 开始用库来完成一些更加复杂的操作,最流行的是 jQuery ,书很多,但是不一定要看,因为官网的 API 文档已经非常完美了。这个阶段你开始了解 JavaScript 可以做很多很多事情。其中非常重要的一个就是,Ajax。

    stage 3. 回归原始。jQuery 用的很爽,但是那只是在用 JavaScript 的,而不是真的在写 JavaScript。所以,开始学习 JavaScript 的各种原理,开始看 jQuery 的源码,开始寻求写出更高质
    量的代码。推荐:《高性能 JavaScript》。神书不需要推荐:《JavaScript高级程序设计 第三版》。

    推荐了一摞书,,但是还是要说,动手最重要。
    diguage
        21
    diguage  
       2013-07-11 12:38:57 +08:00   ❤️ 1
    如果是JavaScript入门的话,《JavaScript高级程序设计(第三版)》这本书一定不能错过!不要被这个“高级”吓坏了,其实内容很基础的,而且讲解的也非常好!

    《JavaScript DOM 编程艺术(第二版)》这本书也非常好,循序渐进,深入浅出,通过逐步完善一个项目(在线相册)来讲解JS编程中的两个重要概念“逐步增强”和“平稳退化”这两个概念。(我想写篇文章,搞了一年了,还没认真动手写,惭愧惭愧)

    以上两本入门完全够用了!等入门之后,再搞其他的,比如jQuery!

    至于你s说的《JavaScript: The Good Parts》以及回复中提到的《高性能 JavaScript》都是非常好的书。但是这些都是进阶用的书,不适合初级入门看。说实话,《JavaScript: The Good Parts》里面的一些奥妙,我现在也看得不是特别明白!
    moshmosh
        22
    moshmosh  
       2014-01-30 03:23:24 +08:00
    RockyLee
        23
    RockyLee  
       2015-05-19 17:56:51 +08:00
    xiaoke0718
        24
    xiaoke0718  
       2017-05-20 08:21:38 +08:00
    @typing 确实 w3c 确实老了,过时了,还是用 MDN 比较好点,技术更新快
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2739 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 12:10 · PVG 20:10 · LAX 04:10 · JFK 07:10
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.