回主页

笨活儿关注Web前端和网页设计,同时兼顾用户体验,致力于将国外的优秀教程汉化,并不定期推荐免费优秀影视娱乐资源。

订阅本博客。


  • About/关于
  • Browse/浏览
  • Portfolio/作品集
  • Search/搜索

TOPICS/主题:英国达人中文字幕 网页设计 免费资源 Web前端 感受年轻 边翻译边学习More...


  • « 你有多少思想?
  • 用标准的CSS定义你的表格样式 »
发表时间:十一月 18 ↓ 有话想说

[译]JavaScript基础入门

由 慵云 发表于 前端开发 分类下  发表时间:星期日, 十一月 18, 2007 13:23

本文是JavaScript库Mootools的入门性介绍文章,详细介绍了在网上能找到的比较好的学习HTML,CSS,JavaScript入门知识的资源以及随手参考的地方。文中介绍的从零入手学习JavaScript编程的过程很有参考价值。

[译注: 可能你会说不翻译里面推荐的参考资料一切都是枉然,但是重要的是文章作者提供的学习思路。具体的参考内容你可以去Google相应知识的中文版。]

翻译不当的地方还请留言指正!

帮帮我!我不懂JavaScript [Help! I Don't Know JavaScript!]

June 5th, 2007, 作者 Michelle

为了帮助所有对Mootool有兴趣却碰上很多麻烦的人,我整理了这些能够教给你开始从事客户端应用开发所需的所有知识的网上资源。

职业必备工具

这些是从事Web开发的前提条件。

Firefox: 从事开发工作一定少不了Firefox。但你还需要在你的电脑(以及其他测试计算机)上安装好你打算兼容的所有浏览器,以方便进行跨浏览器支持测试。

必不可少的扩展
  • Firebug: 有史以来最优秀的插件。Firebug让面对一大堆代码抓狂的你清楚地了解处理你的页面时浏览器内部都发生了些什么。
  • Web Developer Toolbar: 赋予你全面掌控站点的伟大力量。禁用JavaScript,查看网页不带CSS时的样子,禁用访问来源,启用严格警告,以及更多。所有你能想到的Web Developer Toolbar都能给予。

学习基础知识

别因为不懂HTML就在学习Web开发的道路上止步!

How to Create

这地方非常棒,不仅详细介绍各种麻烦的细节,而且对语义化和实践优化方面的课题也有所涉及。 总的来说,是非常不错的人性化设计的基础知识概览。

  • HTML
  • CSS
  • JavaScript
Mozilla开发者中心[MDC]

大概是网上最全面的Web开发信息中心了, 特别是关于Firefox或Mozilla的信息。她应该会成为您主要的参考资源。

  • HTML
  • CSS
  • JavaScript
  • 特别收录: DOM
W3 Schools

基本上W3 Schools 可以提供给您所有Web技术的快速参考,而且比W3C提供的原始参考文档要易读得多。 MDC虽然更好,但手边有一些快速参考资料总归要好得多。

  • HTML
  • CSS
  • JavaScript
微软开发人员网络 [MSDN]

不要被他们的名字唬住了——JScript是和JavaScript一样的东西。如果没记错微软应该因为这一站点获得了一两个可用性方面的奖项。当你和IE的不规范做斗争时应该常来这里看看。

  • HTML & CSS
  • JavaScript

[译注:最近发现梦都网(中文)的HTML和CSS基础教程和参考文档很不错,建议看看]

其他资源

如果你有点好奇心,可以经常看一看 A List Apart ,了解一些巧思妙技。另外,请注意,Mootool在 strict doctype [严格文档类型]中使用最佳。译注:Doctype即XHTML文档头部声明指定的文档类型。一般是如下形式:

[html]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">[/html]

JavaScript详细

JavaScript,世上最酷的编程语言。 要想掌握JavaScript,首先您需要明白,它和 <此处用你最喜欢的编程语言代替>完全不同。当你明白了这一事实后,你可能会想要看看下面这些指导文章:

了解基础

现在来点轻松的。Yahoo的一些大好人为世人上传了很多普及性的视频教程。这真的是件大好事,因为我们对JavaScript的学习简单到了只需要花几个小时看这些聪明的伙计们讲话。

激动人心的 JavaScript三部曲
  • JavaScript编程语言
    • 第一部分
    • 第二部分
    • 第三部分
    • 第四部分
  • DOM的理论研究
    • 第一部分
    • 第二部分
    • 第三部分
  • 高阶JavaScript
    • 第一部分
    • 第二部分
    • 第三部分
特别收录
  • Nicholas Zakas谈可维护代码
  • Joe Hewitt介绍Firebug
自食其力地进阶

一旦你已完成上面的学习,试着利用Google找寻您想知道的问题的答案,直到您能用原始的JavaScript代码编写出几个有趣的跨浏览器Ajax应用。没什么不可能的,用不了多久你就可以抛开Google自己动手了。我认为靠你自己的力量做点这些可以帮助你理解一个框架是如何实现应用的,以及这些丰富的应用背后的过程。

你可能也会觉得 JavaScript的知识鸿沟 是篇有意思的文章。

通过实例进行学习

如果你真的很想成为一个好的JavaScript代码编写者,最好的方式就是阅读已洞悉个中奥妙的人编写的代码。也就是说,你可能需要 浏览MooTools的源码 获得一些启迪。你不仅可以吸收很多好点子,通过这一过程,你还能更深层次的理解这一框架。

进阶到更高水平

现在是时候下载Mootools啦!如果你确实完成了我上面列举的大部分内容的学习,我们欢迎你到论坛上提问,在IRC聊天室里潜水,为Mootools社区做出您的贡献。 试试下载完整的,未经压缩的源码并将其应用于你的开发工作。看看当你对其做出修改时都会发生什么事。试着找出一些bug,提出相应的解决办法。做几个插件。但是请保证在为你的插件命名时让其看起来和Moo有关。

持续关注

常来这个blog逛逛,这里有调试代码时你所须知的一切以及一些让你与函数打交道的过程变得有趣的延伸阅读。

你应该也会喜欢:
  1. 给JavaScript新手的24条实用建议[TUTS+]
  2. 40个实用的轻量级JavaScript库[SM]
  3. 即刻提升jQuery性能的十个技巧[TUTS+]
  4. 淘宝开源编辑器KISSY Editor试用报告
  5. [Drupal模板制作手册-4]主题的.info文件
  6. 正则表达式高级技巧背后的关键概念[SM]
  7. [Drupal模板制作手册-2]主题的解剖
  8. [Drupal模板制作手册-3]子主题,结构与继承

标签:A List Apart • CSS • DOM • JavaScript • XHTML • 教程

© 笨活儿   允许转载,但请以链接形式保留出处。也欢迎您使用RSS订阅本博客。

  • « 你有多少思想?
  • 用标准的CSS定义你的表格样式 »

此文被敲了 2 下了已经

  1. gaoshan ←@
    九月 10, 2009 3:04 下午

    翻译的不错,源也不错,谢谢!

  2. kevin ←@
    九月 27, 2011 10:49 上午

    感觉还不错。对我这种菜鸟应该有帮助。

多说话有益身体健康

点击这里取消回复。

请勿发表“顶”、“好”、“很有用”之类对他人没有帮助的话。欢迎针对文章内容发表您自己的真知灼见。

点击人名后面的 ←@ 可以回复TA。如果已经超过回复层级,您可以在上一级回复,并记得加上“@称呼”以注明您回复的是谁。

您可以订阅本文的RSS供稿,及时了解大家的讨论进度。


唠唠叨叨:
  • 02月10日
     ktmud: @feelinglucky 台湾站也要备案? 
  • 02月09日
     ktmud: @helloleo 因为他贵 
  • 02月09日
     ktmud: RT @junyu: Google 这个短信计费方式太搞笑了… http://t.co/wqEuO2bx 
  • 02月09日
     ktmud: @jeuxee 好嘛.... 这俩我都还没试过  请原谅刚用上iphone的土鳖 
  • 02月09日
     ktmud: @ohdarling88 谁回来了 

follow me!


  • 日历 Calendar

    2012 年二月
    一二三四五六日
    « 十二  
     12345
    6789101112
    13141516171819
    20212223242526
    272829 
  • 分类文章 Categories

    • Web技术 (28)
      • 交互和UE (2)
      • 前端开发 (14)
      • 网页设计 (9)
    • 人微言轻 (20)
    • 外语笔记 (10)
      • 英语精译精析 (6)
    • 好康推荐 (16)
    • 娱乐至死 (54)
    • 生活琐碎 (52)
    • 设计丛谈 (5)
  • 有情博客 Blogroll

    • 个篱: 音乐媒体观察
    • 偶为“英音”狂
    • 奇技淫巧
    • 小苑
    • 岁月如歌
    • 明城
    • 暂不留名
  • 博客群落 MyBlogs

    • 一同堕落
    • 丘迟的维基
    • 千吨泥 – 前端技术
    • 千吨泥维基
    • 千吨瞎想
    • 超哥爱你

人人 | 豆瓣 | Last.Fm | Facebook | Google Reader | 百度 | 维基百科

© 笨活儿 2009

本站所有内容均可自由转载,但请遵循CC协议规定

Powered By WordPress, Original Theme by BenHuoer