Angular2 入門記事

イシュー

• angular-cliベースで学習するにあたって、入門的な記事を調べる

参考

キーワード「Angular2 入門」

• [初心者向け] Angular2からみるJSフレームワーク入門 – rdlabo.inc
  • Angular2の構成を一通り
  • HTTP_PROVIDERS を使うと、httpClientを使った、jsonのget処理とかが楽にできる
    • ここらへん、angular-cliでは隠ぺいしてたりしないかな、、
• Angular2実践入門
  • angular-seed (公式のスターターキット）
  • angular-webpack-starter
  • Angular2実践入門〜ng-japan 2016 セッションレポート〜 | HTML5Experts.jp
    • 上記slideshareのまとめ
  • Angular2実践入門 - SSSSLIDE
    • sssslide版
• Angular 2入門：NgModelに触れてみる - Qiita
  • [...]がインプットプロバティ、(...)がアウトプットプロバティ
• Angular2入門 - tac42.net
• Angular2入門！ゼロから始めたぼくの勉強方法 | Yuhiisk
  • Angular2 for TypeScript - 5 MIN QUICKSTARTの日本語訳だよ。 | Yuhiisk
  • 公式チュートリアル「5 MIN QUICKSTART」の日本語訳
  • TypeScript版だけじゃなく、JavaScript版も日本語訳されている。JavaScript版をみると、@Componentで変換されたJSが分かるので何やってるかを理解しやすい
• ささっとAngular2を動かしてみる - AngularJS Advent Calendar 2015 - albatrosary's blog
• Angular 2のビルド周りについて調査した - redwarrior’s diary
• ng-japan 2016 - Angular2実践入門 - Togetterまとめ
• NgModule導入について · Angular2 Info
  • RC5
• 「Angular 2」の構成単位「コンポーネント」「モジュール」を使いこなそう (1/3)：CodeZine（コードジン）
• Angular 2で作った最初のアプリの事後分析 : 使ってわかったAngular 2の長所と短所 | プログラミング | POSTD
• todomvc/examples/angular2 at master · tastejs/todomvc · GitHub
• Angular2で簡易ブログを作ってみる | CYOKODOG
• Angular2 | Yuhiisk

angular2 form routing

• Angular2のRouting, Formsの簡単なサンプル。ついでにFlux。(2.0) - Qiita
• Angular2のRouterを触ってみる - Qiita
• Getting Generated Routes to Work in Angular-CLI

angular tutorial

• Tutorial: Tour of Heroes - ts - TUTORIAL
• Angular2 DOC GUIDEを翻訳する[FORMS] - Qiita
• 今後のAngularバージョンアップの流れについて - Qiita
• Angular2 の、VISUAL STUDIO 2015 QUICKSTARTがわかんねえ人たちへ - Qiita

公式

• Quickstart - ts - QUICKSTART
• https://angular.io/docs/ts/latest/api/http/HTTP_PROVIDERS-let.html
• GitHub - angular/angular-seed: Seed project for angular apps.

webpackとは

• WebPackは必須じゃない、angular-cliの機能でほぼ補完できそう
• GitHub - AngularClass/angular2-webpack-starter: An Angular 2 Starter kit featuring Angular 2 (Router, Http, Forms, Services, Tests, E2E, Dev/Prod, HMR, Async/Lazy Routes), Material Design, Karma, Protractor, Jasmine, Istanbul, TypeScript 2, TsLint, Codelyzer, Hot Module Replacement, @types, and Webpack 2 by @AngularClass
• webpack で始めるイマドキのフロントエンド開発 - Qiita
• webpack入門 - Qiita