자바스크립트를 모르면 배우는 방법_기본지식

[译注: 可能你会说不翻译里面推荐的参考资料一切都是枉然，但是重要的是文章作者提供的学习思路。具体的参考内容你可以去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文档头部声明指定的文档类型。一般是如下形式：

view plaincopy to clipboardprint?

1. nbsp;html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>   

-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”> 🎜>

자바스크립트 세부정보

세계에서 가장 멋진 프로그래밍 언어인 JavaScript. JavaScript를 마스터하려면 먼저

와는 완전히 다르다는 점을 이해해야 합니다. 이 사실을 이해했다면 다음 가이드를 확인해 보세요.

기본 이해

이제 좀 더 편안한 휴식을 취해보세요. Yahoo의 일부 좋은 사람들은 전 세계적으로 인기 있는 많은 비디오 튜토리얼을 업로드했습니다. 이것은 정말 좋은 일입니다. JavaScript를 너무 쉽게 배울 수 있어서 똑똑한 사람들이 말하는 것을 몇 시간만 지켜볼 수 있기 때문입니다.

흥미진진한 JavaScript 3부작

JavaScript 프로그래밍 언어
• • 1부
  • 2부
  • 3부
  • 4부
  DOM에 대한 이론적 연구
• • 1부
  • 2부
  • 3부
  고급 자바스크립트
• • 1부
  • 2부
  • 3부

스페셜 컬렉션

• Nicholas Zakas가 유지 관리 가능한 코드에 대해 이야기합니다
• Joe Hewitt가 Firebug를 소개합니다

직접 고급

위의 작업을 완료한 후 원시 JavaScript 코드를 사용하여 몇 가지 흥미로운 크로스 브라우저 Ajax 애플리케이션을 작성할 수 있을 때까지 Google을 사용하여 알고 싶은 질문에 대한 답을 찾아보세요. 불가능한 것은 없으며 머지않아 Google을 버리고 스스로 할 수 있게 될 것입니다. 이 중 일부를 직접 수행하면 프레임워크가 애플리케이션을 구현하는 방법과 이러한 풍부한 애플리케이션 뒤에 있는 프로세스를 이해하는 데 도움이 될 수 있다고 생각합니다.

JavaScript의 지식 격차에서 흥미로운 기사를 찾아보실 수도 있습니다.

예시를 통해 알아보기

정말 훌륭한 JavaScript 코드 작성자가 되고 싶다면 가장 좋은 방법은 비밀을 알아낸 사람들이 작성한 코드를 읽는 것입니다. 즉, 영감을 얻으려면

MooTools의 소스 코드를 검색해야 할 수도 있습니다. 훌륭한 아이디어를 많이 흡수할 뿐만 아니라, 그 과정을 통해 프레임워크에 대한 더 깊은 이해도 얻게 됩니다.

더 높은 레벨로 발전

이제 Mootools를 다운로드할 시간입니다! 위에 나열된 대부분의 콘텐츠를 실제로 학습했다면

포럼에 질문하고, IRC 채팅룸에 참여하고, Mootools에 기여할 수 있습니다. 지역 사회 . 압축되지 않은 완전한 소스 코드를 다운로드하여 개발 작업에 적용해보세요. 변경하면 어떻게 되는지 확인하세요. 몇 가지 버그를 찾아보고 그에 따른 해결책을 제안해 보세요. 몇 가지 플러그인을 만드십시오. 하지만 Moo와 관련이 있도록 플러그인 이름을 지정했는지 확인하세요.