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 文を読むだけで、そのプロジェクトの内容が理解できるはずです。