خانه (HOME)
در این صفحه، «آموزش AngularJS» را خیلی ساده شروع می کنیم. AngularJS به HTML نیرو می دهد. این یعنی تگ ها کارهای تازه می کنند. «برنامه تک صفحه ای (SPA)» یعنی صفحه عوض نمی شود، اما محتوا عوض می شود. همه چیز سریع و روان می ماند.
شروع سریع با آموزش AngularJS
AngularJS «دستور (Directive)» دارد. دستور یک ویژگی تازه روی تگ هاست. «عبارت (Expression)» هم دارد. عبارت مقدارها را درون {{ }} نشان می دهد. «فیلتر (Filter)» داده را تمیز و خوشگل می کند. «ماژول (Module)» ظرف پروژه است. «کنترلر (Controller)» منطق صفحه را مدیریت می کند.
<!DOCTYPE html>
<html lang="en-US">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<body>
<div ng-app="">
<p>Name : <input type="text" ng-model="name"></p>
<h1>Hello {{name}}</h1>
</div>
</body>
</html>
گام های اجرا
- فایل HTML را بساز. نام را index بگذار.
- اسکریپت AngularJS را اضافه کن. اینترنت لازم است.
- کد نمونه را کپی کن. سپس ذخیره کن.
- فایل را در مرورگر باز کن. تایپ کن و ببین.
نکته: اگر چیزی نمایش نشد، خطاهای کنسول را چک کن. اغلب لینک کتابخانه اشتباه است.
پیش نیازها و مسیر یادگیری
قبل از شروع، کمی «HTML»، «CSS»، و «JavaScript» بلد باش. با این مهارت ها، یادگیری سریع تر می شود. سپس گام به گام «آموزش AngularJS» را جلو برو.
تاریخچه کوتاه
نسخه 1.0 در سال 2012 منتشر شد. ایده از 2009 شروع شد. گوگل از آن پشتیبانی کرد. هنوز هم برای پروژه های ساده کاربردی است.
ادامه مسیر در سایت
از اینجا ادامه بده: معرفی AngularJS. همچنین نمونه ها را ببین: نمونه های AngularJS. این لینک ها مسیر یادگیری را مرتب می کنند.
جمع بندی سریع
- AngularJS به HTML ویژگی تازه می دهد.
- SPA یعنی تغییر محتوا بدون تعویض صفحه.
- دستورها و عبارت ها هسته کار هستند.
- نمونه را باز کن و تمرین کن.
- قدم به قدم ادامه بده.
منبع آموزشی W3Schools · مرجع دستورها
برای شروع سریع، این لینک را هم ببین: آموزش AngularJS.