10回のブログ投稿で初心者から上級者までの第10回JavaScriptコース

公開: 2021-11-10

これは、初心者から上級者までを対象とした JavaScript ブログ投稿シリーズのパート 10 であり、最後のパートです。 それでは、最後のチュートリアルを始めましょう。

JavaScript コース – 目次:

カバーした JavaScript トピック
JavaScript の基礎とコーディング環境のセットアップ
JavaScript のベストプラクティス
変数と定数
JavaScript の基本的なデータ型
プログラミングのループ
配列と関数
JavaScript オブジェクト
JavaScript の非常に一般的な概念
ここからどこへ行く？

わお！あなたはついにここにたどり着きました！ほとんどの人は自分の情熱をフォローアップせず、たった数回のチュートリアルで受講したコースをやめます。

カバーした JavaScript トピック

この JavaScript コースでは、JavaScript の基本から始めて、かなり高度な概念へと進みました。

JavaScript を使い始める最初のステップは、そもそもなぜ JavaScript を学ぶのかを実際に理解することでした。 JavaScript を使い始める主な理由は複数ありますが、JavaScript の最も顕著なアプリケーションは通常、Web 開発において何らかの形で使用されます。 JavaScript はフロントエンド専用言語として始まり、バックエンドサーバーに広がり、そこでも支配し始めました。

JavaScript を学習している理由に関係なく、この JavaScript コースをもう一度ざっと確認することをお勧めします。

このようにして、自分の進歩を確認し、最初は怖がっていたかもしれない本当によく理解している部分を確認したり、無視したり見逃したりした可能性のある部分を見つけることができます。

JavaScript の基礎とコーディング環境のセットアップ

JavaScript が人気を博している理由と、JavaScript で実際に何ができるかを確認した後、 Hello world!から始めました。例。 Google Chrome 内にコーディング環境をセットアップし、JavaScript コンソールを使用してコードを記述し始めました。最初に、私たちが書いたコードは非常に単純なものから始まり、私たちが書いたすべての行は、他の行と相互接続することなく、単純な目的を持っていました. コードの複雑さが増し始めたため、コーディング環境を Google Chrome コンソールにアップグレードしました。コンソールを使用すると、JavaScript コース全体で徐々に複雑になり始めた複数行のコードを快適に記述できるようになりました。

JavaScript のベストプラクティス

シリーズ全体を通して、多くのコーディングのベストプラクティスも取り入れています。これらのベストプラクティスは、仕事を始めたばかりのときの生活を楽にしてくれます。また、他の人と仕事をしたり共同作業を始めたりすると、さらに価値が高まります。まさにそのため、「何人が協力しても、すべてのコードは 1 人の人間が書いたように見えるべきだ」という基準やことわざさえあります。これがまさに、私たちが目にした最初の概念の 1 つである、コードのコメント化である理由です。これを行うことで、将来的により優れたプログラマーになるだけでなく、初心者でもより優れたコーディング経験を積むことができます。

変数と定数

次に、変数および定数と呼ばれるものにデータを格納できることを確認しました。新しいデータにどれを選択するかを決定するとき、データを変更する予定がない場合は、「const」キーワードを使用する必要があることに注意してください。その値を変更する必要があると思われる場合は、「let」キーワードを使用する必要があります。これらは現在のベストプラクティスですが、ES6 より前では、変数を使用する唯一の方法は「var」キーワードで変数を宣言することでした。 var キーワードに伴う柔軟性によって引き起こされる潜在的な問題を確認した後、2015 年に ES6 標準で、JavaScript を記述するための新しくモダンな方法は「const」キーワードと「let」キーワードを使用するようになりました。

JavaScript の基本的なデータ型

その後、JavaScript の基本的なデータ型について説明しました。ここでの主なポイントは、さまざまなデータ型がさまざまなことに適していることを理解することです。そのため、処理しているデータ型の種類を理解することが重要です。後で、 if elseステートメントを使用することで、コードを制御できるようになることを確認しました。それらから始めて、特定の特定の条件に適応させるために、コードを部分的に無視することを学びました。コードとデータをより正確に制御するために使用できるさまざまな制御構造について学びました。このようにして、コードはより正確な答えでさまざまな入力に適応できます。

プログラミングのループ

次に、プログラミングのループを発見しました。ループを使用すると、コード内での繰り返しを回避できることがわかりました。これにより、基本的に部分的に DRY になり始めることができました。これはDon't Repeat Yourselfの略です。

一般的に言えば、タスクを完了するために、必要以上にコードを書きたくありません。コードを書くたびに、コードにエラーが発生する機会が増えるためです。より多くのコードを記述するには、より多くの時間と労力がかかり、潜在的なエラーが発生します。同じコードをおそらく 10 回保存する必要があるため、通常は効率的ではありません。全体として、コーディングの経験が大幅に減少する可能性があります。これが、while ループと for ループから始めて、繰り返しの可能性があるコードの削除を開始した理由です。

配列と関数

JavaScript のその他の基本的な概念、トピック、およびベストプラクティスについても説明しました。配列は、関連するデータをグループ化するのに非常に適していることがわかりました。たとえば、1 年の月や、保存する必要のある関連する数値などです。次に、関数が非常に強力であり、関数を使用してコードを実際にモジュール化し、多くの利点があることを確認しました。さまざまな関数内に機能をグループ化することの利点のいくつかは、よりモジュール化された、比較的簡単にテストできるコードを作成できることです。また、自分自身を繰り返す可能性を大幅に減らします。

主に 2 種類の関数があることがわかりました。そのうちの 1 つは純粋関数で、もう 1 つは非純粋関数です。一般的に言えば、可能な限り、非純粋な関数と比較して純粋な関数を使用することを目指す必要があります。このように、コードを実行する場所やコードを実行するタイミングに関係なく、記述した純粋な関数は同じように動作し、同じ結果が得られます。

JavaScript オブジェクト

次に、オブジェクトを見てきました。オブジェクトは、多くの次元を持つことができる関連性の高いデータを格納するのに適していることがわかりました。オブジェクトを作成する最も簡単な方法から始めて、オブジェクトの設計図を作成し、その設計図から複数のオブジェクトを作成する方法に進みました。これらの設計図を使用すると、オブジェクトのフィールドが同じガイドラインに従っており、同じフィールドを持つことを確認できます。このようにして、1 日の終わりには、より均一なデータベースを操作できるようになります。また、かなりの DRY コードを記述できるようにもなりました。

JavaScript の非常に一般的な概念

次に、JavaScript で非常に一般的な概念とトピックを見てきました。それらの大部分は、何らかの方法で関数をさらに最適化することに基づいていました。 map メソッドと filter メソッドを使用することで、一部の for ループとifステートメントをスキップできました。アロー関数を使用して、関数のサイズを大幅に縮小することができました。この JavaScript コースでは、ES6 または ES2015 で導入されたアロー関数を含む多くの機能を見てきました。これは、JavaScript 標準の最近の最大の変更です。

ここからどこへ行く？

達成したいことに応じて、さまざまなルートを取ることができます。すぐに JavaScript を使用する必要があるため、JavaScript の基本を思い出したいだけの場合は、この JavaScript コースが包括的なガイドになることを願っています。おそらく、Python などの別の言語はすでに得意でしたが、JavaScript も見たいと思っていました。その場合は、JavaScript の構文と概念を比較的簡単に理解できるようになったことを願っています。または、Web 開発を始めたばかりで、JavaScript が非常に人気があることを知っているかもしれません。

いずれにせよ、この JavaScript コースがあなたに何らかの価値をもたらしてくれることを願っています。 このシリーズが役に立ちそうな友人を知っている場合は、このシリーズの最初のチュートリアルを共有して、JavaScript の旅を始めることを検討してください。

著者: ロバート・ホイットニー
JavaScript のエキスパートであり、IT 部門を指導するインストラクター。彼の主な目標は、コーディング中に効果的に協力する方法を他の人に教えることで、チームの生産性を向上させることです。
すべての投稿を表示

10 のブログ投稿で初心者から上級者までの JavaScript コース:

JavaScript でコーディングを開始するには?
JavaScript の基本
JavaScript の変数とさまざまなデータ型
スニペットと制御構造
while ループと for ループ
Java 配列
JavaScript 関数
JavaScript オブジェクト
JavaScript メソッドなど
JavaScriptコースのまとめ