CSS,JavaScript - 从哪里开始?

3
我是一名有超过10年经验的C/C++程序员,我也懂得Python和Perl语言,但我从未用这些语言进行过Web开发。
现在由于一些原因,我想进入Web开发领域,并且作为这个转变的一部分,我需要学习CSS、JavaScript、(X)HTML等知识。
因此,我需要一些好的信息来源的建议。在一段时间内,我不想阅读冗长的教程,我需要一些快速而简单粗暴的东西作为入门。
12个回答

6

你可以在A List Apart网站学习样式和最佳实践。


4

由于您是一位经验丰富的程序员,学习JavaScript的好起点可能是Douglas Crockford的《JavaScript权威指南》。这本书简明扼要地介绍了JavaScript的最佳部分(以及您在相当长一段时间内所需的所有内容)。

您需要采用非常不同的方法来处理CSS和HTML。我建议尝试制作一两个静态网站,并在遇到问题时查阅参考资料。选择一个您喜欢的网站,在HTML中重新创建其基本布局。完成布局后,尝试美化它。重复以上步骤。


我读了这本书,但并不喜欢它,也不会推荐它。它更像是一个目录,没有解释为什么他描述的东西是好的。 - Julien
没错,他确实经常使用习语“正如你所看到的,这使得JavaScript中的foo非常具有表现力”,但他确实解释了(在附录中)为什么应该避免排除语言的某些部分。我猜这不适合每个人。 - ozan

2
我强烈建议您查看Dev Opera,它充满了最新的信息,并且专注于Web标准。特别是Web Standards Curriculum对于初学者来说是一个很好的资源。

我真的不会依赖W3 Schools网站,它的内容没有及时更新,而且示例经常显示出坏习惯。如果您知道自己在做什么,它可以作为单个技术的快速资源,但对于初学者来说,它很容易导致您走上错误的道路。


2

我发现http://htmldog.com/在学习HTML/CSS时非常有用。它教授符合W3C标准的HTML和CSS,不像许多其他网站。查看其他人的CSS也非常有用。CSS相当简单(忽略所有浏览器不兼容性),因此即使你只有少量的CSS知识,也可以弄清楚其他人在做什么。

Javascript更加复杂。Javascript具有相当奇怪的对象系统(它使用原型继承),因此最好选择一本书来学习。Crockford的Javascript: The Good Parts是学习javascript基础的优秀书籍。关于javascript的事情是,它基本上有两个部分:语言和DOM(文档对象模型)。大多数情况下,javascript在浏览器中使用,这意味着它必须通过DOM与HTML交互。许多人没有意识到javascript可以在web浏览器之外使用。JS:The Good Parts将教您javascript核心,然后您可以在其他地方查找DOM交互。


1

我不建议使用w3schools学习CSS和XHTML,而是推荐htmldog.com。对于JavaScript,我建议学习一些关于无侵入式JavaScript的内容。


0

最近,Opera花了很多心思让人们撰写一大堆教程。质量很高,并且他们会关注反馈(不像W3Schools)。它涵盖了HTML、CSS和JavaScript,我还没有发现更好的起点。


0

我最喜欢的CSS教程网站一直是www.htmldog.com。我喜欢它的原因不仅在于它教你CSS,还教你放弃可能在多年中养成的任何不良HTML习惯。在我看来,学习编写干净、语义化的HTML是真正掌握CSS的重要先决条件。

至于JavaScript,w3schools可能是最好的选择。


啊啊啊 - 真不敢相信我说了那样的话!我当时真是个白痴。 - wheresrhys
活到老学到老。:) 直到我在 Stack Overflow 找到一个指向 w3fools.com 的链接之前,我并没有意识到 w3schools 存在任何问题。 - user554546

0
对于 CSS,怎么样看看 O'Reilly 出版的《CSS 简明教程》?非常薄。

-1

W 3 Schools 是一个非常好的初学者/新手参考和教程网站。

该网站涵盖了大多数 Web 开发中使用的技术。


嘿!猜想人们已经先我一步了 :) - cllpse
哈哈,我们之间有7秒钟的时间差 :P - Ólafur Waage
1
值得注意的是,W3Schools非常简单粗糙。当你完成学习后,你会渴望练习,因为你知道自己还没有掌握任何东西。 - David Berger
1
我不会把W3学校仅归为初学者/新手 - 我和我的所有同事都会在那里反复检查代码片段和语法。这是一个很好的资源。 - Lazlow
3
我认为W3Schools存在错误和垃圾内容。现在有更好的替代选择。 - Quentin

-1

安装firebug

  • 它有助于检查HTML。
  • 您可以即时编辑CSS。
  • 具有JavaScript控制台。

这里有一篇很好的文章,解释了firebug的一些功能。


这对新手有什么帮助?一个不知道Firebug是什么的新手! - David Berger
编辑后的答案,包括Firebug的主要功能 - Daniel Moura
1
Firebug是一个有用的工具,但起点应该是文档,而不是调试器。 - Quentin
我不同意。Firebug不仅是一个调试器,它也是一个很好的游乐场,对于许多人(包括我自己在早期编程时期),文档可能会相当模糊和抽象。话虽如此,一个更好的游乐场(至少对于CSS来说)可能是http://cssdesk.com/。 - wheresrhys

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接