JSを段階的に学ぶ方法についての簡単な説明

JSを段階的に学ぶ方法についての簡単な説明

概要

HTML+CSS 学習の第 1 段階を完了すると、多くの学生は第 2 段階の JS (JS 構文、JS データ型、JS オブジェクト) に困惑します。JS は HTML に比べて動的であり、プログラミング言語であり、より奥が深いため、常に非常に「複雑」であるという印象を与えます。 js を習得するのは非常に困難ですが、知識のポイントを明確に整理し、真に理解して適用すれば、習得できます。では、どうすれば JS を上手に学べるのでしょうか?ここでは、Js を学習した経験をいくつかまとめます。皆さんのお役に立てれば幸いです。

Js が人々にそのような感覚を与える理由は、主に次の特性によるものです。

まず、クロージャ、組み込みオブジェクト、DOM などの知識自体が非常に抽象的で理解しにくいです。

2つ目:関数ライブラリやオブジェクトライブラリが多数あるなど、コンテンツ自体が充実しています。

3 番目: 複数のプログラミングのアイデアを組み合わせる。手続き型プログラミングの考え方だけでなく、オブジェクト指向プログラミングの考え方も含まれています。同時に、そのオブジェクト指向アプローチは他のプログラミング言語(C++、JAVA、PHP など)とはまったく異なります。それはまるで、かつて学んだオブジェクト指向の知識を疑わせるような、また新しいことのようです...

では、js の分野でもっと簡単に学ぶにはどうすればいいのでしょうか?私の個人的な経験と先生の言動に基づいて、いくつかの js 学習体験をまとめました。

1. jsの位置づけを明確に理解する

常に忘れないようにしてください。そうしないと、js が何であるかを知らないという間違いを犯しやすくなります。長い間 js を勉強して、js がプログラミング言語であり、コードを書くことに関するものであり、その特徴は乱雑であるということだけを知っておかないでください。そうしないと、js をうまく学ぶことはできません。私たちは常にその位置、より正確には Web 全体におけるその位置を把握する必要があります。それはフロントエンドの中核に属し、主に DOM を操作および再調整するために使用され、DOM 構造を変更することでページ効果を変更するという目的を達成します。この中心的な考え方は、その後のすべての JS 学習を導き、条件反射を形成するために使用する必要があります。

2. 明確な学習パス

これは自分自身で、またはそれを経験した人の指導を受けてのみ理解できます。私の学習パスは次のとおりです。

A: 変数、関数、配列、文​​字列などの定義、組み込み関数、組み込みオブジェクトなど、js の基本部分。

B: js は、プログラミングのアイデアを処理し、さまざまな機能をカプセル化し、それらを使用して、99 の掛け算表、タブ、カスタムの複数選択ボタン、カスタム プレーヤー、3D フォト アルバム、省と市のリンク、マウスの動的効果などの一般的な小さな機能を実行しようとします。

C:js オブジェクト指向プログラミングの概念では、すべてがオブジェクトであり、独自のオブジェクトの一部をカプセル化して意味のあるインターフェイスを提供するように努めます。

D: 上記の内容を学習した後、よく使用されるライブラリを学習します。ここではjQueryを学習する必要があります。 // これについては後で学習します

3. 自己規律と粘り強さ

気まぐれにコードを書かないでください。ほんの数分だけ熱中してはいけません。誰かが js を使用してクールな動的 Web ページを作成しているのを見ると、「私もそれをやりたい」と叫びます。他の人がこの成果を達成するために舞台裏でしっかりとした基盤を築いていることをほとんど知りません。3 日間働いて 2 日間休むと、小さなプロジェクトを書いているときに多くの知識ポイントを忘れていることに気づき、落胆するでしょう。プログラミング言語は一度に習得できるものではありません。時間の積み重ね、継続的な練習、そして弱点の継続的な改善の結果です。したがって、自己規律と粘り強さが非常に重要です。 ! !

4. 練習してもっと書く

JS を学ぶということは、張宇先生のあとについて行って、先生がコードを入力するのを見たり、先生がコードの知識について話しているのを見たり、注意すべきことをたくさん言うことではありません。そのときは理解できるかもしれませんが、しばらくしてこのコードを書くと、頭の中で「書ける!」と思うようになります。 手:? ? ? ? ? ?その時ははっきりと理解していたのに、なぜ...深い記憶が形成されていないので、とても恥ずかしいです。 jsを学ぶ最良の方法は、もっと練習してもっとコードを書き、興味のある小さなプロジェクトをいくつか実行し、必要な機能を実装することです。 わからない場合は、情報を調べ、もっと練習してもっと書いてください。 同時に、先生がどのようにコードを書くかも見るべきです。 考えることも非常に重要です。

5. 複数の視点から学び、理解する

学んだことを最大限に活用し、特定の機能に複数の角度からアプローチし、思考を鍛え、コードを可能な限り最適化し、冗長性を避けます。たとえば、以前はプロセス指向の観点から行っていた場合は、オブジェクト指向の観点に変更するか、プロパティ、メソッドなどを提供して直接使用できるプラグインを作成し続けます。開発した機能を実際のプロジェクトで徐々に使えるようにしていきます。これの利点は、学んだことを包括的に応用でき、実用的な意義も持つことができるため、両方の長所を享受できることです。

6. 自信を育むことに注意を払う

現時点では、非常に複雑で派手な Web ページ効果のソース コードを見るのは適切ではありません。基礎知識なしで直接これらを学ぶと、自信が著しく損なわれます。したがって、細部に気を取られて全体像を見失わないように注意してください。急いでコードを書こうとするのではなく、一歩一歩コードを書くことに注意を払ってください。現時点では、あなたは弱いということを覚えておいてください。必要なのは自信をつけることであり、その逆ではありません。そうでなければ、結果は「3 日間釣りをして、2 日間網を干す」ことになり、勉強で成功するには程遠いものになるでしょう。

7. 学習の要約をもっと書く

この概要には、ソース コードや表示効果のスクリーンショットだけでなく、よくある間違いとそれに対応する解決策、最後に 1 つまたは 2 つの簡潔な結論文も含める必要があります。要約をただ書くだけでは十分ではありません。要約をもっと頻繁に見直し、もっと改善し、もっと簡潔にする必要があります。プロジェクトに取り組んでいるときは、長い記事を読むのではなく、1、2 文を読むだけで、そのプロジェクトの内容が理解できるはずです。

8. 独自の知識マップを構築する

これにより、より明確に学習できるようになります。深い印象が残るものであれば、どのような形式でも構いません。

注: ナレッジ マップは、より合理的かつ明確なものにするために、頻繁に変更および改訂する必要があります。

まとめられたjs知識マップ、じっくり読んで頂ければJavaScriptの復習や上達にもなり、基礎力の良いテストにもなります。

諺にもあるように、30%は運命で決まり、70%は努力次第です。努力した者だけが勝利できるのです。さあ、挑戦しましょう!

上記は、JS を段階的に学習する方法について簡単に説明したものです。JS の詳細については、123WORDPRESS.COM の他の関連記事をご覧ください。

以下もご興味があるかもしれません:
  • JavaScript を 0 から 1 まで学んでスネーク ゲームを作成する
  • JavaScript のクロージャ原則と使用法の学習ノート
  • JavaScript の簡単なプログラミング例の学習
  • JavaScript アルゴリズムの学習: バブルソートと選択ソート
  • js関数の引数の暗黙的なパラメータの詳細な研究とこれ
  • JavaScript エンジンの仕組みを学ぶ初心者向けガイド
  • アレイ重複排除の実装方法に関する JS 学習ノートの要約
  • JS 学習ノート: クロージャケース分析
  • JavaScript における BOM の詳細な研究

<<:  MySQL にテーブルデータを挿入するときに中国語の文字化けが発生する問題を解決する方法

>>:  フィールドの文字セットの違いによる MySQL のインデックス失敗の解決策

推薦する

Alibaba Cloud Server への Web プロジェクトのデプロイについて (5 つの手順)

1.まずAlibaba Cloudのウェブサイトにログインしてアカウントを登録し、サーバータイプを...

CSS の複雑なセレクターと CSS のフォントスタイルと色属性の詳細な説明

これまでに CSS の基本的なセレクターをいくつか学習しましたが、今日は CSS の複雑なセレクター...

Windows 2016 Server セキュリティ設定

目次システムアップデート構成Windows Update サーバーの変更自動更新を有効にして許可する...

Vueバインディングオブジェクトと配列変数を変更した後にレンダリングできない問題の解決策

プロジェクトシナリオ:ページ表示には <ul> タグがあります。リストデータを動的に表示...

Dockerfile を使用して Docker イメージをカスタマイズする方法

Dockerfile を使用したイメージのカスタマイズイメージのカスタマイズとは、実際には各レイヤー...

Linuxにグラフィカルインターフェースをインストールする方法

1. Linuxのインストール(rootユーザー操作) 1. vncserver をインストールしま...

更新とデータ整合性処理のためのMySQLトランザクション選択の説明

MySQL のトランザクションはデフォルトで自動的にコミットされます (autocommit = 1...

Nginx におけるサーバーとロケーションのマッチングロジックの詳細な理解

サーバーマッチングロジックNginx は、リクエストを実行するサーバー ブロックを決定するときに、サ...

Vue-router は現在の場所 (/path) へのナビゲーションを許可しません。エラーの原因と修正

目次エラーメッセージ原因エラーのデモンストレーション回避策方法1方法2方法3エラーメッセージ現在の場...

シンプルなアコーディオン効果を実現するjs

この記事では、アコーディオン効果を実現するためのjsの具体的なコードを参考までに共有します。具体的な...

16 の XHTML1.0 と HTML の互換性ガイドラインの概要

1.ページを XML タイプとして宣言しないでください。ページでは UTF-8 または UTF-16...

CSS3で実装されたスライドメニュー

結果:実装コード: <!DOCTYPE html><html class=&quo...

Dockerコンテナ監視の原理とcAdvisorのインストールおよび使用方法

本番環境におけるコンテナの稼働状況を監視することは非常に重要です。監視を通じて、コンテナの稼働状況を...

MysqlクエリJSON結果に関連する関数の概要

JSON 形式のフィールドは、MySQL 5.7 で追加された新しい属性ですが、基本的には文字列とし...