JavaScriptテクノロジーは、1995年にリリースされて以來、大きな進歩を遂げています。 ECMAScript仕様とシングルページWebアプリケーションの複數の主要バージョンの上昇を目撃しました。當初、すべてのJavaScriptの開発とイノベーションはブラウザで行われました。これは、言語をサポートする唯一の環(huán)境だったからです。時間が経つにつれて、Web開発者は、JavaScriptの最も有用な機能の多く（非ブロッキング、イベント駆動型、多くの言語）がブラウザ以外の環(huán)境で使用できることを認識し始めています。これにより、JavaScriptコミュニティでの第2ラウンドのイノベーションが開始され、JavaScriptがサーバーとデータベースで実行されました。

突然、JavaScriptを理解することは、自動的に「フロントエンドWeb開発者」として分類されません。言語に精通している場合は、フロントエンドユーザーエクスペリエンスに加えてサーバーとデータベースを構築できます。これで、開発者は初めてのみJavaScriptを使用してWebアプリケーション全體を構築できます。この傾向は、多くの場合、「フルスタックJavaScript」または「純粋なJavaScriptソリューション」と呼ばれます。 4つの一般的なJavaScriptテクノロジーと組み合わせてWebアプリケーションを構築します：MongoDB、Express、AngularJS、およびNode.jsは非常に人気があり、「平均スタック」と呼ばれます。

1. mongodb - mongodbはいわゆるNOSQLデータベースです。行、列、テーブルで構成されるのではなく、ドキュメントデータベースと見なすことができます。主なユースケースは、JSONデータの保存です。パターンへの関係的および厳密な順守が欠けている可能性がありますが、速度、スケーラビリティ、使いやすさの欠如を補います。
2. express - Expressは、ノードの使用を容易かつ容易にするために設計された合理化されたWebサーバーフレームワークです。これは、開発者に高いレベルのカスタマイズ可能性を提供するが、それらが構築する基礎となるノードフレームワークにアクセスするのに十分な「低レベル」を提供するフォームフリーのフレームワークです。 Expressは、使いやすいリクエストルーター、Cookie管理、靜的ファイルサーバー、およびエンタープライズグレードのWebサーバーを作成するために必要な他の多くのHTTPビルディングブロックを提供します。
3. AngularJs - Angularは、機能が豊富なクライアントMVC JavaScriptフレームワークです。これは、強力で複雑なシングルページWebアプリケーションを作成するために使用できます。組み込みの雙方向データバインディングと獨自のHTMLベースのテンプレート言語があります。また、「ディレクター」と呼ばれる機能があり、新しいプロパティや新しい要素でもHTMLを拡張できます。 Angularは非常にテスト可能であり、開発の最も興味深い側面ではないかもしれませんが、通常最も重要であり、クライアントコードで見落とされがちです。最後に、開発者がクライアントソリューションを構築できるように、慣習とベストプラクティスを提供します。
4. node - ノードは、サーバーとWebアプリケーションの構築に使用されるJavaScriptランタイムです。ブラウザにあるすべてのJavaScript機能と、ファイルおよびネットワークI/Oの追加機能を提供します。 GoogleのV8エンジン（Google Chromeで使用されているのと同じエンジン）を使用してJavaScriptを実行します。また、非常にアクティブな開発者コミュニティとノードモジュールエコシステムもあります（Expressはこのようなモジュールです）。他のサーバー側のJavaScriptの実裝はすでに存在しますが、ノードは、愛好家や大企業(yè)による開発と採用の観點から、これまでで最も成功しています。

あなたが私のようなJavaScriptのファンなら、JavaScriptのみを使用してWebアプリケーション全體を構築する見込みに興奮する必要があります。平均スタックは非常にホットなトピックであり、それを始める方法についてオンラインで多くの情報があります。実際、「始まり」のアイデアは少し気が遠くなるように思える非常に多くの情報があります。

これがコリン?イーリグと私がこのために本を書いた理由です。本では、平均スタックを構成する4つのテクノロジーのそれぞれについて説明します。私たちは、迅速に開始し、生産性を向上させるのに役立つ各テクノロジーの最も重要な機能をカバーしています。ただし、説明はこれまでのところしか行くことができません。多くのコードの例に加えて、本全體で簡単なHRスタイルのWebアプリケーションを段階的に構築します。テクニックを學び、いくつかのコードの例を見て、テクニックを段階的に使用して実際のシステムを構築します。この本の最後に、この本の情報に基づいて自分で使用および拡張できる完全に機能的なWebアプリケーションがあります。

平均

を使用したフルスタックのJavaScript開発に関する FAQ

フルスタックJavaScript開発の平均スタックは何ですか？

平均スタックは、Webアプリケーションの開発に使用されるJavaScriptベースのテクノロジーのコレクションです。平均は、Mongodb、Express.js、Angularjs、およびnode.jsの頭字語です。 MongoDBはNOSQLデータベースであり、Express.jsはnode.jsで実行されているWebアプリケーションフレームワーク、AngularJSはJavaScript MVCフレームワーク、node.jsはイベント駆動型のサーバー側およびWebアプリケーションの実行環(huán)境です。

なぜ自分のWeb開発プロジェクトの平均スタックを選択する必要があるのですか？

平均スタックは、Web開発に強力で効率的で柔軟な選択肢です。これは完全にJavaScriptに基づいています。つまり、サーバー側とクライアント側のスクリプトに同じ言語を使用できます。これにより、開発プロセスがより簡素化され、効率的になります。さらに、平均スタックのすべてのテクノロジーはオープンソースであり、無料で使用できるため、コストを削減できます。

Mongodbは平均スタックでどのように機能しますか？

MongoDBは、平均スタックのデータベースコンポーネントです。これはNOSQLデータベースです。つまり、大量のデータを処理でき、非常にスケーラブルです。 MongoDBはデータをバイナリJSON形式で保存しているため、クライアントとサーバー間でデータを簡単に渡すことができます。

express.jsは平均スタックでどのような役割を果たしますか？

Express.jsは、node.jsで実行されるWebアプリケーションフレームワークです。 WebアプリケーションとAPIを構築するためのシンプルなインターフェイスを提供し、自分で書く必要がある多くのボイラープレートコードを処理します。これにより、開発プロセスがより速く、より効率的になります。

Angularjsは平均スタックにどのように統(tǒng)合されますか？

AngularJSは、Webアプリケーションを構築するためのJavaScript MVCフレームワークです。これは、コードをより効率的かつ管理しやすくすることができる雙方向データの結合や依存関係インジェクションなどの機能を備えたWebアプリケーション開発に対する構造化されたアプローチを提供します。

node.jsは平均スタックでどのような役割を果たしますか？

node.jsは、イベント駆動型のサーバー側およびWebアプリケーションの実行環(huán)境です。 V8 JavaScriptエンジンの上に構築されています。つまり、非常に高速です。 node.jsも非ブロッキングです。つまり、多くの接続を同時に処理できるため、リアルタイムアプリケーションに最適です。

平均スタック開発を始める方法は？

平均スタック開発を開始するのに役立つ多くのリソースがあります。最初に各テクニックを學び、次にそれらがどのように連攜するかを學ぶことができます。オンラインで多くのチュートリアルとガイド、および書籍やコースがあります。

平均スタックを學習するための前提條件は何ですか？

平均スタックの學習を開始する前に、JavaScriptを基本的に理解する必要があります。また、HTMLやCSSなどのWeb開発の基本を理解することも役立ちます。

平均スタックに代わるものはありますか？

はい、平均スタックには多くの選択肢があります。いくつかの一般的な代替品には、Mernスタック（AngularjsをReactに置き換えます）、MEVNスタック（AngularjsをVue.jsに置き換えます）、およびLAMPスタック（Linux、Apache、MySQL、およびPHPを使用）が含まれます。

平均スタックでどのようなアプリケーションを構築できますか？

平均スタックは非常に普遍的であり、それを使用してさまざまなアプリケーションを構築できます。これには、シングルページアプリケーション、ソーシャルネットワークサイト、リアルタイムアプリケーション、eコマースサイトなどが含まれます。

以上が平均的なフルスタックJavaScript開発の詳細內容です。詳細については、PHP 中國語 Web サイトの他の関連記事を參照してください。