JSを使った経験のまとめ

今回は、JS を使用する際の注意点 について、実際の事例を交えながらまとめてみました。

時々、フロントエンドの学習方法を尋ねるプライベートメッセージを送ってくる生徒もいます。

今度この質問をするクラスメイトに出会ったら、この記事のリンクアドレスを直接送りますので、ここで返信させてください。

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

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

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

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

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

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

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

>「あなたが知らない 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 の基礎知識を非常にわかりやすく説明しています。カスケード優先度、line-heightなどは何ですか。どんな本でも「決定版」と呼べるわけではありません。

>私は「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 フレームワークを作成しました」と記入できます。

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

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

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

>誰かが私のフロントエンドでの仕事の経験について質問しました。

数年ではありません。 3年以上。

>初心者の場合はどうすればよいですか?

本を読んだり、ソースコードを分析したりすることは上達するための重要な方法ですが、初心者には適していません。
初心者はすぐに業界に参入し、すぐに仕事を開始できる必要があります。
簡単に学習できる方法は、ビデオを見ることです。何人かの学生が言ったように、そこに何があるか、そしてそれをどのように使用するかを知る必要があるだけです。

まず第一に、これは受動的な学習方法です。
私もビデオを見ることから始めました。ただ見てください。
一度は理解できなかったのですが、もう一度再生すると基本的に1.5倍で見ていました。
読書はアクティブな方法で、自分でページを1ページずつめくる必要があります。理解するには率先して行動する必要があります。
そして、ビデオ教師のたった一言から多くのことが浮き彫りになる可能性があり、私たちはそれを自分で解釈する必要があります。
もう 1 つは、特定の知識点についてよくわからない場合は、単独で Baidu にアクセスできることです。
例えば、これにはたくさんの記事があります。この学習方法は、知識ポイントを迅速に習得するのに適した方法でもあります。

書籍には技術的なレビューが必要なので、記事を読むときは必ずコメントを読んでください。しかし、動画については一般的にあまり深く掘り下げられていないため、時には間違いを犯すこともあります。
当時、私もいくつかのビデオに惑わされていましたが、良いビデオを探して見ることをお勧めします。大手ウェブサイトには研修機関の無料動画がかなりたくさんあります。

>本を読んでソースコードを分析する時期ですしかし、1年半働いていると、この時期に本を読むことができます。総合的かつ体系的に知識のポイントを整理し、自分自身の盲点を解消します。 プロジェクトの経験に頼るだけでは不十分な場合、プロジェクトを通じて学ぶことは間違いなく必須です。
しかし、3年間本を読まずに働いたら、どれだけ学べるでしょうか?さらに、どのプロジェクトも非常に似ていて、常にコンフォートゾーンにあります。まさに、5 年間の経験の最初の 1 年を繰り返しているようなものです。
したがって、私はこの文に同意しません。面接中に学習能力を強調することは、仕事能力が低いことの表れです。
3年の経験が5年を超えることは十分に可能です。

>勉強する時間がありませんか？

彼らは全員大学に行きました。毎日が笑とテレビシリーズでいっぱいです。社会に出たら返済しなければならないと言いたいだけです。
一番怖いものは何ですか？それを返済する時が来ました、そしてそれを返済する時が来ました（これらの言葉を間違って発音しないでください）。時間はありますが、それはあなたがそれを費やす意欲があるかどうかにかかっています。
仕事を終えてから勉強したり、週末に勉強したり、休日に他の人が遊んでいるときに家でコーディングしたりできます。この方法によってのみ、私たちは他の人よりも先を行くことができます。

> ご興味のある質問がありますか?

興味と専門知識は好循環の繰り返しです。何かが得意であればあるほど、それが好きになり、より喜んで時間を費やすようになり、より上手になります。
これは誰もが理解していますが、私たちにはきっかけが欠けているだけです。ゲームをプレイするのが好きなら、フロントエンドの仕事に非常に適しているかもしれません。
ゲームのプレイは、フロントエンド作業からのフィードバックも他の作業に比べて非常にタイムリーです。コードが変更され、Web ページが更新されるとすぐに、効果が表示されます。
優秀さ、優越感、達成感は通常、互いに結びついています。本を読み終えるたびに達成感を感じます。ライブラリを完成させるたびに達成感を感じます。

上記はあくまで個人的な意見であり、学習習慣、方法、態度は人それぞれ異なります。まずは姿勢を正し、自分なりの学習方法を見つけて、続ける習慣をつけましょう。
最後に、あなたと私はお互いを励まし合います。正しい道を歩いている限り、どんなにゆっくりでも、あなたは常に前に進んでいます。

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

JSの思考スキルの使用

JSのデバッグの詳細な説明

JSのJSON形式のPOSTリクエストの実装手順

以上がJSを使った経験のまとめの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。