AngularJSを学ぶ良い方法は、このチュートリアルを段階的に段階的に進めることです。これにより、完全なAngularJS Webアプリケーションの構築を説明します。 WebアプリはAndroidデバイスのディレクトリリストであり、リストをフィルタリングして興味のあるデバイスを表示してから、デバイスの詳細を表示できます。
このチュートリアルでは、AngularJがさまざまな拡張機能やプラグインを必要とせずに、Webアプリケーションをよりスマートで柔軟にする方法を示します。このチュートリアルを通して、次のようになります。
1.例を読んで、AngularJSのクライアントデータのバインディングおよび依存関係噴射機能を使用して、ユーザーアクションにすぐに応答できる動的なデータビューを作成します。
2。dom操作なしでangularjsを使用してデータリスナーを作成する方法を学びます。
3. Webアプリケーションをテストするためのより良いより簡単な方法を学びます。
4. AngularJSを使用して、アプリケーションにデータをより便利に導入するなど、一般的なWebタスクを作成する方法を学びます。
そして、これはすべて、ブラウザを構成せずにブラウザに実装できます!
このチュートリアルを完了すると、次のことを学びます。
1.任意のブラウザで動作する動的アプリを作成します。
2。AngularJSと他のJavaScriptフレームワークの違いを理解します。
3. Angularjsがデータバインディングをどのように実施するかを理解します。
4. AngularjsのSeed Projectを使用して、独自のプロジェクトをすばやく作成します。
5。テストを作成および実行します。
6.詳細については、AngularJS識別リソース(API)をご覧ください。
このチュートリアルでは、ユニットテストの作成と実行や継続的なテストアプリケーションなど、簡単なアプリケーション作成プロセスをガイドします。チュートリアルの各ステップは、AngularJSと作成したWebアプリケーションについて詳しく知るための提案を提供します。このチュートリアルを短時間ですばやく読むことも、それを掘り下げて多くの時間を費やす必要がある場合があります。簡単なAngularJSの紹介文書を表示したい場合は、[Quick Starting] [Getting Start]ドキュメントを確認してください。
学習環境を構築します
Mac、Linux、またはWindows環境であろうと、このチュートリアルに従ってプログラミングを学ぶことができます。ソースコード管理バージョン制御システムGITを使用して、このチュートリアルプロジェクトのソースコードファイルを取得するか、このチュートリアルプロジェクトのソースコードファイルのミラーアーカイブ圧縮パッケージをインターネットから直接ダウンロードできます。
1.このプロジェクトを実行するには、node.jsとtestacularをインストールする必要があります。最新バージョンを公式node.js Webサイトにダウンロードしてインストールし、システム環境変数パスにノード実行可能プログラムパスを追加してください。完了後、コマンドラインでコマンドを実行して、インストールが成功したかどうかを確認します。
コードコピーは次のとおりです。
ノード - バージョン
次に、遺伝子組み換え単位試験プログラムをインストールします。次のコマンドを実行してください。
コードコピーは次のとおりです。
NPMインストール-Gテスタキュラー
2。gitツールをインストールし、次のコマンドを使用して、githubからこのチュートリアルプロジェクトのソースコードファイルをコピーします。
コードコピーは次のとおりです。
git clone git://github.com/angular/angular-phonecat.git
このチュートリアルプロジェクトのソースコードのミラーアーカイブ圧縮パッケージをインターネットから直接ダウンロードすることもできます。このコマンドは、現在のフォルダーに新しいフォルダーAngular-Phonecatを作成します。
3.最後にすべきことは、コンピューターにWebブラウザーとテキストエディターがインストールされていることを確認することです。
4.チュートリアルソースコードファイルパッケージAngular-Phonecatを入力し、サーバーバックグラウンドプログラムを実行し、Angularjsの学習を開始します!
コードコピーは次のとおりです。
CD Angular-Phonecat
ノードスクリプト/web-server.js