自学web前端初学求指导 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
不要在回答技术问题时复制粘贴 AI 生成的内容
slimbloody
V2EX    程序员

自学web前端初学求指导

  •  
  •   slimbloody 2013-07-09 11:41:09 +08:00 7956 次点击
    这是一个创建于 4547 天前的主题,其中的信息可能已经有所发展或是发生改变。
    目前在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  
    PRO
       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     Solana     890 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 27ms UTC 23:28 PVG 07:28 LAX 15:28 JFK 18:28
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86