آموزش مقدماتی AngularJS برای ساخت اپلیکیشن های تک صفحه ای

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

AngularJS یک فریمورک محصول شرکت Google است که ساخت اپلیکیشن های تک صفحه مانند Gamil را برای ما ممکن می سازد. در حال حاضر سرویس “بام” بانک ملی ایران و چندین سایت پر بازدید ایرانی از این ابزار قدرتمند برای سرویس دهی به کاربرانشان استفاده می کند و این موضوع قدرت و ضریب نفوذ AngularJS را نشان می دهد. چرا که AngularJS تجربه بسیاری دلچسبی را برای کاربران نهایی به ارمغان می آورد.

فهرست سرفصل ها و رئوس مطالب مطرح شده در این مجموعه آموزشی، در ادامه آمده است:

• درس یکم: مقدمه ای بر AngularJS
  • ساختار AngularJS
  • ساخت دموی سلام دنیا در AngularJS
  • معرفی اپلیکیشن EventReg در AngularJS
  • نسخه های AngularJS و ابزارهای مورد نیاز
  • AngularJS Seed
• درس دوم: Controller و Markup
  • ساخت دمو برای Controllers
  • ساخت دمو برای نمایش اطلاعات تکرار شونده
  • ساخت دمو برای رسیدگی به Event ها
  • Directives های داخلی
  • Event Directives ها
  • Directives های دیگر بخش ۱
  • Directives های دیگر بخش ۲
  • محدودیت های IE
  • اصطلاحات
  • فیلترها
  • فیلترهای داخلی
  • نوشتن فیلترهای سفارشی
  • اتصال دو طرفه
  • ساخت دمو برای اتصال دو طرفه
  • اعتبار سنجی
• درس سوم: ساخت و استفاده از سرویس ها
  • مقدمه ای بر سرویس ها
  • ساخت اولین سرویس سفارشی شما
  • مثالی دیگر از یک سرویس سفارشی
  • مقدمه ای بر سرویس های داخلی AngularJS
  • دموی استفاده از سرویس های $http و $q به صورت همزمان
  • دموی استفاده از سرویس های $resource و $q به صورت همزمان
  • دموی استفاده از سرویس$anchorScroll
  • دموی استفاده از سرویس $cacheFactory
  • دموی استفاده از سرویس $compile
  • دموی استفاده از سرویس $parse
  • دموی استفاده از سرویس $locale
  • دموی استفاده از سرویس $timeout
  • دموی استفاده از سرویس $exceptionHandler
  • دموی استفاده از سرویس $filter
  • دموی استفاده از سرویس $cookieStore
  • مروری بر سرویس های کم اهمیت تر
• درس چهارم: مسیر یابی
  • مقدمه ای بر مسیر یابی
  • وب سایت های قدیمی
  • اپلیکیشن های تک صفحه ای
  • دموی اضافه کردن اولین مسیریاب
  • دموی مسیر یابی بیشتر و تاریخچه مرورگر
  • دموی ساخت مسیر پیش فرض
  • دموی دسترسی به پارامترها از طریق مسیریاب
  • دموی استفاده از سرویس $route
  • دموی فعال سازی مسیریابی HTML5
  • دموی قالب و حل و فصل خواص
  • دموی استفاده از سرویس $location
• درس پنجم: ساخت Directive های سفارشی
  • مقدمه ای بر Directive ها
  • ساخت اولین Directive
  • حوزه زبان خاص با عناصر سفارشی
  • بررسی Scope Binding های ایزوله
  • ایزوله کردن Scope Directive
  • رسیدگی به Event ها با استفاده از Directive ها
  • مشاهده و پاسخ به تغییرات
  • استفاده از Controller ها داخل Directive ها
  • اشتراک گذاری کنترلر های Directive با Require
  • اولویت بندی Directive ها و استفاده از ترمینال
  • استفاده از Require در Directive های تو در تو
  • درک Transclusion
  • استفاده از Compile برای تغییر DOM
  • صریح تر کردن jQuery با استفاده از Directive ها
• درس ششم: Testing
  • مقدمه ای بر Jasmin
  • مقدمه ای بر Karma
  • استفاده از Karma
  • تعریف منطق داده های فیلم ها
  • استفاده از تابع Module
  • استفاده از تابع Inject
  • ساخت ماژول MODB و Refactor کردن آن
  • دیباگ کردن با استفاده از Dump