توسعه یک برنامه هیجان انگیز با انگولار 1#

1. اول از همه باید با مفاهیم اولیه AngularJS آشنایی پیدا کنیم که شامل :  directives, expressions, filters, modules, and controllers
2. بعد باید در مورد AngularJS مواردی مانند Events, DOM, Forms, Input, Validation, Http,  و ... را هم یاد بگیریم.

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script>

1. دایرکتیو ng-app یک برنامه AngularJS را تعریف می کند. در واقع محدوده فعالیت یک برنامه AngularJS را مشخص می کنه.
2. دایرکتیو ng-model مقادیر کنترلهای HTML چون (input, select, textarea) را به داده های برنامه می چسباند یا bind  می کند.
3. دایرکتیو ng-bind داده های برنامه را به view می چسبونه، که درواقع همون html باشه.

1. مثل جاوا اسکریپت، در انگولار هم expression میتونه شامل عملوند، عملگر و لیترال باشه.
2. برخلاف جاوا اسکریپت، در انگولار expression ها میتونن لابه لای html نوشته بشن.
3. برخلاف جاوا اسکریپت، در انگولار expression ها نمیتونن شامل شرط و حلقه و خطاها و ... باشن.
4. برخلاف جاوا اسکریپت، در انگولار expression میتونه از فیلتر ها پشتیبانی می کنه که نظیر نداره!

var app = angular.module('myApp', []);

app.controller('myCtrl', function($scope) {
    $scope.firstName= "John";
    $scope.lastName= "Doe";
});

• برنامه ای به اسم myApp با استفاده از ng-app روی تگ div تعریف میشه
• از طریق دایرکتیو ng-controller یه کنترلر به اسم myCtrl تعریف میشه که خودش یه تابع جاوا اسکریپتیه
• انگولار مقدار $scope رو به این تابع میفرسته و اجراش میکنه

• داخل کنترلر، دوتا مقدار به $scope معرفی میکنیم (firstName و lastName)
• دایرکتیو ng-model مقدار های اولیهinput  هارو با توجه به مقدار دهی که داخل کنترلر انجام شده وارد میکنه. 

<div ng-app="myApp" ng-controller="personCtrl">
First Name: <input type="text" ng-model="firstName"><br>
Last Name: <input type="text" ng-model="lastName"><br>
<br>
Full Name: {{firstName + " " + lastName}}
</div>
<script src="personController.js"></script>

angular.module('myApp', []).controller('personCtrl', function($scope) {
    $scope.firstName = "John",
    $scope.lastName = "Doe",
    $scope.fullName = function() {
        return $scope.firstName + " " + $scope.lastName;
    }
});