برچسب: AngularJS 1.4

دوره آموزش AngularJS – کنترل‌گرها (کنترلر AngularJS)

دوره آموزش AngularJS – کنترل‌گرها (کنترلر AngularJS)

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

عمومی‌ترین راه برای تقویت‌کردن لایه‌ی نمایش (View Layer) اپلیکیشن انگولار‌جی‌اس با کمک Javascript، استفاده از کنترل‌گر (Controller) است. ساده‌ترین راه نوشتن یک کنترل‌گر نوشتن آن با روش آشنای نوشتن یک تابع سازنده (Constructor Function) است.

بیشتر

دوره آموزش AngularJS – مبانی

دوره آموزش AngularJS – مبانی بخش اول

AngularJS یک فریمورک اپلیکیشن سمت-کاربر است که HTML را بازتعریف می‌کند.

اگر شما یک توسعه‌دهنده‌ی وب باشید، حتما AngularJS را با دیگر فریمورک‌ها و کتابخانه‌های معروف جاوااسکریپت دیگر، همچون jQuery، Knockout، Backbone، Ember و حتی React مقایسه کرده‌اید. بطور مشابه، اگر اطلاعاتی راجع به توسعه رابط کاربری گرافیکی داشته باشید، حتما با الگو‌های MVC، MVVM و یا MVW آشنایی دارید. دانستن این نکات طبیعی می‌باشد، اما می‌تواند درک شما از AngularJS را تحت تاثیر قرار دهد. در نتیجه در این بخش، دوره آموزش AngularJS – مبانی، توصیه می‌شود که به AngularJS تنها به شکل یک فریمورک جاوااسکریپت نگاه کنید. کلیه دانش خود در مورد طراحی رابط گرافیکی، الگو‌های طراحی و دیگر فریمورک‌ها و کتابخانه‌ها را فراموش کنید. به مطالب این بخش نگاه کنید تا متوجه شوید AngularJS چگونه عمل می‌کند. یا بهتر بگویم، آنرا تنها به شکل یک توسعه‌دهنده‌ی HTML ببینید.

در این بخش، سه ساختار اصلی و پایه‌ی AngularJS را فرا‌خواهیم گرفت. عبارات (Expressions)، رهنمود‌ها (Directives) و حوزه‌ها (Scopes). البته قبل از توضیح این سه ساختار اصلی و پایه، به نحوه‌ی اضافه نمودن AngularJS به پروژه‌ها و راه‌اندازی آن می‌پردازیم.

بیشتر

دوره‌ آموزش AngularJS

مختصری راجع به دوره‌ آموزش AngularJS

دوره‌ آموزش AngularJS دوره‌ای برای آشنایی با فریمورک AngularJS از سطح مبتدی تا متوسط است. در طی دوره‌ آموزش AngularJS از ساده‌ترین مفاهیم این فریمورک شروع خواهیم کرد و گام به گام با ویژگی‌ها، امکانات و نکات تولید برنامه‌ی تک صفحه‌ای (SPA – Single Page Application) با الگوی MVC آشنا خواهیم شد.

برنامه‌ی تک صفحه‌ای (SPA) چیست؟

برنامه‌ی تک صفحه‌ای که از این به بعد به آن SPA می‌گوییم، برنامه‌ی تحت وب است که کاربر برای استفاده‌ از آن نیازی به رفت و آمد میان صفحات مختلف ندارد. یعنی با یکبار بارگذاری صفحه، کلیه‌ی درخواست‌های کاربر در همان صفحه بدون هیچگونه رفرش صفحه انجام می‌شود. بهترین نمونه‌های اینگونه از برنامه‌ها را می‌توان سرویس ایمیل Gmail و Outlook شمرد.

الگوی MVC چیست؟

MVC مخفف سه کلمه Model (مدل ) و View(نمایشگر) و controller( کنترلگر) است. هدف از این الگو در برنامه‌نویسی جداسازی بخش منطق برنامه از بخش نمایش برنامه هست. این جداسازی مزایای بسیاری برای پروژه‌های نیمه‌بزرگ و بزرگ برنامه‌نویسی به ارمغان میاورد که سختی اولیه‌ی آشنایی و برنامه‌نویسی در چارچوب این الگو را کاملا توجیه می‌نماید.

سرفصل‌های دوره‌ آموزش AngularJS

برای دوره‌ آموزش AngularJS سرفصل‌هایی مطابق فهرست زیر در نظر گرفته شده. اما امکان تغییر این فهرست و کم یا زیاد شدن سرفصلی وجود دارد.

  1. معرفی (Introduction)
    1. معرفی AngularJS
    2. AngularJS چیست؟
    3. راهکار کاملی برای اپلیکیشن سمت-کاربر
    4. AngularJS برای کدام اپلیکیشن‌ها مفید است؟
    5. تفکر به سبک AngualarJS
    6. درباره دوره آموزش AngularJS
  2. مبانی (Basics)
    1. عبارات Expressions
    2. رهنمود‌ها Directives
    3. حوزه‌ها Scopes
  3. کنترل‌گرها (کنترلر Controller)
    1. رهنمود ng-controller
    2. ایجاد مدل
    3. کنترل‌گر بعنوان نام‌خاصیت (Controller as propertyName)
    4. تزریق وابستگی‌ Dependency Injection
    5. شیء $scope
    6. مدل-نمایش-کنترل‌گر Model-View-Controller
    7. قابلیت‌ها
    8. Callbacks
  4. حوزهها (اسکوپ Scope)
  5. مجموعه‌‌ها ( کالکشن‌ Collection)
  6. ماژول‌ها (Module)
  7. Dependency Injection
  8. سرویس‌ها (Service)
  9. فیلتر‌ها (Filter)
  10. دایرکتیو‌ها (Directive)
  11. حوزه‌های دایرکتیو (Directive Scope)
  12. مسیر‌یابی (Routing)
  13. HTTP
  14. بخش پایانی

سخن پایانی

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

لینک‌ها