آموزش انگولار JS

میخام دوره آموزش انگولار JS رو شروع کنم؛ آموزش‌ها از صفر شروع شده و اگر حمایت بشه تا صد ادامه خواهد داشت.

انگولار js چیست؟

انگولار js (به انگلیسی Angular js) یکی از کتابخانه‌های اپن سورس و رایگان جاوا اسکریپت می‌باشد که توسط گوگل توسعه داده میشه.

Angular js یکی از بهترین فریمورک‌ها برای وب اپلیکیشن‌های تک صفحه‌ای (Single Page Application) یا به اختصار SPA می‌باشد.

Angular Js به ما این اجازه را می دهد که کدهایی ساده ، زیبا و برنامه های تک صفحه ای رو به سبک MVC بنویسیم.

انگولار JS، اچ تی ام ال را با ویژگی‌های جدید گسترش می‌دهد.

یادگیری انگولار Js راحت می‌باشد.

انگولار JS وابستگی به کدهای جاوا اسکریپت و جکوئری را به شدت کاهش می‌دهد.

بیایید قبل از شروع یادگیری یه کد انگولاری رو با نمونه جاوا اسکریپتی یا جکوئری آن مقایسه کنیم.

کد زیر رو در نظر بگیرید :

<!doctype html>
<html ng-app>
   <!-- htto://farhadhp.ir -->
   <head>
      <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.3/angular.min.js"></script>
   </head>
   <body>
      <div>
         <label>Name:</label>
         <input type="text" ng-model="yourName" placeholder= "Enter a name here">
         <hr />
         <h1>Hello {{yourName}}!</h1>
      </div>
   </body>
</html>

توضیح : کدبالا یه سند HTML ساده هستش که کتابخونه انگولار جی اس اینکلود شده.
در کد بالا ما با کمک انگولار در دو خط کدتونستیم اسم کاربر رو بگیریم و در صفحه چاپ کنیم! حالا ما اگر همچین کدی را با جاوا اسکریپت یا جی کوئری می‌نوشتیم تعداد سطر‌های کد نویسی افزایش پیدا میکرد!
این فقط یه مثال ساده بود! در مثال‌های جلسات بعد بیشتر به ارزش انگولار پی خواهید برد.