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
这地方非常棒,不仅详细介绍各种麻烦的细节,而且对语义化和实践优化方面的课题也有所涉及。 总的来说,是非常不错的人性化设计的基础知识概览。
Mozilla开发者中心[MDC]
大概是网上最全面的Web开发信息中心了, 特别是关于Firefox或Mozilla的信息。她应该会成为您主要的参考资源。
- HTML
- CSS
- JavaScript
- 特别收录: DOM
W3 Schools
基本上W3 Schools 可以提供给您所有Web技术的快速参考,而且比W3C提供的原始参考文档要易读得多。 MDC虽然更好,但手边有一些快速参考资料总归要好得多。
微软开发人员网络 [MSDN]
不要被他们的名字唬住了——JScript是和JavaScript一样的东西。如果没记错微软应该因为这一站点获得了一两个可用性方面的奖项。当你和IE的不规范做斗争时应该常来这里看看。
[译注:最近发现梦都网(中文)的HTML和CSS基础教程和参考文档很不错,建议看看]
其他资源
如果你有点好奇心,可以经常看一看 A List Apart ,了解一些巧思妙技。
另外,请注意,Mootool在 strict doctype [严格文档类型]中使用最佳。
译注:Doctype即XHTML文档头部声明指定的文档类型。一般是如下形式:
- //W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
JavaScript の詳細
JavaScript、世界で最もクールなプログラミング言語。 JavaScript をマスターするには、まず、JavaScript が <お気に入りのプログラミング言語をここに置き換えてください> とはまったく異なるものであることを理解する必要があります。この事実を理解したら、次のガイドを参照してください:
基本を理解する
次に、もっとリラックスできるものをご紹介します。 Yahoo の何人かの有能な人々は、世界中に向けて人気のあるビデオチュートリアルを多数アップロードしています。これは本当に良いことです。なぜなら、JavaScript はとても簡単に学べるので、賢い人々の会話を数時間見ているだけで済むからです。
エキサイティングな JavaScript 三部作
- JavaScript プログラミング言語
- DOMの理論的研究
- 高レベルの JavaScript
スペシャルコレクション
自分で進めてください
上記の作業を完了したら、生の JavaScript コードを使用していくつかの興味深いクロスブラウザー Ajax アプリケーションを作成できるようになるまで、Google を使用して知りたい質問に対する答えを探してみてください。不可能なことは何もありません。Google を捨てて自分でできるようになるまで、そう長くはかからないでしょう。この一部を自分で実行すると、フレームワークがアプリケーションを実装する方法と、これらのリッチ アプリケーションの背後にあるプロセスを理解するのに役立つと思います。
JavaScript の知識ギャップ も興味深い記事です。
例を通して学びましょう
本当に優れた JavaScript コード作成者になりたいのであれば、その秘密を理解した人が書いたコードを読むのが最善の方法です。言い換えれば、インスピレーションを得るには、MooTools のソース コードを 参照する必要があるかもしれません。多くの素晴らしいアイデアを吸収するだけでなく、そのプロセスを通じてフレームワークについての理解も深まります。
より高いレベルに進みました
Mootools をダウンロードしましょう!上記に挙げた内容のほとんどを実際に学習し終えている場合は、 フォーラム で質問したり、IRC チャット ルームに参加したり、Mootools に貢献したりすることができます。コミュニティ 。 完全な非圧縮ソース コードをダウンロードして、開発作業に適用してみてください。変更を加えるとどうなるかを確認してください。いくつかのバグを見つけて、対応する解決策を提案してみてください。いくつかのプラグインを作成します。ただし、プラグインに Moo に関連する名前を付けるようにしてください。

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック









WebSocket と JavaScript を使用してオンライン音声認識システムを実装する方法 はじめに: 技術の継続的な発展により、音声認識技術は人工知能の分野の重要な部分になりました。 WebSocket と JavaScript をベースとしたオンライン音声認識システムは、低遅延、リアルタイム、クロスプラットフォームという特徴があり、広く使用されるソリューションとなっています。この記事では、WebSocket と JavaScript を使用してオンライン音声認識システムを実装する方法を紹介します。

WebSocketとJavaScript:リアルタイム監視システムを実現するためのキーテクノロジー はじめに: インターネット技術の急速な発展に伴い、リアルタイム監視システムは様々な分野で広く利用されています。リアルタイム監視を実現するための重要なテクノロジーの 1 つは、WebSocket と JavaScript の組み合わせです。この記事では、リアルタイム監視システムにおける WebSocket と JavaScript のアプリケーションを紹介し、コード例を示し、その実装原理を詳しく説明します。 1.WebSocketテクノロジー

JavaScript と WebSocket を使用してリアルタイム オンライン注文システムを実装する方法の紹介: インターネットの普及とテクノロジーの進歩に伴い、ますます多くのレストランがオンライン注文サービスを提供し始めています。リアルタイムのオンライン注文システムを実装するには、JavaScript と WebSocket テクノロジを使用できます。 WebSocket は、TCP プロトコルをベースとした全二重通信プロトコルで、クライアントとサーバー間のリアルタイム双方向通信を実現します。リアルタイムオンラインオーダーシステムにおいて、ユーザーが料理を選択して注文するとき

WebSocket と JavaScript を使用してオンライン予約システムを実装する方法 今日のデジタル時代では、ますます多くの企業やサービスがオンライン予約機能を提供する必要があります。効率的かつリアルタイムのオンライン予約システムを実装することが重要です。この記事では、WebSocket と JavaScript を使用してオンライン予約システムを実装する方法と、具体的なコード例を紹介します。 1. WebSocket とは何ですか? WebSocket は、単一の TCP 接続における全二重方式です。

JavaScript と WebSocket: 効率的なリアルタイム天気予報システムの構築 はじめに: 今日、天気予報の精度は日常生活と意思決定にとって非常に重要です。テクノロジーの発展に伴い、リアルタイムで気象データを取得することで、より正確で信頼性の高い天気予報を提供できるようになりました。この記事では、JavaScript と WebSocket テクノロジを使用して効率的なリアルタイム天気予報システムを構築する方法を学びます。この記事では、具体的なコード例を通じて実装プロセスを説明します。私たちは

JavaScript チュートリアル: HTTP ステータス コードを取得する方法、特定のコード例が必要です 序文: Web 開発では、サーバーとのデータ対話が頻繁に発生します。サーバーと通信するとき、多くの場合、返された HTTP ステータス コードを取得して操作が成功したかどうかを判断し、さまざまなステータス コードに基づいて対応する処理を実行する必要があります。この記事では、JavaScript を使用して HTTP ステータス コードを取得する方法を説明し、いくつかの実用的なコード例を示します。 XMLHttpRequestの使用

「SpongeBob SquarePants in the Krusty Krab」は、テンポの速いゲームプレイと驚きの料理が満載のクッキング シミュレーション ビジネス ゲームです。あなたはスポンジ・ボブをプレイし、ゲーム内のさまざまなレストランやキッチンを拡張して喜びをもたらします。初心者プレイヤー向けに、戦略の提案をいくつか紹介します: まず、キッチンのレイアウトを合理的に配置して作業効率を向上させます。次に、材料の調達と保管に注意を払って適切な供給を確保します。また、顧客のニーズに注意を払い、注文をタイムリーに処理します。最後に、より多くの顧客を引き付けるために、機器とレシピを常にアップグレードします。これらのスキルを通じて、スポンジ・ボブとクラスティー・クラブのゲームで上達することができます。 初心者向けチュートリアル 1. 最初に小さな目標があります。プレイヤーはレベルに合格するために目標を完了するだけで済みます。 2. 制作中プロセスを完了するたびに、全員が顧客のニーズを注意深く確認する必要があります。

使用法: JavaScript では、insertBefore() メソッドを使用して、DOM ツリーに新しいノードを挿入します。このメソッドには、挿入される新しいノードと参照ノード (つまり、新しいノードが挿入されるノード) の 2 つのパラメータが必要です。
