دسته: دوره آموزش AngularJS

دوره آموزش 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 – معرفی

زبان نشانه‌گذاری فرا‌متن (HTML – HyperText Markup Language) در سال ۱۹۹۰ توسط Tim Berners-Lee، ساخته شده. در ابتدا HTML تنها برای ساخت صفحات وب استاتیک استفاده می‌شد که با استفاده از فرا‌پیوند (Hyperlink)‌ها میتوانستیم این صفحات را به هم متصل کنیم و در بین آنها بگردیم. پس از آن در سال ۱۹۹۳، واسط دروازه‌ی مشترک (CGI – Common Gateway Interface) معرفی شد، که این امکان را میداد تا صفحات پویا (Dynamic) را که در سمت سرور ساخته می‌شدندبه کاربر ارایه شوند. در نتیجه زبان‌های جدیدی همچون پرل (Pearl)، پی‌اچ‌پی (PHP)، جاوا (JAVA)، ای‌اس‌پی (ASP) و.. برای تولید این صفحات پویا ارایه شدند.

بدلیل اینکه اینگونه زبان‌ها و تکنولوژی‌های جدید، تنها معطوف به سمت سرور بودند، هنوز تولید برنامه‌های تحت وبی که بتواند تجربه‌ای شبیه به برنامه‌های دسکتاپی ارایه دهند ناممکن به نظر میرسید. البته در این بین ارایه Flash و Silverlight توانست تولید برنامه‌های تحت وب به تجربه کاربری مناسبی‌ را با استفاده از پلاگین‌ها ممکن سازد.

اما، در نهایت راهکاری اصلی و مناسب بدون هیچگونه پلاگین اضافه‌ای با گسترش قالبیت‌های HTML، CSS و Javascript بوجود آمد. قابلیت‌هایی که اجازه ارایه تجربه‌ی کاربری بسیار مناسبی در برنامه‌های تحت وب میدادند.

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

معرفی AngularJS

در سال ۲۰۰۹ این فریمورک توسط Miško Hevery و Adam Abrons ساخته شد. اما ظهور آن،‌ در سال ۲۰۱۰ بود. زمانیکه Hevery بر روی پروژه‌ی Google Feedback، کار می‌کرد. این پروژه در نهایت با ۱۷ هزار خط کد به پایان رسید. اما گروه از سرعت تولید و همچنین تعداد خط کد‌های آن راضی نبودند. برای همین Hevery شرط بست که این پروژه را با فریمورک خودش در طی دو هفته بازنویسی می‌کند. بعد از سه هفته و تنها با ۱۵۰۰ خط کد او پروژه را آماده کرد. اینروزها فریمورک او در بیش از ۱۰۰ پروژه‌ی گوگل مورد استفاده قرار می‌گیرد. نام فریمورک هم توسط Abrons، بدلیل علامت شروع تگ در HTML، یعنی “<” انتخاب شد.

بیشتر

دوره‌ آموزش 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 منتشر کنم. در نتیجه اعلام نظرات شما دوستان درباره‌ی هر بخش این دوره در کاملتر شدن دوره و در نهایت دوره‌ی ویدیویی تاثیر گذار خواهد بود.

لینک‌ها