目次
本を読みましょう
スクリプト ライブラリの学習、使用、読み取り
練習して自分に質問する
学習標準
ネットワークリソースを活用する
要するに
結論
ホームページ ウェブフロントエンド jsチュートリアル 優れた JavaScript プログラマーへの道

優れた JavaScript プログラマーへの道

Mar 11, 2017 pm 03:32 PM
javascript

偉大なJavaScriptプログラマーへの成長への道

私がまだ若かった頃を思い返すと、私の興味や趣味は、関係のないさまざまな分野に及んでいました。私は歴史と同じくらい数学が大好きです。私の目標は、ルネサンス期の多才な偉人のように、複数の分野で優れた存在になることです。それは難しい注文でした。突然、私は自分が「何でも屋で無職」の危険にさらされていることに気づきました。

せめて「ある分野に強い」人になれるよう、ある分野を掘り下げてみようと思い始めました。では、ソフトウェア開発について多くのことを学びながら、1 つの分野に特化するにはどうすればよいでしょうか?

この記事では、私の 5 年間の実務経験に基づいて、優れた JavaScript 開発者になるために使用するテクニックとリソースを主に説明します。

現在、ほとんどの Web 開発者は共通の問題に直面しています。それは、データベースからバックエンド アーキテクチャ、フロントエンド ユーザー インターフェイス、優れた CSS ナレッジ インターフェイスによるユーザーの修正に至るまで、さまざまな分野で他の開発者より先を行かなければならないということです。

本を読みましょう

まず第一に、目立つために努力しなければなりません。たとえば、時々いくつかのブログ投稿を読むなどして、意図せずに断片を拾うこともできますが、正直に言って、この方法の方が時間とエネルギーの初期投資がはるかに少ないため、簡単です。このような学習モデルは、明らかに、献身的で計画的な学習プロセスよりも時間がかかります。このジレンマの解決策は簡単です。本を読むことです。

本は人類の進歩のはしごです。書くことは、私たちが知識を凝縮した形で世代から世代へと伝えるためのツールです。 Web テクノロジストになる際の問題の 1 つは、Web 自体からいつ離れるかを学ばなければならないことです。インターネットは本質的に混乱を招き、気が散ってしまうものなので、私が最初に挙げるヒントは、このテーマに関する本を読むことです。

JavaScript については、次の本から始めることができます: 「JavaScript the Good Parts」は JavaScript の「聖書」のようなものです。この本は少し古いですが、それでも始めるのに最適な本です。参考書と思われるかもしれませんが、『JavaScript: Definitive Guide』も必需品です。 jQuery の創設者である John Resig 氏による「Secrets of the JavaScript Ninja」も注目に値します。また、電子書籍も無料で読めるものが多いのでとても便利です。また、『JavaScript Guide』は書籍ではありませんが、Mozilla 開発者からの信頼が厚く、愛用されています。

スクリプト ライブラリの学習、使用、読み取り

次に重要なステップは、スクリプト ライブラリを理解することです。本はその言語の読み方を教え、図書館はその言語を応用する方法を教えます。スクリプト ライブラリに関して行う必要がある重要なことが 2 つあります。それは、スクリプト ライブラリを使用することと、そのソース コードを読むことです。

ライブラリを使用するには、jQuery、Backbone、underscore、および React、Angular、Ember のいずれかの主要なライブラリを知っている必要があります。これは、これらのライブラリを使用しなければならないという意味ではありませんが、まともな JavaScript 開発者であれば、これらのライブラリについて (良くも悪くも) 少なくともある程度の経験があるはずです。

JavaScript スキルを向上させるために 2 番目に重要なことは、これらのライブラリのソース コードを読むことです。 Backbone とアンダースコアのソースコードは非常に美しく書かれているので、読むことを強くお勧めします。アンダースコアを読んで理解することで、関数型プログラミングのスキルを向上させることができます。ソース コードを読む価値があり、他の開発者から推奨されているもう 1 つのライブラリは mootools です (私は個人的に mootools を使用しておらず、そのソース コードを読んでいません。)

React や Ember などの残りのライブラリは理解できます。立ち上がるのは難しいかもしれませんが、それだけの価値はあります。また、他のライブラリのソース コードを参照して、コード ベースがどのように構成されているかを確認し、いくつかの新しいパターンを探索してみる必要があります。ソース コードを使用および読み取ることができる他のよく知られたライブラリには、D3、highcharts、moment.js などがあります。

練習して自分に質問する

優れた JavaScript 開発者になるための重要なステップは、何度も練習することです。理想的には、演習の焦点は DOM ではなく言語にあるため、node.js を実行できるテスト ツールを必ず用意してください。さまざまな簡単かつ広範な Node.js 演習を実行します。コーディングのコツを学び、JavaScript のさまざまな使用方法を体験してください: クロージャ、プロトタイプ、拡張配列 (マップ、フィルター) など。演習を行いながら、JavaScript の基本的な考え方を頭の中で形成し始めます。

私の友人の Armagan は、優れた JavaScriptプログラマーであり、講義で「Pro JavaScript Design Patterns」を使用する教師でもあるため、この本は読む価値があります。

学習しながら、次のようないくつかの質問に答えてみてください: プロトタイプの継承はどのように機能しますか? close の定義は?キーワードの意味はどう変わるのでしょうか? apply/bind/map/filter/call を使用するにはどうすればよいですか? JavaScript 開発者が直面する必要がある一連の共通のソースポイントを収集し、それを自分の言葉で説明してみます。これらの概念を書面または口頭で他の人に説明すると、スキルが大幅に向上します。練習しながら、「もしそうなったらどうなるか」を考えてみてください。たとえば、「bind を 2 回使用すると、「this」は何を意味しますか? jQuery はどのようにしてこのキーワードがグローバル オブジェクトではなく jQuery オブジェクトを指すようにしますか? このライブラリはどのようにして特定の関数を完了しますか? など、これらは共通です。常に自分自身に問いかけるべき質問。

学習標準

次に知っておく必要があるのは、EcmaScript 標準です。 EcmaScript 標準の最新コピーを研究してください。また、ES6 や ES7 など、JavaScript の今後の機能についても学習してください。最近では、Promise、モジュール、ジェネレーター、内包表記などの新しい機能が登場しています。標準をよく読んでください。また、Nicholas Zakas の「Understanding EcmaScript 6」や Axel Rauschmayer 博士の「Exploring JS」などの専門書を読むこともできます。役立つかもしれません。一次資料から標準を学び、新しい言語を探索することが、専門化への道を進む方法です。

ネットワークリソースを活用する

ネットワークを理解するためにネットワークを使用するのは危険であると前述しましたが、私が今提案したいのは、最適なリソースを取得するためにネットワークを使用することもできるということです。 Hacker News は優れた情報源ですが、本当に役立つ情報の割合が非常に低いため、継続的な追跡には通常より時間がかかります。代わりに、毎週の JavaScript のような毎週のダイジェストを目指してください。時間が経つにつれて、どのライブラリやテクノロジーがより魅力的になるかが自然に理解できるようになります。 Twitter では影響力のある JavaScript 開発者を見つけることができます。 その他のオンライン リソースには、Toptal Blogs、Rebecca Murphey のブログ、Nicholas Zakas のブログなどのブログがあります。

もう 1 つの非常に重要なオンライン リソースは、ビデオ会議と教育ビデオです。カンファレンスに関して言えば、JSConf シリーズは高品質です。教育ビデオに関しては、高品質のコースを作成した経験を持つ開発者が揃っている Pluralsight を強くお勧めします。

要するに

  • 読む、情報の本質は本の中にあります。

  • jQuery、アンダースコア、Backbone などの基本的なライブラリについて学び、ソース コードを読みます。

  • 練習して、継承などの一般的な JavaScript の概念を自分の言葉で説明してみてください。上記のテーマについてプレゼンテーションや講演を行います。

  • 標準の新しいバージョンをよく読んで、最新に追加された言語を使用してください。

  • Web リソースを活用し、要約やブログ、ビデオ会議や教育ビデオを閲覧します。

結論

上記の手順を繰り返し、多数のプロジェクトに参加すると、JavaScript スキルをすぐに向上させることができます。ただし、お金を払うことによってのみ報酬が得られ、プロフェッショナルになることが期待されるということを常に念頭に置いてください。私は自分自身を優れた JavaScript プログラマーであると考えていますが、プロになるまでにはまだまだ道のりは長く、知識と技術を学び続けて習得する必要があります。

最後に、あなたの学習の成功を祈り、一緒に励ましたいと思います!

以上が優れた JavaScript プログラマーへの道の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

WebSocket と JavaScript を使用してオンライン音声認識システムを実装する方法 WebSocket と JavaScript を使用してオンライン音声認識システムを実装する方法 Dec 17, 2023 pm 02:54 PM

WebSocket と JavaScript を使用してオンライン音声認識システムを実装する方法 はじめに: 技術の継続的な発展により、音声認識技術は人工知能の分野の重要な部分になりました。 WebSocket と JavaScript をベースとしたオンライン音声認識システムは、低遅延、リアルタイム、クロスプラットフォームという特徴があり、広く使用されるソリューションとなっています。この記事では、WebSocket と JavaScript を使用してオンライン音声認識システムを実装する方法を紹介します。

WebSocket と JavaScript: リアルタイム監視システムを実装するための主要テクノロジー WebSocket と JavaScript: リアルタイム監視システムを実装するための主要テクノロジー Dec 17, 2023 pm 05:30 PM

WebSocketとJavaScript:リアルタイム監視システムを実現するためのキーテクノロジー はじめに: インターネット技術の急速な発展に伴い、リアルタイム監視システムは様々な分野で広く利用されています。リアルタイム監視を実現するための重要なテクノロジーの 1 つは、WebSocket と JavaScript の組み合わせです。この記事では、リアルタイム監視システムにおける WebSocket と JavaScript のアプリケーションを紹介し、コード例を示し、その実装原理を詳しく説明します。 1.WebSocketテクノロジー

WebSocketとJavaScriptを使ったオンライン予約システムの実装方法 WebSocketとJavaScriptを使ったオンライン予約システムの実装方法 Dec 17, 2023 am 09:39 AM

WebSocket と JavaScript を使用してオンライン予約システムを実装する方法 今日のデジタル時代では、ますます多くの企業やサービスがオンライン予約機能を提供する必要があります。効率的かつリアルタイムのオンライン予約システムを実装することが重要です。この記事では、WebSocket と JavaScript を使用してオンライン予約システムを実装する方法と、具体的なコード例を紹介します。 1. WebSocket とは何ですか? WebSocket は、単一の TCP 接続における全二重方式です。

JavaScript と WebSocket を使用してリアルタイムのオンライン注文システムを実装する方法 JavaScript と WebSocket を使用してリアルタイムのオンライン注文システムを実装する方法 Dec 17, 2023 pm 12:09 PM

JavaScript と WebSocket を使用してリアルタイム オンライン注文システムを実装する方法の紹介: インターネットの普及とテクノロジーの進歩に伴い、ますます多くのレストランがオンライン注文サービスを提供し始めています。リアルタイムのオンライン注文システムを実装するには、JavaScript と WebSocket テクノロジを使用できます。 WebSocket は、TCP プロトコルをベースとした全二重通信プロトコルで、クライアントとサーバー間のリアルタイム双方向通信を実現します。リアルタイムオンラインオーダーシステムにおいて、ユーザーが料理を選択して注文するとき

JavaScript と WebSocket: 効率的なリアルタイム天気予報システムの構築 JavaScript と WebSocket: 効率的なリアルタイム天気予報システムの構築 Dec 17, 2023 pm 05:13 PM

JavaScript と WebSocket: 効率的なリアルタイム天気予報システムの構築 はじめに: 今日、天気予報の精度は日常生活と意思決定にとって非常に重要です。テクノロジーの発展に伴い、リアルタイムで気象データを取得することで、より正確で信頼性の高い天気予報を提供できるようになりました。この記事では、JavaScript と WebSocket テクノロジを使用して効率的なリアルタイム天気予報システムを構築する方法を学びます。この記事では、具体的なコード例を通じて実装プロセスを説明します。私たちは

簡単な JavaScript チュートリアル: HTTP ステータス コードを取得する方法 簡単な JavaScript チュートリアル: HTTP ステータス コードを取得する方法 Jan 05, 2024 pm 06:08 PM

JavaScript チュートリアル: HTTP ステータス コードを取得する方法、特定のコード例が必要です 序文: Web 開発では、サーバーとのデータ対話が頻繁に発生します。サーバーと通信するとき、多くの場合、返された HTTP ステータス コードを取得して操作が成功したかどうかを判断し、さまざまなステータス コードに基づいて対応する処理を実行する必要があります。この記事では、JavaScript を使用して HTTP ステータス コードを取得する方法を説明し、いくつかの実用的なコード例を示します。 XMLHttpRequestの使用

JavaScriptでinsertBeforeを使用する方法 JavaScriptでinsertBeforeを使用する方法 Nov 24, 2023 am 11:56 AM

使用法: JavaScript では、insertBefore() メソッドを使用して、DOM ツリーに新しいノードを挿入します。このメソッドには、挿入される新しいノードと参照ノード (つまり、新しいノードが挿入されるノード) の 2 つのパラメータが必要です。

JavaScript で HTTP ステータス コードを簡単に取得する方法 JavaScript で HTTP ステータス コードを簡単に取得する方法 Jan 05, 2024 pm 01:37 PM

JavaScript で HTTP ステータス コードを取得する方法の紹介: フロントエンド開発では、バックエンド インターフェイスとの対話を処理する必要があることが多く、HTTP ステータス コードはその非常に重要な部分です。 HTTP ステータス コードを理解して取得すると、インターフェイスから返されたデータをより適切に処理できるようになります。この記事では、JavaScript を使用して HTTP ステータス コードを取得する方法と、具体的なコード例を紹介します。 1. HTTP ステータス コードとは何ですか? HTTP ステータス コードとは、ブラウザがサーバーへのリクエストを開始したときに、サービスが

See all articles