کتاب آموزش AngularJS (آنگولار جی اس) به صورت PDF فارسی

کتاب آموزش AngularJS

در این بخش کتاب آموزش AngularJS را برای علاقه مندان به یادگیری این کتابخانه محبوب جاوا اسکریپت آماده کرده ایم که توسط افشین رفوآ در 88 صفحه نوشته شده است. در ادامه می توانید توضیحاتی در مورد این کتاب مفید و مهم در حوزه وب مشاهده کنید. همچنین لینک دانلود آن نیز در انتهای این بخش قرار داده شده است.

معرفی AngularJS

آنگولار جی اس (به انگلیسی: AngularJS) کتابخانه ایی است که توسط گوگل بر پایه زبان جاوا اسکریپت توسعه یافته است. این کتابخانه با هدف اضافه کردن امکانات جدید به زبان HTML ارائه شده است تا اچ تی ام ال را از یک زبان نشانه گذاری به یک زبان برای برطرف کردن نیاز های برنامه های تحت وب تبدیل کند. یکی از مهم ترین ویژگی های آنگولار جی اس این است که می توان بین داده های ورودی و خروجی ارتباط پویا ایجاد کرد که ما را قادر می سازد تا به راحتی داده های دریافتی را پردازش کنیم و در محل مورد نطر نمایش دهیم. این کتاب خانه کاملا با معماری MVC سازگار است که امکان ساخت چندین برنامه وب مجزا که هر کدام از پایگاه داده مخصوص به خود استفاده می کند، درون یک صفحه وب را فراهم می کند.

سرفصل های کتاب آموزش AngularJS :

آموزش کتابخانه AngularJS

• نمونه ای از کاربرد AngularJS
• آنچه که باید از قبل بدانید
• پیشینه ی چارچوب کاری AngularJS

مقدمه ای بر AngularJS

• مثالی از AngularJS
• Directive های AngularJS
• عبارت ها AngularJS (application)
• برنامه های AngularJS (expression)

عبارت ها/Expression در AngularJS

• اعداد در AngularJS
• رشته ها در AngularJS
• اشیا در AngularJS
• آرایه ها در AngularJS
• مقایسه عبارات در AngularJS و  JavaScript

Modules در AngularJS

• یک ماژول به همراه یک کنترگر
• قرار دادن ماژول ها و کنترلگرها در فایل های جدا
• توابع می توانند فضاهای نامی سراسری را تخریب کنند
• زمان بارگذاری کتابخانه

Directives ها در AngularJS

• Angular Directives
• اتصال داده (Data Binding)
• تکرار کردن المان های  HTML
• دستور ng-app
• دستور in-init
• دستور ng-model
• دستور ng-repeat

دایرکتیو AngularJS ng-model

• دایرکتیو ng-model
• پیوند دو طرفه
• اعتبارسنجی مقدار input کاربر
• وضعیت یک برنامه کاربردی (Application Status)
• کلاس های CSS

لیست انتخاب (Dropdown) در AngularJS

• ساختن یک dropdown با استفاده از ng-options
• مقایسه ng-options با ng-repeat
• برای چه باید استفاده کنیم؟
• منبع داده(Data Source) به صورت یک object

Controller ها در AngularJS

• AngularJS Controllers
• تشریح برنامه ی فوق
• متدهای کنترلگر
• تعریف کنترلگرها در فایل های خارجی
• مثال دیگر

محدوده (Scope) در AngularJS

• چگونه از Scope استفاده کنیم؟
• درک کردن Scope
• Scope خود را بشناسید
• هر  المان  به همان object تکرارشونده دسترسی دارد در این مورد یک رشته با  x نشان داده شده است
• Scope ریشه

فیلترها در  AngularJS

• افزودن فیلتر به عبارت ها
• فیلتر currency
• افزودن فیلتر به Directive ها
• فیلتر کردن ورودی

سرویس های AngularJS

• سرویس چیست؟
• چرا از سرویس ها استفاده می کنیم؟
• سرویس $http
• سرویس $timeout
• سرویس $interval
• ساختن سرویس شخصی
• استفاده کردن از یک سرویس دلخواه داخل یک فیلتر

AngularJS  و سرویس http$

• فراهم کردن دادن داده ها
• AngularJS $http یک سرویس اصلی است که برای خواندن اطلاعات از سرویس دهنده های وب کاربرد دارد

جداول در  AngularJS

• نمایش دادن داده ها در جدول
• نمایش دادن اطلاعات به وسیله ی استایل css
• نمایش دادن به وسیله ی فیلتر uppercase
• نشان دادن اندیس جدول(index$)
• استفاده از $even و $odd

AngularJS و Twitter Bootstrap

• BootStrap
• کد HTML
• شرح دستورات بکار رفته در نمونه ی فوق
• تشریح کلاس های bootstrap
• کد جاوا اسکریپت
• شرح کد جاوا اسکریپت

AngularJS – واکشی و خواندن اطلاعات از پایگاه داده SQL

• نمونه هایی از کد سرور
• درخواست های HTTP از چندین سایت / cross-site
• کد سرور PHP و MySQL
• کد سرور PHP و MS Access
• کد سرور ASP NET، VB Razor و SQL Lite
• کد سرور ASP NET، VB Razor و SQL Lite

مدل شی گرای سند – DOM  HTML در AngularJS

• دستور ng-disabled
• دستور ng-show
• دستور ng-hide

رخدادها در angularJS

• دستور ng-click
• پنهان سازی المان های HTML
• نمایش دادن عناصر HTML

فرم ها در AngularJS

• کنترل های HTML
• فرم های HTML
• نمونه ای از فرم AngularJS

اعتبارسنجی ورودی در AngularJS

• Input Validation
• کد برنامه ی نمونه

رابط برنامه سازی کاربردی (API) در AngularJS

• API ی سراسری AngularJS
• نمونه ای از کاربرد تابع ()angularlowercase
• نمونه ای از تابع ()angularuppercase
• نمونه ای از تابع() angularisString
• تابع ()angularisNumber

AngularJS و WCSS

• WCSS
• کد HTML
• توضیح Directiveهای استفاده شده در مثال بالا
• توصیف کلاس های WCSS
• کد JavaScript
• توضیح کدهای Java Script

Includes در AngularJS

• تزریق کد AngularJS به همراه HTML

انیمیشن AngularJS

• انیمیشن چیست؟
• به چه چیزهایی نیاز داریم؟
• ngAnimate چه کاری انجام می دهد؟
• انیمیشن به استفاده از CSS
• خاصیت انتقال (CSS Transition) ها
• خاصیت Animation CSS ها

برنامه ی تحت وب AngularJS

• نمونه ای از یک برنامه ی AngularJS
• اسکلت و ساختار برنامه ی کاربردی AngularJS
• چکیده – برنامه چگونه کار می کند؟