AngularJS入門チュートリアルの学習環境構築
2123 ワード
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識別リソース(API)の詳細を学習します.
このチュートリアルでは、ユニットテストの作成と実行、アプリケーションの継続的なテストなど、簡単なアプリケーション作成手順を説明します.チュートリアルの各ステップでは、AngularJSと作成したWebアプリケーションの詳細について説明します.このチュートリアルを短時間ですばやく読むか、深く研究するのに多くの時間がかかる場合があります.簡単なAngularJSの紹介ドキュメントを見たい場合は、[クイックスタート][Getting Started]ドキュメントを参照してください.
学習環境の構築
このチュートリアルでは、Mac環境、Linux環境、Windows環境を問わず、プログラミングを学習できます.ソース管理バージョン管理システムGitを使用して、このチュートリアルプロジェクトのソースファイルを取得するか、このチュートリアルプロジェクトのソースファイルのミラーアーカイブ圧縮パッケージを直接オンラインからダウンロードできます.
1.ノードをインストールする必要があります.jsとTestacularは本プロジェクトを実行します.Node.js公式サイトは最新版をダウンロードしてインストールし、node実行可能プログラムのパスをシステム環境変数PATHに追加し、完了したらコマンドラインでコマンドを実行してインストールに成功したかどうかを確認します.
次にTestacularユニットテストプログラムをインストールし、次のコマンドを実行します.
2.Gitツールをインストールし、次のコマンドでGithubからこのチュートリアルプロジェクトのソースファイルをコピーします.
また、このチュートリアルのプロジェクトソースコードのミラーアーカイブ圧縮パッケージをオンラインから直接ダウンロードすることもできます.このコマンドは、現在のフォルダに新しいフォルダangular-phonecatを作成します.
3.最後に、コンピュータにWebブラウザとテキストエディタがインストールされていることを確認します.
4.チュートリアルソースファイルパッケージangular-phonecatに入り、サーバーバックグラウンドプログラムを実行し、AngularJSの学習を開始します!
このチュートリアルでは、AngularJSがWebアプリケーションをよりスマートで柔軟にし、さまざまな拡張プログラムやプラグインを必要としない方法を説明します.このチュートリアルでは、次のことを学習します.
1.サンプルを読んで、AngularJSのクライアントデータバインディングと注入機能に依存して、ユーザの操作に即座に応答できる動的データビューを作成する方法を学びます.2.AngularJSを使用してデータリスナーを作成する方法を学び、DOM操作を必要としません.3.Webアプリケーションをテストするためのより良い、より簡単な方法を学びます.4.AngularJSを使用して一般的なWebタスクを作成する方法を学習します.例えば、アプリケーションにデータを導入するのがより便利です.
また、ブラウザを構成する必要がなく、任意のブラウザで実現できます.
このチュートリアルを完了すると、次のことを学びます.
1.任意のブラウザで動作可能な動的アプリケーションを作成します.2.AngularJSと他のJavaScriptフレームワークの違いを理解します.3.AngularJSがどのようにデータバインディングを実現するかを理解する.4.AngularJSのシードアイテムを使用して、自分のアイテムをすばやく作成します.5.テストを作成および実行します.6.AngularJS識別リソース(API)の詳細を学習します.
このチュートリアルでは、ユニットテストの作成と実行、アプリケーションの継続的なテストなど、簡単なアプリケーション作成手順を説明します.チュートリアルの各ステップでは、AngularJSと作成したWebアプリケーションの詳細について説明します.このチュートリアルを短時間ですばやく読むか、深く研究するのに多くの時間がかかる場合があります.簡単なAngularJSの紹介ドキュメントを見たい場合は、[クイックスタート][Getting Started]ドキュメントを参照してください.
学習環境の構築
このチュートリアルでは、Mac環境、Linux環境、Windows環境を問わず、プログラミングを学習できます.ソース管理バージョン管理システムGitを使用して、このチュートリアルプロジェクトのソースファイルを取得するか、このチュートリアルプロジェクトのソースファイルのミラーアーカイブ圧縮パッケージを直接オンラインからダウンロードできます.
1.ノードをインストールする必要があります.jsとTestacularは本プロジェクトを実行します.Node.js公式サイトは最新版をダウンロードしてインストールし、node実行可能プログラムのパスをシステム環境変数PATHに追加し、完了したらコマンドラインでコマンドを実行してインストールに成功したかどうかを確認します.
node -version
次にTestacularユニットテストプログラムをインストールし、次のコマンドを実行します.
npm install -g testacular
2.Gitツールをインストールし、次のコマンドでGithubからこのチュートリアルプロジェクトのソースファイルをコピーします.
git clone git://github.com/angular/angular-phonecat.git
また、このチュートリアルのプロジェクトソースコードのミラーアーカイブ圧縮パッケージをオンラインから直接ダウンロードすることもできます.このコマンドは、現在のフォルダに新しいフォルダangular-phonecatを作成します.
3.最後に、コンピュータにWebブラウザとテキストエディタがインストールされていることを確認します.
4.チュートリアルソースファイルパッケージangular-phonecatに入り、サーバーバックグラウンドプログラムを実行し、AngularJSの学習を開始します!
cd angular-phonecat
node scripts/web-server.js