はじめに
Angular は本当に優れた AngularJS です。 AngularJS にあった多くの古いゴミを置き換え、また、他の競合フレームワークの機能を超えています。
しかし、Angular は AngularJS とは完全に異なります。 AngularJS アプリケーションを Angular にアップグレードするために npm install
を実行するような単純なものではありません。 根本的に異なるフレームワークですが、元々 AngularJS を素晴らしいものにした同じアイデアと、近年登場したいくつかの新しいアイデア & テクノロジーに基づいています。
ほとんどのチュートリアルは、あなたが Angular が依存するすべてのテクノロジー(TypeScript、RxJS、など)をすでに知っていると仮定します。 また、ドキュメントや他の関連リソースにリンクしていないため、フレームワークに関する非常に限られた視点しか得られないままになっています。 もしあなたがAngularの使い方を学ぼうとして、卵のような顔になったことがあるなら、それはあなただけではありません。 これは非常に悔しいことであり、このコースの制作の主な動機となりました。
興味深いことに、これはもともとAngularJSがその初期に抱えていた問題とまったく同じものでした。 私たちは結局、自分たちでその問題を解決するために「A Better Way to Learn AngularJS」を作成し、それが AngularJS を学ぶための事実上のリソースとなりました。 実際、歴史は繰り返すようです!
このチュートリアルシリーズで扱う内容
このチュートリアルシリーズは、Angularを使って実際のアプリケーションを構築するために知っておくべきすべてのことを教えることを目的としています。 フレームワークが AngularJS からどのように変わったのか(特になぜ変わったのか)、TypeScript & RxJS のような前提技術への深い掘り下げ、Angular が開発者に公開する基本構成要素、そして Angular RealWorld App レポからの実世界の例を、知識を固めるためにすべてのステップでカバーします。
前提条件
当社の Angular 1.5 + ES6 コースは、最新の Javascript アプリケーションの構築に関する優れた入門コースです。
Angular アプリケーションを作成したことがなく、Javascript の経験が浅い場合は、超初心者向けの MEAN stack チュートリアルから始めるとよいでしょう。
いない場合は、以下の指示に従えばよいでしょう。
もしそうでなければ、これらの指示に従えばよい。
まだ ES6 について聞いていなければ、これは基本的には Javascript 用の新しい文法と機能である。 次のチュートリアルでその特定の側面に関するリソースにリンクしますが、ここでは ES6 の機能のほとんどを詳細に説明する包括的なリストです。
コンポーネントによって懸念事項を明確に分離し、再利用性の高いコードを構築できるようにします。 Angular (および React や Ember などの他のフレームワーク) はそれらを採用しており、React に関する私たちのコースからのこの抜粋は、それらが何であるかを説明する優れた仕事です。
Resources
カリキュラムは、それぞれのトピックについてより充実した視点を提供するために、健全な数の優れたブログを採用します。…
- Eric Simons, Stephen Rodriguez and Albert Pai for putting together this series
- Brad Green and the Angular team for their support (and, of course, they created the excellent framework)
- All of our Pro members that helps funding of creating this course
- and many, more < 3