JavaScript を学習するための経験的な道

この記事では主にJavaScriptの学習方法を紹介します。先輩たちの経験、つまりフロントエンドの学び方には一定の参考価値があるので、興味のある友達は参考にしてください

時々、私にフロントエンドの学び方を尋ねるプライベートメッセージを送ってくる生徒もいます。
今度この質問をするクラスメイトに出会ったら、この記事のリンクアドレスを直接送りますので、ここで返信させてください。

まず、余談をさせてください。私を偉大な神と呼ぶ人について。
個人的には、買い物中にイケメンと言われるのと同じような気がします。

まずは本題から始めましょう。フロントエンドの学習方法は人によって異なるはずです。他の人の方法はあなたに合わないかもしれません。
私の学習方法について話しましょう。
私はほとんどの時間を js の学習に費やしています。この JS の学習曲線は、最初は平坦で、その後急勾配になるためです。
プロジェクトの実践や演習については話しませんが、主に仕事以外の時間の使い方について話します。
どうやって学んだのですか?本を読んでソースコードを分析しました。
個人的に、ここ数日で数えてみたらフロントエンドの本が50冊以上ありました。ほとんどがjsです。私は市販されているほぼすべての本を読みました。

最初の質問は、読書の利点は何ですか?
本を読みすぎると、その利点は自明のことですが、徐々に基礎が固まっていきます。
本を読みすぎると、自然と自分自身の判断力が向上します。
他の人の記事を読むことで、相手の発言の各部分が正しいか間違っているか、どの部分が不明瞭で曖昧であるかをすぐに判断できます。
もちろん、ソースコードを調べて分析するための基礎も提供します。

10冊の本を2回読むことのメリットは、1冊の本を20回読むよりも大きいはずです。
10冊の本の交差点が基礎知識の核心であり、その結合がすべての知識です。
もちろん、良い本は何度も読むべきです。しかし、本を一冊読んだだけでは意味がありません。
各本の焦点が異なるため。一つの知識をさまざまな側面から理解することは非常に有意義です。
だからこそ、私はインド人をとても尊敬しています。もし彼らが英語で話しかけると、あなたが単語を理解できなくても、同じ意味の単語をいくつも出てきます。
本を読む場合にも同じことが当てはまります。特定の部分を十分に説明できなくても、他の本が理解の助けになりますので、ご安心ください。

2番目の質問は、本のおすすめです。
個人的には良いと思うので、何もすることがない場合はチェックしてみてください。書籍は次のとおりです:

>『JavaScript オブジェクト指向プログラミング ガイド』、スタイルは理解しやすく、初心者により適しており、プロトタイプが徹底的に説明されており、12 の継承メソッドがあります。

>『JS権威ガイド』と『JS上級プログラミング』、この2冊は古典ではありますが、分厚いので、どの章でも一冊の本として読むのに適しています。とても雄弁なので、一気に読むのは難しいです。参考書としてはより適しています。

>「あなたが知らない JavaScript」では、クロージャ、プロトタイプ、this など、js の中核となる詳細に焦点を当てています。 「下巻」が出て、今も読んでいます。

>『JS デザイン パターンと開発実践』 この本では、JS デザイン パターンを学ぶ必要があり、難解ではなく、非常に明確に説明されています。

>「正規性ガイド」は、ソースコードを解析する際に、正規表現を理解していないと先に進めません。この本は比較的分かりやすいです。

>「MVC ベースの JavaScript Web リッチ アプリケーション開発」を読むと、基本的に独自の MVC フレームワークを作成できます。良い本ですよ。

>「JavaScript 関数型プログラミング」、js は関数型言語です。この本は関数型プログラミングの入門書であり、関数が第一級市民であることが非常に重要です。

> 著者 jq が書いた『JS Ninja Secrets』は、伝説にあるほど読みにくくはありません。たとえすべての知識ポイントを読んで理解したとしても、世界のレベルには到達しません。マスター。やりたいことを何もしていないからです。

>『Javascript フレームワークの設計』、初めてこの本を読むと、この本はコードを列挙した本だと感じるでしょう。この本はフレームワークの全体像に焦点を当てていると思います。

上記の本は、達人への道の必読書であり、何度も読む必要があると私が思うものです。

正直に言うと、私が読んだ CSS 関連の本は比較的少なく、おそらく合計で 6 ～ 7 冊です。私が必ずお勧めする本は 2 冊あります:

>『The Definitive Guide to CSS』。CSS の基礎知識を非常にわかりやすく説明しています。スタッキングの優先順位、行の高さなどは何ですか。どんな本でも「決定版」と呼べるわけではありません。

> 私は「CSS Revealed」という本を常に読んでいますが、この本では CSS3 のさまざまなプロパティを完全に説明する必要はありません。 CSS 仕様書で語れることは、あなたが最も関心のないことだけです。この本で解決された 47 の問題は、解決策と同じくらい重要であり、非常に刺激的です。上記の本を買う必要はありませんが、少なくともこの本を買ってください。

3 番目の質問、どう思いますか?

本を読みたいけど続けるのが難しい学生も多いと思います。
テキスト部分は比較的読みやすいですが、コードに出会った瞬間に頭皮がしびれてしまいます。
私も最初にこの問題に遭遇しました。

学習理論を教えてください。
例えば、英語を学ぶ際に、熱湯理論というものがあります。
語彙力は6000に達しないと英語レベルは上がりません
これはお湯を沸かして冷ましたりするのと同じです 100度まで沸騰させたことはありません。この水は決して飲むことができません。
煮出したらいつでもお飲みいただけます。

20 冊の本に耐えられないとしたら、それはどういう意味ですか?

あなたはまだ一冊も読み終えたことがありません。よく知られているのは、常に最初の 3 章だけです。笑わないでください、私も昔はそうでした。
そこで問題は、どうやって本を読み終えるかということです。
ノックするだけなので簡単です。
「MVC に基づく JavaScript Web リッチ アプリケーション開発」という本を読んだとき、そうでした。ついに、ある日、この本を最初から最後まで読むことを決心しました。
テキストとコードを入力してから、章ごとに読まなければなりませんでした。コードを入力すると、前に思ったほど難しくないことがわかります。
あなたが本を読むと眠くなるタイプの学生なら。 『JavaScript オブジェクト指向プログラミング ガイド』を最初から最後まで読むことを強くお勧めします。
本を根気よく読むと、自信が高まります。必ず最初に 1 冊を読み終えてください。本を3冊読んだ後は、数日で1冊読めるようになるはずです。最初は何事も難しいので、頑張ってください。

4番目の質問は読書のレベルです。

本を読んだ後、自分で要約し、他の本と比較してください。 「権威あるガイド」と「ハイデザイン」を同時に読む学生もいます。
知識のポイントを取り出して、目を閉じていてもわかりやすく説明できるので、レベルは十分です。

次のステップは、ソースコードを学習することです。
フレームワークのソース コードを見る前に、一つ言っておきたいのは、DOM API が理解できなくても、問題なく Baidu を使用できるということです。しかし、最初にルールを勉強する必要があります。
そうでない場合、ソース コードを分析しようとするときにほとんどの人が挫折に遭遇するのはここです。

ソースコードの読み方は？

ノック、ノックし続けてください。

どのコードを入力する価値がありますか?
優れたフレームワークやライブラリのソースコードはチェックしてみる価値があります。
しかし、jq を使用してノックオンして開始しても、それは機能しません。理由：長すぎる。 8,000行か9000行です！ ！

個人的には、underscore.js ライブラリ が最初の選択肢としては良いと思います。理由はすべて道具と方法です ノックを終えると、私のレベルは少し向上するはずです。
実際には、いくつかの API 実装があり、それらを getElementById のように扱い、心に深く刻み込む必要があります。たとえば、extend メソッドは口を開けて使用する必要があります。
アンダースコア ライブラリを完了したら、「JavaScript 関数プログラミング」という本を読むことを検討してください。

jq のソースコードは入力するのが簡単ではありません。 zeptoのソースコードは1800行以上と比較的短く、1日で完成するはずです。
数回入力すると、Baidu が不明な点をすべて明確にしてくれるので、独自の JQ のようなライブラリを作成できます。
そうすれば、履歴書にスキルとして書くことができます。たとえば、「独自の jquery ライブラリを作成しました」などです。
もちろん、入力プロセスは jq の API を理解するのにも役立ちます。

次に、backbone.js。このフレームワークはクラス jq と underscore に基づく MVC フレームワークであるためです。コード行数はそれほど多くありません。ノックオンしてください。
spine.js はバックボーンに似ています。ノックする前に、まず『MVC に基づく JavaScript Web リッチ アプリケーション開発』という本を読んでください。
これを履歴書に「独自の MVC フレームワークを作成した」と追加していただければ幸いです。

他にも何人かノックしました。いくつかのプラグインを含む jq.validate.js が含まれています。
必要に応じて、ブートストラップをノックしてください。ソースコードがたくさんあるので、プラグインに合わせて一つ一つ入力していきます。
分析から、カルーセル、ページング、ドロップダウン ボックスなどのプラグインは数分で作成できるものではないことがわかりました。
少なくとも、他の人の API インターフェースがどのように設計されているかを見るのは素晴らしいことです。ちなみに、CSS コードを読んで私も多くのことを学びました。
プラグインと言えば、必ず言及しなければならない 2 つのプラグインがあります。1 つはテーブル プラグイン、もう 1 つはツリーです。すべての入力が完了したら、履歴書に「独自の UI フレームワークを作成しました」と記入できます。

もちろん、好きなフレームワーク コードを入力することもできます。重要なのは、その実装原理を理解することです。デザイン パターンに精通している場合は、多くの場合、そのコードがそのように設計されていることがわかります。これがそういうものだと。 。 。
これはソースコード分析の単なる入門です。最後に、それを自分のプロジェクトで使用できる場合は、それが正しい方法です。
たとえ役に立たなかったとしても、テレビシリーズを見るよりもずっと良い時間を潰す方法です。暇で退屈なとき、私は裏でアンダースコアのソース コードを入力しました。

最後に、履歴書にこの数行を期待どおりに書くことができれば、あなたはきっと素晴らしい人に違いありません。来て。

追記: この記事を書いた本来の目的は、記事の冒頭でも述べたように、皆さんの質問に答えやすくすることです。
学習経験を共有するこのサイトの記事は基本的に共感を呼ぶでしょう。これは確かに議論する価値のあるトピックです。
ここでさらにいくつかのことについて話しましょう。

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