ホームページ > 記事 > ウェブフロントエンド > AngularJS入門チュートリアル学習環境構築_AngularJS
AngularJS入門チュートリアル学習環境構築_AngularJS
- WBOYオリジナル
- 2016-05-16 16:28:341129ブラウズ
AngularJS を学習するための優れた方法は、完全な AngularJS Web アプリケーションを構築する手順を説明するこのチュートリアルを段階的に進めることです。 Web アプリは Android デバイス インベントリのディレクトリ リストであり、リストをフィルタリングして関心のあるデバイスを表示し、デバイスの詳細を表示できます。
このチュートリアルでは、さまざまな拡張機能やプラグインを必要とせずに、AngularJS を使用して Web アプリケーションをよりスマートかつ柔軟にする方法を説明します。 このチュートリアルに従うことで、次のことが可能になります:
1. AngularJS のクライアント側のデータ バインディングおよび依存関係注入関数を使用して、ユーザーの操作に即座に応答できる動的データ ビューを作成する方法を学習する例を読んでください。
2. AngularJS を使用して、DOM 操作を行わずにデータ リスナーを作成する方法を学びます。
3. Web アプリケーションをテストするための、より優れた簡単な方法を学びます。
4. AngularJS を使用して、アプリケーションにデータをより簡単に取り込むなどの一般的な Web タスクを作成する方法を学びます。
これらすべてはどのブラウザでも実現でき、ブラウザの設定は必要ありません。
このチュートリアルを完了すると、次のことを学習します:
1. 任意のブラウザで動作する動的アプリケーションを作成します。
2. AngularJS と他の JavaScript フレームワークの違いを理解します。
3. AngularJS がデータ バインディングを実装する方法を理解します。
4. AngularJS のシード プロジェクトを使用して、独自のプロジェクトをすばやく作成します。
5. テストを作成して実行します。
6. AngularJS ID リソース (API) の詳細を確認します。
このチュートリアルでは、単体テストの作成と実行、アプリケーションの継続的なテストなど、簡単なアプリケーション作成プロセスを説明します。 チュートリアルの各ステップでは、AngularJS と作成する Web アプリケーションについて詳しく学ぶための提案が提供されます。 このチュートリアルは短時間ですぐに完了する場合もあれば、詳しく調べるのに多くの時間を費やす場合もあります。 AngularJS の簡単な概要については、「はじめに」ドキュメントを参照してください。
学習環境の構築
Mac、Linux、または Windows 環境のいずれを使用している場合でも、このチュートリアルに従ってプログラミングを学習できます。ソース コード管理バージョン管理システム Git を使用して、このチュートリアル プロジェクトのソース コード ファイルを取得したり、このチュートリアル プロジェクトのソース コード ファイルのイメージ アーカイブ圧縮パッケージをインターネットから直接ダウンロードしたりできます。
1. このプロジェクトを実行するには、Node.js と Testacular をインストールする必要があります。Node.js の公式 Web サイトにアクセスして、最新バージョンをダウンロードしてインストールしてください。次に、ノードの実行可能プログラムのパスをシステム環境変数 PATH に追加します。完了したら、次のコマンドを実行します。
の行でコマンドを実行して、インストールが成功したかどうかを確認します。ノード -バージョン
次に、Testacular 単体テスト プログラムをインストールし、次のコマンドを実行してください:
npm install -g testacular
2. Git ツールをインストールし、次のコマンドを使用して、このチュートリアル プロジェクトのソース コード ファイルを Github からコピーします。
をインターネット から直接ダウンロードすることもできます。このコマンドは、現在のフォルダーに新しいフォルダー angular-phonecat を作成します。
4. チュートリアル ソース コード ファイル パッケージ angular-phonecat を入力し、サーバー バックグラウンド プログラムを実行して、AngularJS の学習を開始します。
ノードスクリプト/web-server.js