Mais conteúdo relacionado
Semelhante a Angular JSを始めよう! (20)
Angular JSを始めよう!
- 2. 自己紹介
• 岸悟志(キシ サトシ)
• 略歴
• 2010年4月:家電メーカーに就職
• エネルギーソリューション関連機器のUI開発/企画に従事
• 在職中にデジタルハリウッド大学院修了
• 2015年4月:ウイングアーク1st株式会社に転職
• エンジニアとしてクラウドサービスのUI開発に従事
• ジーズアカデミーにチューターとして関わる
• 興味のある分野
• Webプログラミング(JavaScript、HTML、CSS)
• UI/UX(人間中心設計、UIデザイン、ユーザビリティ)
• IoT(機械学習、デジタル信号処理、情報の可視化)
• SNS
• Facebook:satoshi.kishi
• Twitter:@kefi3104
- 4. はじめに
• Angular JSとは?
• Google社が開発しているJavaScriptのフレームワーク
• 他にBackbone.js, Ember.js, Knockout.js, Spine.js, etc...
• Angular JSの特徴
• フルスタック
• Webアプリケーション開発に必要な機能が大体揃っている
• HTML拡張
• HTMLのような記述を採用
- 10. Angular JSの機能③:バリデーション
<html ng-app>
<head>
<script src="http://code.angularjs.org/1.2.9/angular.min.js"></script>
</head>
<body>
<form name="myForm">
<input type="text" required>
<input type="submit" ng-disabled="!myForm.$valid">
</form>
</body>
</html>
- 13. Angular JSの機能④:テンプレート
function myCtrl($scope) {
$scope.textList = [“いつ”, “Angularを”, “始めるんですか?”, “今でしょ!!"];
}
<html ng-app>
<head>
<script src="http://code.angularjs.org/1.2.9/angular.min.js"></script>
</head>
<body ng-controller="myCtrl">
<ul ng-repeat="mytext in textList">
<li>{{mytext}}</li>
</ul>
</body>
</html>