Angular バージョン リストと履歴 – Angular 2,4,5,6,7,8、XNUMX、XNUMX、XNUMX、XNUMX、XNUMX

Angular バージョンの歴史

Following Angular バージョンのリリース日は次のとおりです。

  • AngularJS として知られる Angular バージョン 1.0 は、2010 年に Google によってリリースされました。
  • Angular バージョン 2.0 は 2016 年 XNUMX 月にリリースされました
  • Angular 4.0 は 2017 年 XNUMX 月にリリースされました
  • Angular 5.0 は 2017 年 XNUMX 月にリリースされました
  • Angular 6.0 は 2018 年 XNUMX 月にリリースされました
  • Angular 7.0 は 2018 年 XNUMX 月にリリースされました
  • Angular 8.0 は 2019 年 XNUMX 月にリリースされました
  • Angular 9.0 は 2020 年 XNUMX 月にリリースされました
  • Angular 10.0 は 2020 年 XNUMX 月にリリースされました
  • Angular 11.0 は 2020 年 XNUMX 月にリリースされました
  • Angular 12 は 2021 年 XNUMX 月にリリースされます
  • Angular 13 は 2021 年 XNUMX 月にリリースされます
  • Angular 14 は 2022 年 XNUMX 月にリリースされます

Angularのバージョンリストと履歴

Angular のバージョン履歴を見てみましょうtails:

Angular 1 の歴史

Angular 1 とも呼ばれます AngularJS は JavaScript オープンソース フレームワークです。 これは、Google が完全に所有するシングルページの Web アプリ向けに特別に設計されました。 これは、2010 年にリリースされた最初の Angular バージョンです。

Angular 2 の歴史

Angular 2 は、Angular 1 から完全に構築され、完全に作り直されたバージョンです。モバイル デバイスと互換性があります。 さらに、Angular 2 では、ES5、ES6、TypeScript などの言語を選択して Angular 2 のコードを作成できる、より多くの言語を選択するオプションが提供されます。

Angular 4 の歴史

前述したように、Angular 3 は Angular チームによってリリースされたものではありません。 Angular 4 は 6 年 2017 月 4 日にリリースされ、ほとんどのアプリケーションと互換性があります。 ただし、Angular 2 には Angular 2 からの大きな変更はなく、Angular XNUMX と比較してバグ修正が強化されており、アラートが提供されます。

Angular 5 の歴史

Angular Five は 2017 年 XNUMX 月にリリースされました。この Angular バージョンでは、以前の Angular と比較していくつかの大きな変更が加えられています。 このバージョンには、Angular CLI で作成されたビルド オプティマイザーがあり、デフォルトでビルド オプティマイザーを適用できます。 これに加えて、API と DOM をサポートする Angular Universal State Transfer も提供されています。

Angular 6 の歴史

Angular バージョン 6 は、4 年 2018 月 XNUMX 日にリリースされました。これは、基礎となるフレームワークよりもツールチェーンに重点を置いたメジャー リリースです。 Angular 要素、コンポーネント開発キット、Angular マテリアル スターター コンポーネント、ライブラリ サポート、および Tree Shakeable Providers は、このバージョンで追加されたいくつかの新機能です。

Angular 7 の歴史

Angular バージョン 7 は、18 年 2018 月 3.1 日にリリースされました。アプリケーション パフォーマンス、CDK、Angular マテリアル仮想スクロールに関する更新、選択のアクセシビリティの向上、カスタム要素の Web 標準を使用したコンテンツ投影のサポート、Typescript 6.3、RxJS に関する依存関係の更新も提供されます。 10、およびノー​​ド XNUMX。

Angular 8 の歴史

Angular バージョン 8 は、28 年 2019 月 3.4 日にリリースされました。この更新により、すべてのアプリケーション コードの読み込み、遅延ルートのための Web ワーカーの動的インポートが強化されました。 また、TypeScript XNUMX と、オプトイン プレビューとして Angular Ivy もサポートされました。

Angular JS とは何ですか?

AngularJS は、動的な Web アプリケーションを構築するための JavaScript に基づくオープンソースのフロントエンド Web フレームワークです。 開発者が使用できるようになります HTML をテンプレート言語として使用し、その構文を拡張してさまざまなアプリケーション コンポーネントを作成します。 また、データ バインディングと依存関係の注入によるコードの記述を減らすのにも役立ちます。

AngularJS は Misko Heavery によって作成されました。 彼は HTML の欠点に対処するためのフレームワークを構築し、以前は行われなかったライブラリのアイデアやベスト プラクティスも取り入れました。

AngularJS として知られるフレームワークのこの最初のバージョンは 2009 年に発表されました。 foundation 現在のフロントエンド アプリケーション開発の主流。 Angular JS は、最高のシングルページ アプリケーション開発ソリューションの 1 つです。徐々に広く採用され、非常に人気のあるものになりました。

Angular JSの特徴

  • JavaScript MVW フレームワーク
  • タグ、属性、式を追加して HTML サポートを拡張します
  • 簡単なイベント処理が可能
  • データバインディングのサポート
  • 組み込みのテンプレート エンジンとルーティング
  • フォームの検証とアニメーション
  • 依存関係の注入

Angular 2 とは何ですか?

角度のある2 は、JavaScript クラスの構築を可能にするコンポーネントの概念に基づいて構築された AngularJS バージョンです。 Angular JS をリリースした後、Angular チームはオリジナルの Angular 2 または AngularJS を完全に書き直した Angular 1 をリリースしました。 これは、Angular チームによって Typescript を使用して最初から書き直されました。 Web 開発者により優れたパフォーマンスを提供します。

多くの新機能のほか、その他の改善や調整も行われています。

Angular 2 の重要な機能は次のとおりです。

  • 最新の、より高速で拡張性の高いフレームワーク
  • Web、モバイル、デスクトップ アプリに同様に役立つフレームワーク
  • Webコンポーネントベース archi構造
  • ハイアをサポートarchical 依存関係の注入

なぜ Angular 3 ではないのでしょうか?

Angular 2 は単一のリポジトリでした。 各パッケージは @angular/package-name 規則でダウンロードできます。 例: @angular/HTTP、@angular/router

すべてのパッケージ名にはバージョン 2 が割り当てられましたが、ルーター パッケージには誤ってバージョン 3 が割り当てられました。そのため、開発チームは Angular バージョン 3 をスキップし、Angular Router のバージョンとの互換性を維持するために直接バージョン 4 という名前を付けました。

Angular 4 とは何ですか?

角度のある4 JavaScript アプリケーションを構築するための Web アプリケーション フレームワークです。 TypeScript をサポートしており、次のようにコンパイルされます。 JavaScriptを ブラウザでも同じように表示されます。 また、ナビゲーション ツールバー、オートコンプリート、メニュー、その他多くの機能も提供します。 これは、Angular 2 を完全に書き直したバージョンである Angular 1 とは異なります。

Angular 4 のその他の機能は次のとおりです。

  • 生成されたバンドルコードのサイズを最大 60% 削減
  • アニメーションは別のパッケージ @angular/animations に移動されました
  • if/else ステートメントのサポート
  • eのサポートmail バリ

Angular 5 とは何ですか?

角度のある5 TypeScript をベースにしたオープンソースの Web アプリケーション フレームワークです。 このバージョンでは、次のような多くの新機能と改善が行われました。 依存性注入、宣言型テンプレート、エンドツーエンド ツールなど。Angular 4 から大きな変更はありません。

Angular 5 の特徴:

  • AOT をデフォルトにする
  • プログレッシブ Web アプリの構築が容易になる
  • テンプレートでの型チェック
  • 国際化された数値、日付、通貨パイプのサポート
  • Httpclient のアップデート
  • ゾーン速度の改善
  • 新しいルーターのライフサイクル イベント

AngularJS と Angular 2 の違い

以下は、AngularJS と Angular 2 の主な違いです。

角度JS 角度のある2
2010年にGoogleからリリースされました。 2016年XNUMX月発売。
SPA を作成するための JavaScript ベースのフレームワーク。 AngularJS バージョンを完全に書き直しました。
まだサポートされていますが、今後は開発されません。 セマンティック バージョニングにより、定期的に更新バージョンがリリースされます。
最大XNUMXWの出力を提供する archiAngularJS の構造は MVC に基づいています。 最大XNUMXWの出力を提供する archiAngular 2 の構造はサービス/コントローラーに基づいています。
AngularJS はモバイル ベースを念頭に置いて開発されたものではありません。 Angular 2 はモバイル指向のフレームワークです。
AngularJS コードは ES5、ES6、Dart のみを使用して記述できます。 ES5、ES6、Typescript を使用して Angular 2 コードを作成できます。
スコープが終了したコントローラーに基づいています。 現在、コントローラーはコンポーネントに置き換えられており、Angular two は完全にコンポーネント ベースです。
サービスにはファクトリー、サービス、プロバイダー、値、定数が使用されます このクラスは、Angular2 でサービスを定義する唯一のメソッドです
クライアント側のみで実行 クライアント側とサーバー側で実行
初期化には ng-app と angular bootstrap 関数が使用されます bootstrapmodule() 関数は初期化に使用されます

Angular 2 と Angular 4 の違い

Following Angular 2 と Angular 4 の主な違いは次のとおりです。

角度のある2 角度のある4
Angular 2 を使用して生成されたコードは大きくなり、ファイル サイズも大きくなります。 Angular 4.0 では、バンドルされるファイル サイズが 60% 削減されました。 したがって、生成されるコードが削減され、アプリケーションのパフォーマンスが向上します。
Angular two には Angular JS との下位互換性がありません。 Angular 2 は、ほとんどのアプリケーションに対して Angular XNUMX との下位互換性があります。
コードを調整するための適切な不承認フェーズは特にありません。 開発者がコードを調整できるように、適切な不承認フェーズが設けられます。
Angular 2 にはアニメーション機能はありません。 アニメーション機能は @angular/core から抽出され、パッケージに組み込まれます。

Angular 4 と Angular 5 の違い

Angular 4 と Angular 5 の違いは次のとおりです。

角度のある4 角度のある5
Router ParamMap のサポート 新しいルーターのライフサイクル イベント
NgComponentOutlet を使用した動的コンポーネント コンパイラの改善
このバージョンの TypeScript 2.4 は、オプションの静的型指定、インターフェイス、クラスに使用できる JavaScript スーパーセットとして機能します Angular 5 には、ツールのようなプラットフォームのコマンドの一部であるビルド オプティマイザーが付属しています。
簡略化されたHTTPリクエスト HttpClient機能による最適化
アニメーションパッケージを含む 国際化された日付と通貨

まとめ

  • AngularJS は、動的な Web アプリケーションを構築するための JavaScript に基づくオープンソースのフロントエンド Web フレームワークです。
  • Angular 2 は、JavaScript クラスの構築を可能にするコンポーネントの概念に基づいて構築された AngularJS バージョンです。 Angular JS をリリースした後、Angular チームはオリジナルの Angular 2 または AngularJS を完全に書き直した Angular 1 をリリースしました。
  • すべてのパッケージ名にはバージョン 2 が割り当てられましたが、ルーター パッケージには誤ってバージョン 3 が割り当てられました。そのため、開発チームは Angular バージョン 3 をスキップし、Angular Router のバージョンとの互換性を維持するために直接バージョン 4 という名前を付けました。
  • Angular 4 は、JavaScript アプリケーションを構築するための Web アプリケーション フレームワークです。 TypeScript をサポートしており、JavaScript にコンパイルされてブラウザーに表示されます。
  • Angular 5 は、TypeScript に基づいたオープンソースの Web アプリケーション フレームワークです。 このバージョンでは、依存関係の挿入、宣言型テンプレート、エンドツーエンドのツールなど、多くの新機能と改善が行われています。