Enviar pesquisa
Carregar
AngularJS 入門
•
19 gostaram
•
9,143 visualizações
Kenichi Kanai
Seguir
ng-mtg#2 AngularJS 勉強会で使ったドキュメントです
Leia menos
Leia mais
Denunciar
Compartilhar
Denunciar
Compartilhar
1 de 20
Recomendados
Angular2
Angular2
Kenichi Kanai
TechFeedのつくりかた - Angular2/Webpack/Ionic2/Cordova実践入門
TechFeedのつくりかた - Angular2/Webpack/Ionic2/Cordova実践入門
Shumpei Shiraishi
AngularJSを浅めに紹介します
AngularJSを浅めに紹介します
nkazuki
Angular js 入門介紹
Angular js 入門介紹
wantingj
AngularJS入門の巻2
AngularJS入門の巻2
Toshio Ehara
AngularJS入門の巻
AngularJS入門の巻
Toshio Ehara
CLR/H 第99回勉強会ライトニングトーク
CLR/H 第99回勉強会ライトニングトーク
Jun-ichi Sakamoto
One horror stories around NuGet
One horror stories around NuGet
Jun-ichi Sakamoto
Recomendados
Angular2
Angular2
Kenichi Kanai
TechFeedのつくりかた - Angular2/Webpack/Ionic2/Cordova実践入門
TechFeedのつくりかた - Angular2/Webpack/Ionic2/Cordova実践入門
Shumpei Shiraishi
AngularJSを浅めに紹介します
AngularJSを浅めに紹介します
nkazuki
Angular js 入門介紹
Angular js 入門介紹
wantingj
AngularJS入門の巻2
AngularJS入門の巻2
Toshio Ehara
AngularJS入門の巻
AngularJS入門の巻
Toshio Ehara
CLR/H 第99回勉強会ライトニングトーク
CLR/H 第99回勉強会ライトニングトーク
Jun-ichi Sakamoto
One horror stories around NuGet
One horror stories around NuGet
Jun-ichi Sakamoto
AngularJS入門
AngularJS入門
Kenji Shirane
HTML5 ビギナーのための AngularJS
HTML5 ビギナーのための AngularJS
Kenichi Kanai
Angular#Kanazawa
Angular#Kanazawa
Kenichi Kanai
はじめてのAngular2
はじめてのAngular2
Kenichi Kanai
はじめよう TypeScript - 入門から実践まで - 素の JavaScript とはさようなら!
はじめよう TypeScript - 入門から実践まで - 素の JavaScript とはさようなら!
Jun-ichi Sakamoto
Angular1&2
Angular1&2
Kenichi Kanai
Angularを使ってみる実例いくつか (2015/4/29 GDGKobe)
Angularを使ってみる実例いくつか (2015/4/29 GDGKobe)
pinmarch_t Tada
Thailand report
Thailand report
clari1998
Angular.jsについてちょっとしゃべる
Angular.jsについてちょっとしゃべる
Masashi Haga
AngularJSについて
AngularJSについて
昌生 高橋
受託開発でのAngularJS - 第1回AngularJS 勉強会 at LIG
受託開発でのAngularJS - 第1回AngularJS 勉強会 at LIG
Hayashi Yuichi
We nemen je mee
We nemen je mee
Reinier Gerritsma
Druge_jittya
Druge_jittya
Andrey Hrutba
Animated1
Animated1
Hannah Shane Soriano
Dec. 2012 newsletter final
Dec. 2012 newsletter final
aprilrism1
TRiO SSS Enrollment Orientation
TRiO SSS Enrollment Orientation
fmorado
บุคคลสำคัญของบางกอก
บุคคลสำคัญของบางกอก
nearary
techfeed_ng-japan2019
techfeed_ng-japan2019
Kenichi Kanai
ng-japan2019_techfeed_LT
ng-japan2019_techfeed_LT
Kenichi Kanai
Angular CLI
Angular CLI
Kenichi Kanai
pick up ng-conf
pick up ng-conf
Kenichi Kanai
Angular1.5.5
Angular1.5.5
Kenichi Kanai
Mais conteúdo relacionado
Destaque
AngularJS入門
AngularJS入門
Kenji Shirane
HTML5 ビギナーのための AngularJS
HTML5 ビギナーのための AngularJS
Kenichi Kanai
Angular#Kanazawa
Angular#Kanazawa
Kenichi Kanai
はじめてのAngular2
はじめてのAngular2
Kenichi Kanai
はじめよう TypeScript - 入門から実践まで - 素の JavaScript とはさようなら!
はじめよう TypeScript - 入門から実践まで - 素の JavaScript とはさようなら!
Jun-ichi Sakamoto
Angular1&2
Angular1&2
Kenichi Kanai
Angularを使ってみる実例いくつか (2015/4/29 GDGKobe)
Angularを使ってみる実例いくつか (2015/4/29 GDGKobe)
pinmarch_t Tada
Thailand report
Thailand report
clari1998
Angular.jsについてちょっとしゃべる
Angular.jsについてちょっとしゃべる
Masashi Haga
AngularJSについて
AngularJSについて
昌生 高橋
受託開発でのAngularJS - 第1回AngularJS 勉強会 at LIG
受託開発でのAngularJS - 第1回AngularJS 勉強会 at LIG
Hayashi Yuichi
We nemen je mee
We nemen je mee
Reinier Gerritsma
Druge_jittya
Druge_jittya
Andrey Hrutba
Animated1
Animated1
Hannah Shane Soriano
Dec. 2012 newsletter final
Dec. 2012 newsletter final
aprilrism1
TRiO SSS Enrollment Orientation
TRiO SSS Enrollment Orientation
fmorado
บุคคลสำคัญของบางกอก
บุคคลสำคัญของบางกอก
nearary
Destaque
(17)
AngularJS入門
AngularJS入門
HTML5 ビギナーのための AngularJS
HTML5 ビギナーのための AngularJS
Angular#Kanazawa
Angular#Kanazawa
はじめてのAngular2
はじめてのAngular2
はじめよう TypeScript - 入門から実践まで - 素の JavaScript とはさようなら!
はじめよう TypeScript - 入門から実践まで - 素の JavaScript とはさようなら!
Angular1&2
Angular1&2
Angularを使ってみる実例いくつか (2015/4/29 GDGKobe)
Angularを使ってみる実例いくつか (2015/4/29 GDGKobe)
Thailand report
Thailand report
Angular.jsについてちょっとしゃべる
Angular.jsについてちょっとしゃべる
AngularJSについて
AngularJSについて
受託開発でのAngularJS - 第1回AngularJS 勉強会 at LIG
受託開発でのAngularJS - 第1回AngularJS 勉強会 at LIG
We nemen je mee
We nemen je mee
Druge_jittya
Druge_jittya
Animated1
Animated1
Dec. 2012 newsletter final
Dec. 2012 newsletter final
TRiO SSS Enrollment Orientation
TRiO SSS Enrollment Orientation
บุคคลสำคัญของบางกอก
บุคคลสำคัญของบางกอก
Mais de Kenichi Kanai
techfeed_ng-japan2019
techfeed_ng-japan2019
Kenichi Kanai
ng-japan2019_techfeed_LT
ng-japan2019_techfeed_LT
Kenichi Kanai
Angular CLI
Angular CLI
Kenichi Kanai
pick up ng-conf
pick up ng-conf
Kenichi Kanai
Angular1.5.5
Angular1.5.5
Kenichi Kanai
New Features in Angular 1.5
New Features in Angular 1.5
Kenichi Kanai
ngTeratail
ngTeratail
Kenichi Kanai
はじめてのAngular2
はじめてのAngular2
Kenichi Kanai
Web先端技術味見部
Web先端技術味見部
Kenichi Kanai
angularJS in 10ish minutes
angularJS in 10ish minutes
Kenichi Kanai
初学者向けセミナー資料
初学者向けセミナー資料
Kenichi Kanai
HTML5入門 for 頭がヤバい人向け
HTML5入門 for 頭がヤバい人向け
Kenichi Kanai
みんなが調べないJS調べてみた JSオジサン#2
みんなが調べないJS調べてみた JSオジサン#2
Kenichi Kanai
HTML5とか勉強会#48 ionic
HTML5とか勉強会#48 ionic
Kenichi Kanai
Enterprise x AngularJS
Enterprise x AngularJS
Kenichi Kanai
味見部紹介 LT
味見部紹介 LT
Kenichi Kanai
Ng mtg#3
Ng mtg#3
Kenichi Kanai
AngularJS 概説
AngularJS 概説
Kenichi Kanai
Mais de Kenichi Kanai
(18)
techfeed_ng-japan2019
techfeed_ng-japan2019
ng-japan2019_techfeed_LT
ng-japan2019_techfeed_LT
Angular CLI
Angular CLI
pick up ng-conf
pick up ng-conf
Angular1.5.5
Angular1.5.5
New Features in Angular 1.5
New Features in Angular 1.5
ngTeratail
ngTeratail
はじめてのAngular2
はじめてのAngular2
Web先端技術味見部
Web先端技術味見部
angularJS in 10ish minutes
angularJS in 10ish minutes
初学者向けセミナー資料
初学者向けセミナー資料
HTML5入門 for 頭がヤバい人向け
HTML5入門 for 頭がヤバい人向け
みんなが調べないJS調べてみた JSオジサン#2
みんなが調べないJS調べてみた JSオジサン#2
HTML5とか勉強会#48 ionic
HTML5とか勉強会#48 ionic
Enterprise x AngularJS
Enterprise x AngularJS
味見部紹介 LT
味見部紹介 LT
Ng mtg#3
Ng mtg#3
AngularJS 概説
AngularJS 概説
AngularJS 入門
1.
AngularJS 入門
2.
{{ about-me }} 金井
健一 ( Kenichi Kanai ) フリーランス エンジニア => 雑用 AngularJS Japan User Group 管理人 WEB先端技術味見部 副部長 Twitter / @can_i_do_web Facebook / can.i.do.web
3.
{{ agenda }} about
AngularJS 動かしてみる Event & Filter Form Validation directive プラグインとか
4.
{{ about AngularJS
}}
5.
{{ about AngularJS
}} Unobtrusive data binding HTML as the template Reusable components -- in HTML! Views and Routes Tests and Testability
6.
{{ about AngularJS
}} 双方向データバインディング テンプレートとしてのHTML 再利用可能なコンポーネント ビューとルーティング テストとテストのしやすさ
7.
{{ about AngularJS
}} 得意なこと CRUD系のアプリケーション 管理画面・マイページ 1ページで完結するアプリケーション
8.
{{ about AngularJS
}} 苦手なこと モバイル向けアプリケーション ゲームなどで使うグラフィック系・エフェ クト系 ※Bombermine・・・
9.
{{ 動かしてみる }} 実際つかってみましょう ng-app ng-bind
= {{ model名 }} ng-model ng-init ng-repeat
10.
{{ とその前に。 }} HTML
のバリデーションチェックでエラーになるんですけどっ!
11.
{{ そんなことないですよー }} 気になる方は data-ng-app
= “” ng:bind = “” x-ng-model = “”
12.
{{ 動かしてみます }}
13.
{{ Event }} ng-change
ng-mouseenter ng-checked ng-mouseleave ng-click ng-mouseover ng-dblclick ng-mouseup ng-mousedown ng-submit
14.
{{ Filter }} currency
lowercase date number filter orderBy json uppercase limitTo
15.
{{ Form Validation}}
16.
{{ Form Validation}} バリデーションの結果
form[name].各input[name].$valid form[name].各input[name].$error form[name].各input[name].$error.required form[name].$valid / $invalid form[name].$error(フォーム内の全バリデーション結果)
17.
{{ Form Validation}}
check text validation/type email number radio text url select box area required ○ ○ ○ ○ ○ ○ min ○ max ○ ng-minlength ○ ○ ○ ○ ○ ng-maxlength ○ ○ ○ ○ ○ ng-pattern ○ ○ ○ ○ ○ ng-true-value ○ ng-false-value ○
18.
{{ directive }} 独自タグ 独自属性 独自クラス コメントもコンポーネント化できる
19.
{{ プラグインとか }} AngularUI UI
Bootstrap ANGULAR MODULES
20.
{{ thank you
}} ご清聴ありがとうございました。