jsの学び方

友人は JavaScript を学びたいと言いましたが、学び方はわかりませんでした。この記事ではJavaScriptの重要な知識や学習方法を編集者がまとめたもので、少し長いですが非常に役立つ内容となっておりますので、ご参考になれば幸いです。

1. 開発環境と JavaScript のバージョンの問題

開発環境はシンプルであるほど良いため、このリンクで時間を無駄にしないでください。

まず、エディター、崇高なテキスト、vs code、atom、webstorm、HBuilder の選択について話しましょう。初心者がゲームを始めるときは、常に最高のエディターを見つけたいと考えます。実際、このエディターはゲームのヒーローを選ぶのと同じです。最も強力なエディターはなく、自分に最も適したエディターがあるだけです。まだそうでない場合は、もちろん、vs code を選択するだけです。これは初心者にとって非常に親切だと思います。

Chrome をブラウザとして使用すると、コーディングを開始できます。

JavaScript のバージョンについては、ES5 から学習を開始し、ある程度の基礎ができた後に ES2015 の新機能に目を向けることをお勧めします。

2. 基本文法

プログラミング言語の学習と自然言語の学習には多くの類似点があり、最も基本的な単語と文法から始める必要があります。

• 変数: 変数を宣言する方法と変数に値を割り当てる方法。
• データ型: データ型とは何か、また数値と文字列の違いは何ですか。
• 演算子と式: 一般的に使用される演算子は何ですか? 「=」「==」「===」などの違い
• 分岐ステートメント: if、switch
• ループ ステートメント: for、while
• 関数: 関数とは、パラメーターとは、戻り値とは何か。

これらの基本的な文法によく慣れていなければ、その後の学習が難しくなります。

3. オブジェクト

オブジェクトは非常に重要な概念であり、柔軟に把握する必要があります:

• オブジェクト: 順序付けされていない属性のコレクション。 function の場合、この関数をオブジェクトのメソッドと呼びます。
• 配列: 順序付けられた要素のコレクション。配列を理解するための一般的な方法
• 日付オブジェクト: 年、月、日、時、分、秒の取得
• 数学オブジェクト: 乱数の取得
• その他のオブジェクトの理解: 正規表現、パッケージ化オブジェクト、実際には関数もオブジェクトですが、これらについて簡単に理解するだけで十分です。

各オブジェクトには多くのメソッドがあります。これらのメソッドがどこにあるかを知っておくだけです。暗記する必要はありません。英語を学ぶときと同じように、必要な単語を覚える必要がありますが、ほとんどの単語は知っています使い方は辞書で調べてください。

[基礎文法]と[目的語]の学習過程は比較的退屈で、知識点間のつながりもそれほど密ではなく、小学校1年生で漢字を習うときと同じように、それぞれの文字は何なのかは分かりますが、どうやってまとめればいいのか分からないので、小学校​​では語形成と文章作成と作文の練習だけをしています。私たちは、私たちが取り組んでいるプロジェクトをエッセイを書くことに例えていますが、まだまだ先はあるので、焦らないでください。

4. DOM

• DOM のツリー構造
• ノード: 要素ノード、テキスト ノード、属性ノード
• ノード関係: ピア、親子レベルなど。
• ノードの取得: querySelector、querySelectorAll など。
• ノード操作: 追加、削除、変更、チェック
• イベント バインディング: イベント フローとイベント委任を理解する必要があります

DOM には多くのメソッドも用意されています。それでも、あまりエネルギーを費やさないでください。独学で勉強している初心者は、これらの多数のメソッドに常に悩まされます。 DOM についての一般的な理解が必要ですが、将来的にはそれらの煩雑なインターフェイスを jQuery またはフレームワークに完全に置き換えることができます。

(DOM に興味がある場合は、スキルをもう少し包括的に習得してから戻って深く勉強することもできますが、初期段階に多くの時間を投資することは学習効率に影響します)

五、jQuery

jQuery は必須ですが、jQuery を始めるのはとても簡単です。jQuery の使用法を理解するのに 2 日かかります。その後、jQuery を使用して次のことを実現できます。様々なページ効果. 序盤は必ずつまずきますが、jQueryに関する情報はたくさんあるので、学びながら同時に実践していきましょう。

6. 高度な JavaScript

jQuery に習熟したら、より高度な JavaScript コンテンツを学習し始めることができます:

プリミティブ型と参照型の違い
さまざまな型変換と型検出
終わりに: 関数内の関数、どのように適用しても騙されないでください。
プロトタイプ: コンストラクター、プロトタイプのプロパティ、およびプロトタイプベースの継承がどのように実装されるか。
this: 穴を開けて注意深く研究することができます

7. ノードを理解する

ノードはフロントエンドにとって必須の学習であると言えますが、代わりにバックエンドとしてノードを使用する方法を学習するには、ノード エコシステムのさまざまなツールを使用します。ちなみに、背景を理解するにはノードを使用します。

• node を使用して静的サーバーを開きます
• npm を使用してサードパーティ モジュールをダウンロードします
• webpack
• babel

Express を使用して、いくつかのリクエストを処理するための単純なバックグラウンド プログラム (server.js 1 つで十分) を作成するのが最善です。これにより、Ajax を学習する際にバックグラウンド インターフェイスを自分で作成できるようになります。もちろん、これには基本的な知識が必要です。 http プロトコルの。

8. ES2015 の新機能

• 変数と定数: なぜ var を放棄するのでしょうか?
• 構造の割り当て
• アロー関数
• モジュール化
• クラス
• コンパイル

プロミスと同様、Async /await 関数など、すべてはあなたの力量次第です。興味のある方はぜひご覧ください。見なくてもその後の学習に影響はありません。ただし、今学ばなくても、今後もそれを補う必要があります。

9. AJAX

簡単に言うと、http プロトコル、リクエストとは何か、レスポンスとは何か、get と post の違いは何かを理解してから、ajax を学習して、構文は基本的に理解できます。

• XMLHttpRequest を使用してリクエストを送信し、データを受信します。
• jQuery を使用してリクエストを送信し、データを受信します。
• json 分析

これだけ知っていれば十分です。仕事や勉強をしていても、今後必ず多くの問題に遭遇します。具体的な問題については、その時に詳しく分析します。時間。

10. フレームワーク

react、angular、vue のいずれかを選択します。基礎がまったくない初心者は vue を強くお勧めします。バックエンドからフロントエンドに切り替える場合は、angular をお勧めします。は技術的なフロントエンドであるため、react をお勧めします。

この記事は基礎知識のない初心者向けの記事なので、当然vueを選んだ方が良いです。

最後に

これらの 10 のステップを通じて、JavaScript システムを全体的に理解し、趣味や仕事のニーズに応じて、どの方向に開発するかに焦点を当てることができます。テクノロジーへの道のりは長く、これは単なる出発点にすぎません。

以上がjsの学び方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。