AngularJS 〜学習履歴〜

AngluarJSの学習履歴です。

  1. AngularJSの基本
    AngularJSはフレームワークであり、MVCモデルのような形で実装できるものでした。
    そして、やはり「ハローワールド」を実装しました。

  2. コントローラーについて
    コントローラがAngularJSを実装する上での中心になります。そして、HTMLとJSをバインド(関連付け)するための書き方として"ng-XXXX"と言う書き方をしていました。

  3. W3Schoolsのチュートリアルをやってみる
    AngularJSがW3のチュートリアルにあったのでそれをやってみることにしました。ハローワールドから各モジュール(コントローラー)の作り方などがわかりやすく書いてありました。

  4. ディレクティブについて
    AngularJSでは、HTMLを分断して「ディレクティブ」と言う形でヘッダー、フッター、メインなどのようにHTML部分を分割して作成することができます。
    その「ディレクティブ」の作成、使用方法について学習しました。

  5. チュートリアル〜コントローラー
    W3schoolsのチュートリアルでコントローラーの説明をしているのでそれをやっています。

6 チュートリアル〜コントローラー2〜
コントローラーの作り方、その2です。

  1. チュートリアル〜変数の操作〜

  2. モジュールの扱い
    appモジュール、controller, directiveなどのモジュール操作に関して学習しました。

  3. Http通信を行う
    実際のところは、XMLHttpRequestをラップした形で作られている$httpオブジェクトの使用方法に関して学習しました。

  4. BootStrapを使う
    HTMLで見た目を作成する時にはBootStrapを使用すると楽にできるので、使用します。AngularJSもBootSrapと連携できるように作られているようです。

  5. サンプル実装をしてみた
    ちょっと作ってみました。

  6. AngularJS + PHP 〜WordPressと連携する〜
    今度はサイトマップを作成しました。その時の設計レベルの記事になります。作成する画面のイメージと作成に対する問題を列挙しました。

  7. AngularJS + PHP 〜AngularJSの実装〜
    ここでは、BootStrapにあるテンプレート(HTML)を使用して、自分のサイトマップの土台を作成しました。大まかなフレームワーク(どの順序で処理を行うのか?)を設計しました。

  8. AngularJS + PHP 〜AngularJSの実装2〜
    横スクロールメニューをクリックしてWordPressからのカテゴリごとの記事(情報)をダウンロードする実装ができたので、それらを画面に表示(タイトルと初めの文言、URL)する実装を行いました。
    ルートにあるコントローラから子供のコントローラーを呼び出す実装($bloadcast)を実装しました。

こんな感じで学習しました。

でわでわ。。。