如何开始开发Javascript应用程序?

时间:2010-11-15 00:28:01

标签: javascript

我开始使用Rails开发,但很快我意识到没有JS的Rails几乎没用。所以,我正在尝试在空闲时间玩JS。

那么,JS开发的“交易工具(IDE,如果有的话)”是什么?

我的主要关注点是使用API​​,Ajax等,这样当我开发使用JS的Rails应用程序时,我不会迷失方向。

有许多使用JS for Open graph API或twitter API的教程,但这是为了完成工作并抽象一些初学者应该知道的功能集。

我通常通过制作计算器来开始学习一门语言,端到端(总是适合我)。但我无法制作计算器并使用API​​ / Ajax调用。

那么,你的建议是什么?

PS:我知道Douglas Crockford的视频讲座,它们很棒,但我需要更具体的东西。

更新

我的2个原始问题:
1. JS的交易工具有哪些? 和Eclipse一样:Java :: X:Javascript,什么是X (允许多个X)?
2.您建议我从哪个示例应用程序入手?

3 个答案:

答案 0 :(得分:4)

我认为最重要的是:了解您的语言!

JavaScript库非常有用,但如果您不了解该语言,则无法使用您选择的库实现无法完成的任务。例如:JavaScript的原型系统对于构建健壮的应用程序非常有价值和重要。我真的建议你在深入了解你几乎不知道的事情之前先试验一下。关闭也非常重要。

但有一点很重要:不要在浏览器不兼容性上花太多时间。这就是大多数图书馆的用途。您需要知道的是语言的工作原理。特定于实现的东西不值得学习(在大多数情况下),因为有人已经为你修复了这些东西。

@PS:Douglas Crockford确实在解释JavaScript如何运作方面做得非常出色。你应该继续看这个。


<强> @UPDATE

  1. 我认为 X 源于JavaScript的MIME类型:application/x-javascript。我选择的Web开发工具(包括JavaScript)是NetBeans IDE。我在我的工作场所使用它,它非常可靠和舒适。这是主观的(当然)。大多数其他IDE也会这样做。
  2. 这很难回答。如果我想到了什么,我会更新我的帖子。

答案 1 :(得分:1)

(我知道下面的评论通常指的是使用关于网站的javascript,所以如果你在不同的环境中使用js,例如couchDB,那就是ymmv)

对于ide,任何文本编辑器都可以,但我更喜欢方便的功能,如:

  1. 语法着色(因为它非常漂亮)

  2. (s)ftp插件 - 使保存文件更方便

  3. 我可能会选择像notepad ++或者aptana studio这样的东西(虽然我觉得aptana有时候有点过分,但非常强大)。如果你想支付,Adobe Dreamweaver也能很好地工作。否则,最低限度的是记事本和ftp客户端(再次,关于前端Web开发工作)

    为了调试或尝试快速javascript,我发现safari和chrome的内置开发工具很方便,但在firefox上,它一直是firebug。萤火虫太棒了。

    我注意到在我的工作环境中,有些人(尤其是商业方面)可以互换地使用javascript和DOM这两个词,但我发现他们尝试解释某些内容只会导致混淆。话虽这么说,如果你正在编写网络应用程序,我发现mozilla DOM参考非常棒,并且在我熟悉之前一直用它来打击它:https://developer.mozilla.org/en/DOM

    其实developer.mozilla.org实际上非常棒。

    除此之外,入门只是学习语法的问题。在我开始考虑其他概念,比如学习如何原型和诸如此类的东西(你可以在这个网站上查找)之前,我可能会先习惯语法(反正应该很快)。

    像jQuery这样的框架对于各种重复性任务非常方便,但我不一定会直接使用jQuery而不首先熟悉js语法。

答案 2 :(得分:0)

你应该学习的最重要的事情是jQuery。它现在是事实上的标准JavaScript库。

无论你用它做什么,jQuery都很棒,但是既然你提到了AJAX,我会指出jQuery让AJAX很容易愚蠢,因为你可以这样做:

$.ajax({
    url: 'some/ajax/endpoint',
    success: function(data) {
        // do something with data
    }
});

显然,你可以传递很多其他选项,但基本结构非常简单易用。

jQuery还有一个非常强大的语法,用于选择DOM的各个部分并添加事件。例如,如果你想随时捕捉一些点击图像并告诉他们图像src,你可以这样做:

$('img').click(function() {
    alert($(this).attr('src'));
});