JavaScript の効率的な学習への道のまとめ

1. まず、Chrome ブラウザをインストールし、開発ツール => コンソールで直接練習して、基本的な構文、変数、データ型、数学的演算、文字列演算、条件、基本的なループ構造、簡単な操作に慣れます。関数の定義と呼び出しに Chrome 開発ツールを使用する理由は、現時点ではわざわざ別のエディターを使用したくないためです。また、実際の作業に入る前に、ファイルやフォルダーを開いていくつかのツールを設定する必要もないからです。 JS プログラミング。これが JS を学ぶ上で最も重要なことなので、慣れたらすぐに書く必要があります。基本的な構文を使用して、devtools => console でいくつかのプログラムを作成します。99 の乗算表を出力するなどの単純なフィボナッチ数列の実装など、少し難しい小さなプログラムの場合は、自分でいくつかの質問を作成することもできます。重要なのは、自分が十分に熟練する前に、やるべきことを見つけてコードを書くことです。最初のプロジェクトを開始する場合、これらの小さなプログラムは他の知識 (DOM など) を必要としないため、正しい構文で正しいプログラムを作成することに集中する必要はありません。このプロセスにより、JS 言語自体にさらに慣れることができます。

3. そろそろ Web 開発に JS の使い方を学ぶ時期が来ていると思いますが、心配しないでください。現時点では新しいプロジェクトを作成する準備ができていないので、引き続き devtools を使用しますが、焦点はDOM に慣れるためには、単純な window.alert と window.prompt から始めて、DOM API の使用方法をゆっくりと試していきます。DOM プログラミングに関する本を購入し、机の上に置き、章ごとに読んでいきます。を読みながら試してみると、document.getElementById、document.getElementsByClassName、addEventListner などの DOM の一般的な操作に徐々に触れるようになりました。これらの呼び出しには、ID とは何か、クラスとは何か、などの非常に重要な概念が含まれています。イベントとは何か、その用途、JS 言語が API を介してイベントとどのように対話するか。いくつかの Web サイト ページを選択し、JS を使用して要素のフォントと背景色を変更したり、イベント リスニングを一時的に追加したりするなど、ページの要素にいくつかの変更を加えます。 Web ページ上で DOM API の動作の影響を直接確認することができ、これまで純粋な JS プログラムを作成するよりも鮮明で、JS の核となる知識への好奇心を刺激できます。プログラマー。

4. 通常、DOM プログラミングに関する本を読んだ後は、Web プログラミングでの JS の使用について一般的に理解できます。このとき、掲示板などのプロジェクトを自分で選択し、HTML5 ボイラープレートをテンプレートとして使用して、最初の Web フロントエンド プロジェクトの開発を開始します。データは IndexDB に直接保存できるため、現時点ではバックグラウンド操作について心配する必要はありません。やりたい機能を大まかに考え、これまで学んだJSやDOMの操作の知識を活かしてうまく実装していきます。このプロジェクトにはかなりの時間がかかるので、辛抱強く頑張ろうと自分に言い聞かせています。質問に遭遇したとき、私は検索エンジンを使って答えを見つけたり、本を読んで対応する章を探したりします。

5. 最初のプロジェクトを書いた後、たとえプロジェクトが小さくて複雑ではなかったとしても、初めて達成感を感じます。私はそれをレビューしてくれる先生を見つけて、彼の意見や提案に耳を傾けます。また、いくつかの質問を準備して、次にどのように反復するかを手伝ってもらうこともできます。今回は、git の基本操作と github の基本的な使い方を学び、プロジェクトをプッシュし、必要な変更を git にコミットします。

6. これまでは、ライブラリやフレームワークを使用せずにネイティブ JS を作成していましたが、これの利点は、今本当に重要なのは JS 言語自体であるため、ライブラリやフレームワークの概念にすぐに囚われる必要がないことです。実際、私のプログラミング分野は当初に比べて大幅に拡張され、JS と DOM を使用していくつかの非常に実用的な関数を作成し、フロントエンド プロジェクトを完成させました。

7. 現時点では、次のような選択肢があります。 引き続きネイティブ JS を使用して、登録やログイン、動的な画像表示などのプロジェクトを完了します。現在のプロジェクトのプログラミングを行い、コードを改善するために、この時点で JS パターンのような本を読むとよいでしょう。最初のプロジェクトのコード構造には特別なプログラミングが含まれていないことが多いため、このような本は JS がいかに優れているかを教えてくれます。また、この状況を利用して、取り組んでいるプロジェクトを jQuery ベースのコードに再構築して、jQuery の基本を学び、比較中に jQuery の利点を理解することもできます。現在のプロジェクトのコードを ES6 構文に変換すると、比較中に ES6 構文を使用できるようになります。

8. 次に、TODOLIST などのより複雑なプロジェクトを作成し、そのようなアプリケーションを最初から最後まで実装します。また、最初のバージョンをネイティブ JS (ES5) で作成し、jQuery と ES6 のどちらにリファクタリングするかを選択します。 . 、または興味がある場合は TypeScript も使用できます。 JS プログラミングに関する本を読み続ける場合は、文法的な詳細ではなく、プログラムの「設計」に注目する必要があります。ほとんどの場合、文法的な問題が検索できます。プログラムの「設計」とは、アプリケーションのニーズ、どのような機能があるか、モジュールに分割する必要があるかどうか、モジュールは分割しやすいかどうか、アーキテクチャ上の解決策を徐々に見つける方法、どのようなモジュール化がより自然か、どのように行うかを分析することです。エラーへの対処、テンプレートのサポートが必要かどうか、複雑なユースケースを自分で実装するかサードパーティのライブラリと統合するか、および実際の開発とはかけ離れたその他の問題。

9. このプロジェクトを書いた後、先生を見つけて (無料か有料かは関係ありません)、私の理解の間違いを指摘してもらいます。機会。最初のプロジェクトと同様に、教師のフィードバックと私自身の考えに基づいて、反復を続けるかどうか、および改善を続ける方法を決定します。この頃には、市販されている Javascript の必読本をすべて買って読むかもしれません。1 冊目を読むのは非常に遅く、2 冊目はそれほど速くありませんが、4 冊目か 5 冊目になると読めるようになります。理解していない章を選択して具体的に読み、この本で説明されている知識、スキル、実践を以前に書いたプロジェクトに適用します。

10 私は現在、JS (ES5) の比較的包括的な基礎を身につけており、少なくとも問題に遭遇したときは、おおよその方向性がわかります。私は jQuery にも慣れているので、ES6 についてもよく知っているかもしれません。私は言語の基本的な生態について比較的包括的で深いイメージを持っています。次に、フレームワークを学習したいと思います。どのフレームワークが気に入っているかを確認するために、まず公式チュートリアルを完了し、いくつかの基本的な概念の問題を理解します。

11. そこで私がやったのは、以前のプロジェクト (TODOLIST など) をフレームワークを使用して書き直すことでした。この時点では、JS の基礎がすでにできていたので、もう深いとは感じませんでした。自分で答えを見つけてデバッグした経験がある フレームワーク自体が不明瞭であっても、検索や調査を通じて自分で答えを見つけることができます。たとえそれが見つからなくても、少なくとも基本的な開発の考え方は持っています。答えはわかりませんが、他の人に質問したい場合は、より価値のある質問をすることもできます。私がプロになったのは、フレームワークのあれやこれやを知っているからではなく、開発を行うための基本的な習慣や資質があるからです。

12. たぶん、この時に初めてフロントエンドの仕事を見つけたのだと思います。しばらくしてから、基本的なドキュメントを読んだ後、実際には学ぶ必要がないことがわかりました。これらのものを何でも使ってください。なぜなら、私は JS プログラムのアーキテクチャ、共通構造、パターン、主要な概念をすでに熟知しているため、JS エコシステム内であれば、ライブラリ、フレームワーク、パターンなど、どのような新しいテクノロジーがリリースされても問題ありません。 、私はそれを理解する方法を見つけるのに時間がかかりました、JSプログラムで何が重要か、そして概念がどのように結合され、変更されるかを学びました。 JS を学ぶことと JS を使用することの間に違いはありません。

13. そして、実際に段階的に学習し、しっかりとした言語の基礎を持っている人は、もはや誰かに教える必要はありません。

ステップバイステップに反する概念や運用もいくつかあると思います。

1. あまりにも早く「体系的な」学習を追求すると、高望みになりやすく、人間のエネルギーには限界があるので、自分が普通の人間であることを認めなければなりません。トリッキーにならず、欲張らず、じっくり時間をかけて勉強してください

2. ソースコードを読むことが最も「本質的な」学習であると感じていますが、その結果、細部の落とし穴にはまってしまい、そこから抜け出すことができません。

3. フレームワークなどの「最新」テクノロジーに早くから没頭し、言語の基礎をしっかりとせずに学習してしまう。「最新」テクノロジーとコアテクノロジーはしばしば同じものではない。基礎とコアがあれば、新しい技術を学ぶのが最も効率的ですが、その逆は当てはまりません

4. プログラミング学習と「知識」を蓄積することを同一視することですが、プログラミングは最終的にはスキルであり、習得することはできません。何もせずに「知っている」ことと「できる」ことは別のことです

5. 特定のことを学ぶのではなく、最初から「最適な」学習方法を見つけようとするのが最大の無駄かもしれません。意味のある目標とは、明日何を学ぶべきかを決めつけることではなく、明日何をすべきかを自分に言い聞かせることです

6. 学習教材を詰め込みすぎて、情報が多ければ多いほどリストがより完全になると考え、独学で学ぶのは早ければ早いほど良いのです。実際はその逆で、リストが多ければ多いほど、心理的なプレッシャーとフラストレーションが大きくなり、諦めやすくなります。舞台と本と少量のインターネット情報だけで十分で、「収集」するのは良くない習慣です

以上がJavaScript の効率的な学習への道のまとめの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。