“爱–爱是一个动词,爱是一个有说服力的词",或者歌曲如此流行。实际上,关于JavaScript的说法也可以这么说:这种炙手可热的编程语言是一种 doing 语言。
如果您认为JavaScript很有趣,则需要 do JavaScript –不仅仅是阅读它。入门比您预期的要容易得多,并且不花任何钱。我追踪了三种学习JavaScript的选择资源,这些资源都是关于让您做用该语言做事,而不仅仅是阅读或观看视频。
参加导览: Codeacademy的JavaScript Trac
假设您对JavaScript知之甚少,那么通过导览该语言将是一个不错的第一步。有些人用一两本书来做,其他人用一系列视频来做。优秀的Code School拥有使用精心制作的视频和练习的JavaScript路径,但它围绕着jQuery或CoffeeScript等辅助技术而发展。另外,它也要花钱。
如果您要寻找既免费又且着重于这样做的资源,则需要Codeacademy的JavaScript Track。本JavaScript指导课程使用了最少的文字说明,所有文字说明都塞在了侧栏中。屏幕的大部分内容由运行在浏览器中的优雅的代码编辑器占用。要完成本课程,您需要完成实际的(简单的)编码分配:
浏览器会检查您的代码-正确输入后,便进入下一阶段。该课程涵盖许多JavaScript基础知识,从函数到循环,控制流,数据结构和对象。在深入研究jQuery之类的库之前,这是一种熟悉核心语言的好方法。如果您已经知道一些JavaScript,则不必从头开始:您可以按照自己的喜好进行操作,甚至可以并行完成多个部分。
实验:Chrome的Console和jsFiddle < /
Once you have a basic grasp of the simple JavaScript syntax, the next important thing to keep in mind about the language is that it is very accessible: You are likely reading these words off a browser window right now. This means you’re already running a full-fledged JavaScript environment, right this minute. Nothing to install or configure – just right-click anything on the page and select Inspect Element. You’ll get the following:
通过单击上面显示的图标,您可以弹出一个JavaScript控制台,该控制台在您当前正在查看的页面的上下文中运行。换句话说,您可以使用任意JavaScript代码操作当前页面,使用该页面加载的任何库(例如jQuery),并执行您希望执行的任何操作。
这是学习以下内容的一种非常好的方法反复试验,因为它是如此容易获得,并且零恐惧。您无法造成任何损失-您所做的任何更改都不会保存在任何地方,只需按一下F5键即可恢复所做的一切并重新开始。关于控制台的另一件重要的事情是,您不仅限于单行代码:您可以编写多行代码。要开始新行而不执行您到目前为止输入的代码,请按Shift + Enter。
有时,您可能希望创建自己的环境:HTML,CSS,JavaScript的自定义组合库和您自己的代码。这可以帮助您测试更全面的想法。如果您想创建类似这样的东西而不必在本地设置任何东西,则需要jsFiddle。这是一个四窗格环境:HTML,CSS,JavaScript和输出。侧边栏使您可以选择各种附加功能,例如要依赖的JavaScript库。还有很多示例,其中一些对于初学者来说可能太复杂了:
明智地使用Chrome的控制台和jsFiddle应该可以帮助您保持JavaScript的可访问性,趣味性和活力。实际上,仅专注于通过语言进行的导览而不进行自己的实验,实际上可能最终使JavaScript看上去比实际情况更令人生畏。毕竟,这是您的代码-随便玩!
供参考:Mozilla开发人员网络和jQuery API文档
We’ve mentioned the Mozilla Developer Network before, as one of several resources that can help you learn to code . That was in a more general context, as the MDN contains information about a broad variety of subjects. For our purposes here, you should know that the MDN serves as a very solid reference handbook to all things JavaScript. The MDN does offer a structured JavaScript Guide which you may be able to follow step by step (depending on your level of prior programming knowledge), but its true strength lies in its JavaScript reference section. This is a section you can use as a dictionary of sorts, just to figure out the structure of specific statements.
另一个关键参考资源是jQuery API文档。就像MDN一样,此API文档乍一看似乎令人生畏,令人恐惧并且完全不友好。是的,这些参考资源都不会通过温和的解释来帮助您-但是是通过全面,非常值得信赖和权威来弥补这一点。
Coders don’t necessarily have to know everything — a big part of the work is knowing where to look when you need to figure something out. Learning how to read and understand the official documentation is an important step on the road to improving your coding style and knowledge. References are powerful tools in the quest to learn by doing, because each topic usually stands on its own: you can quickly look up something you need more information on, get the core of what you need, and carry on coding.
最后,一个可选书
实际上我想推荐一本书。它不是关于JavaScript的,您也不会在其中找到任何练习。实际上,它几乎没有任何代码。但是,如果您对任何类型的编程都感到好奇,那么这是一本非常好的书,它被称为《代码简洁性》,它教您如何思考编程以及如何将其作为一个整体来学习。您可以直接在Amazon页面上阅读我对它的完整评论(当前被标记为最有用的客户评论,www),但简而言之,这是一本关于编码的哲学基础的好书。这就像从键盘上退后几步,只是思考整个主题。
代码简洁性完全不需要阅读,但是如果您确实认为读书可以使您的知识受益,
您边做边学吗?
现在我终于要问您:您如何学习编码?您是边做边学,还是您是一个读者?您寻求成为编码员时使用了哪些资源?在评论中让我知道!
标签: 教育技术 JavaScript 编程