آموزش فارسی انگولار 6 ( شامل انگولار ۲ تا 6) + پروژه محور

کد دوره:‌ 951858
پرفروش
فهرست و سرفصل ها
  • فصل 1: معرفی دوره، مقدمه و تنظیمات اولیه نمایش رایگان
    30:30
  • فصل 2: ویرایش نرم‌افزار و نصب فریم ورک بوت استراپ نمایش رایگان
    29:42
  • فصل 3: کامپوننت‌‌‌‌‌‌‌‌ها (Components)
    24:49
  • فصل 4: ارتباط داده‌ای دو طرفه (Two-Way-Databinding)
    35:40
  • فصل 5: دستورها (Directives)
    31:27
  • فصل 6: پروژه عملی فروشگاه اینترنتی (قسمت اول)
    57:31
  • فصل 7: فایل‌های پروژه فروشگاه اینترنتی (قسمت اول)
    -
  • فصل 8: خطایابی (Debugging)
    14:19
  • فصل 9: سطح پیشرفته کامپوننت‌ها (قسمت اول)
    34:40
  • فصل 10: سطح پیشرفته کامپوننت‌ها (قسمت دوم)
    15:06
  • فصل 11: سطح پیشرفته کامپوننت‌ها (قسمت سوم)
    23:48
  • فصل 12: پروژه عملی فروشگاه اینترنتی (قسمت دوم)
    40:42
  • فصل 13: فایل‌های پروژه فروشگاه اینترنتی (قسمت دوم)
    -
  • فصل 14: سطح پیشرفته دستورها (Directives) - قسمت اول
    22:44
  • فصل 15: سطح پیشرفته دستورها (Directives) - قسمت دوم
    20:56
  • فصل 16: پروژه عملی فروشگاه اینترنتی (قسمت سوم)
    07:08
  • فصل 17: فایل‌های پروژه فروشگاه اینترنتی (قسمت سوم)
    -
  • فصل 18: سرویس ها (Services) و تزریق وابستگی (DI)
    34:00
  • فصل 19: پروژه عملی فروشگاه اینترنتی (قسمت چهارم)
    44:57
  • فصل 20: فایل‌های پروژه فروشگاه اینترنتی (قسمت چهارم)
    -
  • فصل 21: مسیردهی (Routing) - قسمت اول
    25:36
  • فصل 22: مسیردهی (Routing) - قسمت دوم
    40:27
  • فصل 23: مسیردهی (Routing) - قسمت سوم
    24:15
  • فصل 24: احراز هویت کاربران (Gaurd و Authentication)
    25:12
  • فصل 25: ارسال پارامترها توسط مسیردهی (Routing)
    17:37
  • فصل 26: پروژه فروشگاه اینترنتی (قسمت پنجم)
    31:19
  • فصل 27: فایل‌های پروژه فروشگاه اینترنتی (قسمت پنجم)
    -
  • فصل 28: Observable یا مشاهده کننده و Observer یا مشاهده گر
    24:52
  • فصل 29: Subject ها و عملگرها (Operator) در پکیج RxJs
    20:59
  • فصل 30: پروژه فروشگاه اینترنتی (قسمت ششم)
    08:23
  • فصل 31: فایل پروژه فروشگاه اینترنتی (قسمت ششم)
    -
  • فصل 32: فرم ها با رویکرد Template-Driven (قسمت اول)
    32:39
  • فصل 33: فرم ها با رویکرد Template-Driven (قسمت دوم)
    32:16
  • فصل 34: فرم ها با رویکرد Reactive (قسمت اول)
    21:27
  • فصل 35: فرم ها با رویکرد Reactive (قسمت دوم)
    31:24
  • فصل 36: پروژه فروشگاه اینترنتی (قسمت هفتم)
    1:23:15
  • فصل 37: فایل پروژه فروشگاه اینترنتی (قسمت هفتم)
    -
  • فصل 38: معرفی Pipe ها و راه اندازی فیلتر
    35:09
  • فصل 39: معرفی Api و درخواست های HttpClient
    45:28
  • فصل 40: مدیریت درخواست های Http و کار با Http Interceptor
    25:24
  • فصل 41: پروژه فروشگاه اینترنتی (قسمت هشتم)
    16:52
  • فصل 42: فایل پروژه فروشگاه اینترنتی (قسمت هشتم)
    -
  • فصل 43: احزار هویت کاربران با استفاده از Token
    38:58
  • فصل 44: بهینه سازی ماژول ها
    24:33
  • فصل 45: Lazy Loading ماژول ها و بهینه سازی کدها
    27:15
  • فصل 46: فایل های پروژه فروشگاه اینترنتی (قسمت نهم)
    -
  • فصل 47: انیمیشن ها در انگولار (قسمت اول)
    17:59
  • فصل 48: انیمیشن ها در انگولار (قسمت دوم)
    10:51
  • فصل 49: کار با Unit Testing در انگولار
    43:13
  • فصل 50: سئو در انگولار - راه اندازی Universal Rendering
    53:12
  • فصل 51: سئو در انگولار - افزودن Meta Tags و Title به صفحات
    13:04
  • فصل 52: فایل های پروژه فروشگاه اینترنتی (قسمت دهم)
    -
  • فصل 53: بارگذاری نرم افزار بر روی هاست اشتراکی یا سرور اختصاصی
    12:21
  • فصل 54: کلیه فایل های دوره آموزشی انگولار
    -
  • فصل 55: ویژگی های جدید انگولار 6 و تبدیل انگولار 5 به 6
    20:28
  • فصل 56: معرفی و آموزش کار با Angular Element در انگولار 6
    19:50
توضیحات دوره

دوره آموزش انگولار ۶ به زبان فارسی به شما کمک می‌کند تا یک فرانتندکار (Frontend) حرفه‌ای شوید. اگر چنانچه هیچ دانشی درباره فریم ورک‌های جاوا اسکریپت ندارید اصلا نگران نباشید چون در این دوره شما را از یک فرد کاملا مبتدی به یک برنامه نویس حرفه‌ای در این زمینه تبدیل می‌کنیم.

angular-6-learning_thumb.jpg

مخاطب دوره آموزش فارسی انگولار ۶ کیست؟

  • تمام افراد مبتدی و همچنین توسعه‌دهندگان حرفه‌ای و پیشرفته که علاقه‌مند به یادگیری یک فریم ورک سطح بالا هستند
  • این دوره برای همه‌ی علاقه‌مندان به طراحی وب سمت کاربر (Frontend) و فول استک‌ها (Full Stack) مناسب است.

با یاد گیری این دوره شما می‌توانید جزو اولین کسانی باشید که از انگولار درک عمیقی پیدا کرده‌اید.

پیش‌نیازها

  • نیازی به دانش انگولار ‍۱ یا انگولار ۲ و ۴ نیست
  • یادگیری اصول اولیه زبان HTML و CSS (در سطح مقدماتی)
  • دانش اولیه در ارتباط با زبان تایپ اسکریپت (TypeScript) - برای یادگیری اینجا کلیک کنید
  • دانش اولیه و مقدماتی درباره زبان جاوا اسکریپت (JavaScript)

شرح دوره

این دوره به آموزش انگولار ۶ به زبان فارسی می‌پردازد و در طی فصول متفاوت شما را از یک فرد کاملا مبتدی به یک برنامه نویس حرفه‌ای سمت کاربر (Frontend) تبدیل می‌کند. این آموزش فارسی به گونه‌ای ارائه شده است که از نصب تا راه اندازی انگولار ۶ روی سرور واقعی را‌ به شما آموزش می‌دهد. هر آنچه که درباره کامپوننت‌های انگولار، دستورها، سرویس‌ها، فرم‌ها، دسترسی Http، احزار هویت (Authentication)، بهینه‌سازی نرم افزار انگولاری و ... لازم باشد به شما ارائه می‌دهیم. به طور کلی شما در طی این دوره یاد می‌گیرید که چگونه یک وب اپلیکیشن مشابه موبایل در سطح اینترنت راه اندازی کرده تا کاربران از تجربه کاربری فوق العاده‌ای بهره ببرند.

این دوره به شما تمام اصول مرتبط با ماژول‌ها، مسیریابی (Routing)، ارتباط با api، ارتباط دو طرفه (DataBinding) و .. را به زبان بسیار ساده آموزش می‌دهد. به زبان عامیانه اینجا شما به صورت کامل غواصی در عمق انگولار رو یاد می‌گیرید. :)

ما در دوره آموزش انگولار ۶ به سوالات زیر پاسخ خواهیم داد:

  • معماری انگولار ۲، ۴ یا 5 یا 6 چگونه است؟
  • چطور از زبان تایپ اسکریپت (TypeScript) برای آموزش انگولار 5 استفاده کنم؟
  • دستورها (Directives) و کامپوننت‌ها (Components) چی هستند؟
  • ارتباط دو طرفه داده‌ای (Two-Way-Databinding) چیست و چگونه کار می‌کند؟
  • مسیریابی (Routing) و ناوبری (Navigation) را چطوری باید انجام داد؟
  • پایپ (Pipe) در انگولار چه مفهومی دارد؟
  • چطور انگولار را به سرور api متصل کنم؟
  • تزریق وابستگی در انگولار چیست و چه کاربردی دارد؟
  • چگونه از ماژول‌ها در انگولار استفاده کنم؟
  • چطور نرم افزار‌های حجیم انگولاری را بهینه کنم تا سرعت وب سایت افزایش پیدا کند؟
  • ساخت یک پروژه از ۰ تا ۱۰۰ وب سایت انگولاری
  • و ...

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

انگولار یکی از مدرن‌ترین فریم‌ورک‌های فرانتند (Frontend) بوده که هر برنامه‌نویس سمت کاربر باید یکی از این فریم‌ورک‌ها را به صورت حرفه‌ای یاد بگیرد. این فریم ورک قابلیت تولید وب اپلیکیشن‌های بسیار قدرتمند و پیچیده را فراهم می‌کند تا تجربه‌ی کاربری (User Experiences) را افزایش داده و تعامل کاربر با وب سایت طراحی شده را بسیار لذت بخش کند. تمام اصولی که باید درباره این فریم‌ورک بدانید درون این دوره گنجانده شده است. ما به شما راه ساخت سریع وب سایت‌های انگولاری را می‌آموزیم.

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

و اما سوال خیلی مهم!

چرا انگولار؟

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

در حال حاضر انگولار ۶ به عنوان آخرین نسخه این فریم‌ورک معرفی شده است. البته لازم به ذکر است افرادی که با انگولار ۲ یا ۴ یا ۵ کار می‌کنند با استفاده از این آموزش می‌توانند سطح معلومات خود را بسیار حرفه‌ای تر کنند. زیرا تفاوت‌های بین ورژن ۲، ۴ و 5 و ۶ بسیار جزئی بوده ولی کلیات مباحث همان است.

سرفصل‌های این دوره

مقدمه، نصب و راه اندازی اولیه

  • معرفی دوره و مدرس
  • انگولار چیست؟
  • تفاوت بین Angularjs و Angular 2 و Angular 4 و Angular 5 و Angular 6
  • ساخت اولین پروژه
  • ویرایش اولین پروژه
  • برنامه‌ریزی دوره
  • معرفی ابزار قدرتمند Angular CLI
  • زبان تایپ اسکریپت (TypeScript) چیست؟
  • نصب و راه‌اندازی بوت استراپ روی انگولار

شرح مختصر مفاهیم بنیادی

  • معرفی ماژول‌ها (Modules)
  • توضیح نحوه‌ی کارکرد نرم‌افزارهای انگولاری
  • معرفی کامپوننت‌ها و ساخت یک کامپوننت جدید
  • درک مفاهیم ماژول‌ها و تعریف کامپوننت‌ها
  • تعریف کردن کامپوننت‌های دلخواه با استفاده از CLI
  • کار با قالب‌های HTML در کامپوننت‌ها
  • کار با استایل‌ها در کامپوننت‌ها
  • درک عمیق درباره سلکتورهای (معرف‌های) کامپوننت‌ها
  • معرفی ارتباط داده‌ای یا Databinding
  • معرفی روش ارتباط داده‌ای String Interpolation
  • معرفی Property Binding
  • مقایسه String Interpolation و Property Binding
  • معرفی Event Binding
  • ارسال داده‌ها با استفاده از Event Binding
  • معرفی ارتباط داده‌ای دو طرفه (Two-Way Databinding)
  • ترکیب روش‌های ارتباط داده‌ای با فرم‌ها
  • معرفی دستورها (Directives)
  • معرفی و استفاده دستورهای ساختاری ngIf و ngIf Else
  • معرفی دستورهای صفتی ngStyle
  • افزودن کلاس‌های CSS پویا به تگ‌ها با دستور صفتی ngClass
  • آموزش نحوه‌ی استفاده از دستور ساختاری ngFor

پروژه ساخت وب سایت فروشگاه اینترنتی (قسمت اول)

  • معرفی پروژه
  • برنامه‌ریزی و طراحی پروژه
  • نصب نرم‌افزار انگولار و وابستگی‌ها
  • ایجاد کامپوننت‌های مورد نیاز
  • استفاده از کامپوننت‌ها
  • افزودن منوی اصلی فروشگاه
  • معرفی و ایجاد مدل‌ها
  • نمایش لیست محصولات
  • نمایش جزئیات محصول
  • نمایش لیست خرید
  • ویرایش لیست خرید

خطایابی

  • معرفی و آموزش خطایابی نرم‌افزارهای انگولاری
  • خطایابی نرم افزارهای انگولاری با استفاده از مرورگرها
  • معرفی، نصب و آموزش استفاده از ابزار Augury

سطح پیشرفته کامپوننت‌ها

  • معرفی ماژول‌ها
  • جداسازی نرم‌افزار به واحد‌های کوچک کامپوننت‌ها
  • معرفی عمیق Property Binding و Event Binding
  • تعریف یک Property Binding دلخواه و افزودن نام مستعار به آن
  • تعریف یک Event Binding دلخواه و معرفی EventEmiter
  • معرفی مفاهیم کپسوله‌سازی در انگولار 
  • استفاده از لوکال رفرنس‌ها (Local Reference) در قالب HTML
  • دسترسی به تگ‌های قالب HTML و DOM توسط ViewChild@
  • معرفی ng-content و نحوه‌ی استفاده به آن
  • یادگیری چرخه حیات انگولار یا Lifecycle
  • معرفی هوک‌های (Hooks) انگولار و نحوه‌ی تعامل آنها با قالب
  • دسترسی به ng-content با استفاده از ContentChild@

پروژه ساخت وب سایت فروشگاه اینترنتی (قسمت دوم)

  • معرفی کامپوننت‌ها و روش ارتباط داده‌ای در پروژه
  • افزودن منو با استفاده از Event Binding و دستور ngIf
  • ارسال داده‌های محصولات با استفاده از Property Binding
  • ارسال داده‌های ترکیبی با استفاده از ngModel
  • افزودن اطلاعات به لیست خرید توسط کاربر

سطح پیشرفته دستورها (Directives)

  • معرفی ماژول‌ها
  • معرفی دستورهای ساختاری ngFor و ngIf به صورت عمیق
  • معرفی دستورهای صفتی ngClass و ngStyle به صورت عمیق
  • ساخت دستورهای صفتی 
  • استفاده از HostListener برای گوش دادن به رویدادها
  • اتصال داده‌ها به دستورهای صفتی
  • پاسخ به سوال: در پشت صحنه دستورها چه اتفاقی می‌افتد؟
  • درک دستور ngSwitch

پروژه ساخت وب سایت فروشگاه اینترنتی (قسمت سوم)

  • افزودن دستورها به پروژه

معرفی سرویس‌ها و تزریق وابستگی

  • معرفی ماژول‌های مورد نیاز
  • چرا باید از سرویس‌ها استفاده کنیم؟
  • ساخت سرویس ورود کاربران
  • تزریق سرور ورود کاربران به کامپوننت
  • ساخت سرویس داده‌ها
  • درک مفهوم تزریق وابستگی
  • تزریق یک سرویس درون سرویس‌های دیگر
  • استفاده از یک سرویس برای چندین کامپوننت

پروژه ساخت وب سایت فروشگاه اینترنتی (قسمت چهارم)

  • معرفی سرویس‌ها
  • نصب سرویس‌ها
  • مدیریت سرویس‌های محصولات و کاربران
  • افزودن سرویس‌ها به پروژه جهت حذف و یا اضافه کردن سبد خرید

مسیردهی (Routing)

  • معرفی ماژول‌های موردنیاز
  • چرا باید از مسیردهی استفاده کنیم؟
  • راه‌اندازی مسیر‌های اولیه و بارگذاری مسیرها
  • اختصاص دادن لینک‌ها به مسیرها
  • درک مفهوم مسیرهای ناوبری
  • استایل دادن به مسیرهای فعال
  • ناوبری (Navigation) داینامیک و پویا بر اساس ID 
  • استفاده از مسیرهای نسبی (Relative Path) در برنامه‌نویسی ناوبری
  • ارسال پارامتر به مسیرها
  • بررسی پارامترها در مسیرها
  • ارسال پارامترهای کوئری و فرگمنت‌ها (#)
  • بازیابی و تحلیل پارامترهای کوئری و فرگمنت‌ها (#)
  • راه‌اندازی مسیرهای تودر تو
  • نحوه ریدایرکت کردن (Redirecting) و Wildcard در مسیرها
  • معرفی Guards یا محافظان مسیرها
  • حفاظت از برخی مسیرها با استفاده از canActivate
  • حفاظت از مسیرهای فرزند تو در تو با استفاده از canActiveChild
  • راه اندازی سرویس Auth برای احراز هویت
  • کنترل دسترسی به مسیر با استفاده از canDeactivate
  • ارسال داده‌های ثابت به مسیرها
  • درک استراتژی موقعیت و مکان مسیرها در انگولار

پروژه وب سایت فروشگاه اینترنتی (قسمت پنجم)

  • برنامه‌ریزی و طراحی مسیرها
  • نصب مسیرها
  • اضافه کردن ناوبری بین مسیرها
  • افزودن استایل به صفحات فعال
  • حل کردن مشکل بارگذاری مجدد صفحات
  • استفاده از مسیرهای فرزند
  • اضافه کردن مسیرهای تو در تو
  • تنظیم پارامترهای مسیرها
  • ارسال پارامترهای داینامیک به مسیرها
  • افزودن مسیرهای ویرایش محصول

مشاهده‌کننده و مشاهده‌گر (Observable و Observer)

  • معرفی ماژول‌ها
  • آنالیز و تحلیل مشاهده‌کننده‌های داخلی انگولار
  • ساخت اولین مشاهده‌کننده (Observable) در انگولار
  • ساخت و استفاده از Observableهای دلخواه از صفر تا صد
  • استفاده از دستور Subscribe و Unsubscribe
  • معرفی و استفاده از Subjectها برای ارسال داده
  • درک عملگرهای موجود در مشاهده کننده‌ها یا Observables

پروژه وب سایت فروشگاه اینترنتی (قسمت ششم)

  • بهبود عملکرد سرویس‌ها با استفاده از Observablesها و Subjectها

کار کردن با فرم‌ها در انگولار

  • معرفی ماژول فرم‌ها
  • مقایسه رویکرد Template-Driven یا TD و Reactive
  • تعریف یک مثال از فرم‌ها
  • ساخت یک فرم ثبت نام و کنترل آن با رویکرد TD
  • ثبت اطلاعات درون فرم با رویکرد TD
  • درک مفهوم موقعیت فرم‌ها با رویکرد TD
  • دسترسی به فرم‌ها با استفاده از ViewChild@ با رویکرد TD
  • افزودن اعتبارسنجی به ورودیهای فرم با رویکرد TD
  • نمایش خطاهای اعتبارسنجی با رویکرد TD
  • استفاده از ngModel‌در فرم‌ها و Two-way Databinding با رویکرد TD
  • گروه‌بندی فرم‌ها با رویکرد TD
  • کار کردن با دکمه‌های رادیویی با رویکرد TD
  • بروزرسانی اطلاعات یک فرم با رویکرد TD
  • استفاده از داده‌های فرم‌ها با رویکرد TD
  • بازنویسی کردن و پاک کردن اطلاعات موجود در فرم‌ها با رویکرد TD
  • معرفی رویکرد Reactive
  • نصب رویکرد Reactive
  • ساخت یک فرم با رویکرد Reactive
  • تنظیم قالب HTML و فرم با استفاده از رویکرد Reactive
  • افزودن اعتبارسنجی با رویکرد Reactive
  • دستیابی به کنترل‌ها با رویکرد Reactive
  • گروه‌بندی فرم‌ها با رویکرد Reactive
  • آرایه‌های فرم‌ها یا FormArray در رویکرد Reactive
  • ساخت اعتبارسنجی‌های دلخواه با رویکرد Reactive
  • نمایش خطاهای فرم‌ها با رویکرد Reactive
  • ساخت اعتبارسنجی‌های غیرهمزمان (Async) با رویکرد Reactive
  • بروزرسانی اطلاعات فرم‌ها با رویکرد Reactive

پروژه وب سایت فروشگاه اینترنتی (قسمت هفتم)

  • افزودن فرم‌ها به محصولات با رویکرد TD
  • افزودن اعتبارسنجی‌ها به فرم‌ها
  • بارگذاری اطلاعات لیست خرید درون فرم
  • ویرایش فرم محصولات
  • بازنویسی فرم‌ها
  • اجازه دادن به کاربر جهت حذف اطلاعات درون فرم‌ها
  • کار کردن با رویکرد Reactive در بخشی از پروژه
  • اعتبارسنجی ورودی‌های کاربران
  • ثبت اطلاعات

معرفی Pipeها

  • معرفی و مقدمه‌ای بر Pipeها در انگولار
  • استفاده از Pipeها
  • پارامترگذاری کردن Pipeها
  • ساخت Pipe‌ دلخواه
  • ساخت یک فیلتر برای جستجو
  • درک Pipeهای غیرهمزمان یا async

درخواست‌های پروتکل HTTP و HttpClient

  • معرفی پروتکل Http و نحوه‌ی استفاده از آن در نرم‌افزارهای spa
  • ارسال درخواست‌ POST
  • افزودن هدر به درخواست‌ها
  • ارسال درخواست GET
  • ارسال درخواست PUT یا PATCH
  • انتقال پاسخ‌ها به ساده‌ترین شکل ممکن با استفاده از عملگرهای Observable‌ مثل ()map
  • استفاده از داده‌های بازگشتی
  • شفاف سازی خطاهای Http
  • استفاده از Pipe غیر همزمان (async) با متدهای Http

پروژه وب سایت فروشگاه اینترنتی (قسمت هشتم)

  • اتصال پروژه به یک پایگاه داده
  • دریافت اطلاعات از پایگاه داده
  • نمایش اطلاعات بر اساس متدهای Http

احراز هویت (Authentication) و محافظت از مسیرها

  • معرفی ماژول‌های احراز هویت
  • نحوه‌ی کارکرد احزار هویت در انگولار
  • ساخت صفحه عضویت کاربران و مسیردهی آن
  • استفاده از توکن
  • ارسال توکن جهت بررسی احزار هویت و اعلام وضعیت کاربر
  • افزدون دکمه خروج
  • محافظت از مسیرها و هدایت آنها به صفحات مشخص

بهینه‌سازی نرم‌افزار و ماژول‌ها

  • معرفی بهینه‌سازی
  • ایده‌ی موجود در ماژول‌ها
  • درک App Module
  • درک ویژگی‌های ماژول‌ها
  • ساخت ماژول‌های مشترک
  • ساخت ماژول Auth
  • درک مفهوم Lazy Loading در انگولار
  • افزودن ماژول‌های Lazy Loading به پروژه فروشگاه اینترنتی
  • آموزش نحوه کارکرد ماژول‌ها و تعامل آنها با سرویس‌ها
  • معرفی AoT‌ در انگولار و نحوه‌ی کار با آن

بارگذاری نرم افزار در اینترنت

  • معرفی ماژول‌های موردنیاز
  • ایجاد نسخه پروداکشن (محصول نهایی) جهت بارگذاری در اینترنت و هاست واقعی

انیمیشن در انگولار

  • معرفی انیمیشن‌ها در انگولار
  • نصب و راه‌اندازی اولین پروژه دارای انیمیشن
  • معرفی اینیمیشن‌های Triggers
  • تغییر موقعیت انیمیشن‌ها
  • استفاده از Transitionsها
  • استفاده از Transitionsها در سطح پیشرفته
  • استفاده از موقعیت viod
  • استفاده از Keyframeها برای انیمیشن‌سازی
  • گروه‌بندی Transitionsها
  • استفاده از کال بک‌ها (Callbacks) در انیمیشن‌ها

معرفی Unit Testing در انگولار

  • معرفی Unit Testing
  • چرا باید از Unit Testing استفاده کنیم؟
  • تحلیل و آزمایش نرم‌افزار تولید شده با اسفتاده از CLI
  • افزودن یک کامپوننت برای تست و آزمایش
  • تست کردن وابستگی‌ها مانند کامپوننت‌ها و سرویس‌ها
  • شبیه‌سازی کردن عملیات‌های غیرهمزمان (Async)
  • استفاده از دستور fakeAsunc و tick

آموزش سئو و انگولار یونیورسال (Angular Universal) در انگولار

  • معرفی سئو در انگولار
  • چرا باید فریم‌ورک‌های سمت فرانتند رو سئو کنیم؟
  • ایجاد main.server.ts
  • کار با tsconfig
  • کار کردن با SSR یا Server-Side-Rendering از طریق angular.cli.json
  • ساخت سرور با Nodejs
  • استفاده از Webpack برای بسته‌بندی داده‌ها

ویژگی های جدید انگولار 6

  • معرفی انگولار ۶ و نحوه آپدیت فایل های انگولار ۵
  • آشنایی با ساختار ng update
  • معرفی موتور رندر Ivy Renderer
  • آپدیت انگولار ۵ به ۶ (معرفی عملگرها و تغییرات RxJs 6)
  • معرفی RxJs6
  • تغییرات مربوط به HttpClient
  • تغییرات مربوط به قالب HTML شامل ng-template
  • معرفی Angular Element
  • آموزش ساخت یک Element در انگولار 6

انگولار (که پر استفاده ترین نسخه های آن "انگولار 6" یا "انگولار 5" است) یک فریم ورک سمت کاربر (front-end) رایگان و متن باز می باشد که توسط تیم توسعه انگولار در شرکت گوگل به زبان تایپ اسکریپت برنامه نویسی شده است. در واقع فریم ورک انگولار یک بازنویسی کامل از فریم ورک انگولار جی اس می‌ باشد.

تفاوت بین انگولار و انگولار جی اس

انگولار یک بازنویسی کامل و از صفر فریم ورک انگولار جی اس می باشد:

  • فریم ورک انگولار واژه‌هایی مانند اسکوپ (scope) یا کنترلر (controller) ندارد. به جای این واژه‌ها، الگوهایی مانند کامپوننت‌ ها، مدل‌ ها و سرویس‌ ها را در اختیار می‌ گذارد.
  • انگولار نگارش (syntax) متفاوتی داشته و بیشتر روی علامت "{{ }}" متمرکز است. علامت "{{ }}" برای ارتباط داده‌ای ویژگی ها و علامت "( )" برای ارتباط داده‌ای رویدادها مورد استفاده قرار می‌گیرد.
  • ماژولار بودن - اکثر توابع در فریم ورک انگولار به صورت ماژول‌ها (modules) تعریف می‌شوند.
  • انگولار با استفاده از زبان برنامه نویسی تایپ اسکریپت ایجاد شده است که در ادامه برخی از ویژگی‌های این زبان را مطرح خواهیم کرد:
    • این زبان از قابلیت شیءگرایی پشتیبانی می‌کند
    • داده‌های آن بر اساس نوع تعیین می‌شوند
  • زبان برنامه نویسی تایپ اسکریپت از ساختار ES6 یا اکمااسکریپت ۶ پشتیبانی می‌کند و علاوه بر این با ساختار ES5 (جاوا اسکریپت) سازگار است. به عبارت دیگر از زبان برنامه نویسی جاوا اسکریپت نیز پشتیبانی می کند. از ویژگی‌های بارز زبان‌های ES6 می‌توان به موارد زیر اشاره کرد:
    • لامبدا
    • تکرارکننده ها
    • حلقه های for
    • ساختار نوشتاری مشابه زبان برنامه نویسی پایتون
  • بارگذاری خودکار
  • کلاس
  • قالب های غیر همزمان (Asynchronous template)
  • کنترلرها و $scope به ترتیب با کامپوننت‌ها (components) و دستورها (directives) جایگزین شده اند. در واقع یک کامپوننت به عنوان دستوری که دارای قالب html است شناخته می‌شود.
  • بهره‌مندی از کال بک های تولید شده توسط RxJs.

تاریخچه

نام گذاری

در ابتدا نام‌گذاری انگولار بر اساس فریم ورک قبلی یعنی انگولار جی اس صورت گرفت. اولین نام این فریم ورک تحت عنوان "انگولار ۲" معرفی شد. اما این نام گذاری باعث ایجاد سردرگمی در برنامه نویسان و توسعه دهندگان گردید. برای برطرف کردن این ابهام، تیم تصمیم گرفت که نام فریم ورک قبلی را انگولار جی اس و فریم ورک جدید را انگولار تعریف کند. یعنی از این به بعد انگولار ۲ و ۴ و 5 و 6 همگی زیرمجموعه‌ای از فریم ورک انگولار (بدون جی اس) هستند.

نسخه ۲.۰.۰

در نسخه ۲ انگولار تغییرهای بسیار زیادی بوجود آمد بگونه‌ای که دیگر مفاهیم فریم ورک قبلی هیچ معنایی پیدا نمی‌کردند. انگولار ۲ در کنفرانس ng-Europe در سپتامبر ۲۰۱۴ رونمایی شد. سپس نسخه بتای آن در دسامبر ۲۰۱۵ در اختیار برنامه نویسان قرار گرفت.[1] در نهایت در ۱۴ سپتامبر ۲۰۱۶ نسخه اصلی و نهایی انگولار ۲ رونمایی گردید.

نسخه ۴.۰.۰

در دسامبر سال ۲۰۱۶ انگولار ۴ شروع به کار کرد. برای بسیاری از برنامه‌نویسان سوال پیش آمد که چرا انگولار ۳ توزیع نشد. دلیل این امر عدم هماهنگی بخش مسیردهی (Router) در انگولار ۳ بود. در نهایت با تکمیل ورژن ۲، انگولار ۴ در تاریخ ۲۳ مارس ۲۰۱۷ به صورت رسمی در اختیار توسعه دهندگان قرار گرفت. همچنین یک نسخه تحت عنوان انگولار ۴.۳ نیز معرفی گردید که در آن تغییرهای جزئی صورت گرفته بود.

برخی از تغییرهای انگولار ۴.۳ عبارتند از:

  • معرفی یک ویژگی تحت عنوان HttpClient که درخواست‌های Http را به طرز شگفت انگیزی ساده‌سازی کرد.
  • چرخه کارکرد (Lifecycle) جدیدی در سیستم مسیردهی انگولار معرفی شد که رویدادهایی مانند: GuardsCheckStart، GuardsCheckEnd، ResolveStart و ResolveEnd را در اختیار برنامه‌نویسان قرار داد.
  • به طور موقت انیمیشن‌ها را غیر فعال کرد.

نسخه 5.0.0

تغییرهای نسبتا مناسبی در نسخه ۵.۰.۰ انگولار اعمال شد که باعث بهینه شدن کدها و ارتباط بهتر انگولار با متریال (Material) گردید. این نسخه در تاریخ ۱ نوامبر سال ۲۰۱۷ ارائه شد.

نسخه 6.0.0

این نسخه از انگولار با تغییرات بسیار جزئی نسبت به انگولار 5 ارائه شده که در آن از نسخه ۶ پلاگین RxJs استفاده شده است. همچنین در انگولار 6 یک مفهوم جدید به نام Angular Element استفاده می شود که این قابلیت را برای نرم افزار ایجاد می کند تا قالب HTML یک کامپوننت نه تنها در یک پروژه انگولار بلکه در باقی پروژه ها قابل استفاده باشد.

نسخه‌های آینده

با توجه به پیش‌بینی‌های شرکت گوگل نسخه ۷ انگولار در ماه سپتامبر یا اکتبر سال ۲۰۱۸ رونمایی میشود.

یک بار خرید کن، یک عمر حرفه‌ای کدنویسی کن

دیگر دوره های این کاربر
نظرات (111)
نظر شما
بازیابی
سایر نظرات
فاطمه هاشمی
6 روز پیش
0
0

سلام خسته نباشید

من میخوام بدونم با خرید این دوره میتونم با asp core سمت بک اند کار کنم با resf ful api ها 

چون من بیشتر بک اند کار میکنم و دوست دارم انگولار هم یاد بگیرم با دیدن این دوره میتونم راحت با Asp core و انگولار کار کنم ؟ 

    تیم مدیریت روکسو
    5 روز پیش
    0
    0

    سلام وقت شما بخیر

    بله اصلا کار انگولار همین است که داده های خروجی از API در سمت بک اند را در Frontend نمایش دهد. شما می توانید با یادگیری یکی از فریم ورک های سمت Frontend مانند انگولار و یک زبان برنامه نویسی سمت Backend مانند Asp core به عنوان یک FullStack بازار کار بسیار مناسبی را در اختیار بگیرید.

مینا
8 روز پیش
0
0

ای کاش هر قسمت هزینه اش جدا بود اخه من برای چن تا قسمت باید بیام کل پک رو بخرم؟؟؟؟

    تیم مدیریت روکسو
    8 روز پیش
    0
    0

    سلام وقت شما بخیر

    جهت دریافت فصل های دروه باید آن را به صورت کامل خریداری کنید.

    امکان خرید فصل ها به صورت جداگانه وجود ندارد.

    با تشکر

مجتبی
10 روز پیش
0
0

در این آموزش نحوه اتصال به درگاه بانکی از طریق انگولار هم آموزش میدید؟

    تیم مدیریت روکسو
    8 روز پیش
    0
    0

    سلام وقت شما بخیر

    نحوه برقراری اتصال به بانک های مرکزی و درگاه های پرداخت واسط عملیاتی است که در سمت بک اند (Backend) یا سرور صورت می پذیرد و فقط شما در سمت فرانتد یا همین انگولار باید یک route برای نمایش پیام ها تعریف کنید. لطفا با توجه به زبان سمت سروری که کار می کنید این درگاه ها را پیاده سازی نمایید.

اوشین گولومیان
1 ماه پیش
0
0

سلام و خسته نباشید،

آقای مهندس لطفاً آموزش گرفتن یوزر جاری ویندوز رو هم در angular آموزش می دهید برای سیستم هایی که نیاز به لاگین ندارند و از طریق لاگین ویندوز دسترسی ها چک می شوند و دیگر اینکه طریقه فراخوانی از طریق  api هایی که دارای API KEY هستند چطور امکان پذیر است. 

با تشکر فراوان

اوشین گولومیان
2 ماه پیش
0
0

با سلام و خسته نباشید خدمت استاد گرامی،

بنده دوره آموزشی را خریداری کرده ام اما فایل های شما رو نمی توانم اجرا کنم اما فکر میکنم مشکل از angular است زیرا توسط دستورات شما که پیش رفتم angular 6 برایم نصب شده است. ممنون میشوم راهنمایی کنید.

و اگر امکانش باشد آموزش آپدیت کردن از نسخه های پایین به آخرین نسخه را هم آموزش بدهید.

با تشکر

    تیم مدیریت روکسو
    2 ماه پیش
    0
    0

    سلام وقت شما بخیر

    دوره انگولار آپدیت شد و دو فصل ۵۵ و ۵۶ این دوره به آموزش انگولار 6 و نحوه آپدیت انگولار 5 به 6 می پردازد.

حمید ربیعیان
2 ماه پیش
0
0

سلام

اول تشکر و قدردانی بابت آموزش های خوبتون

و بعد هم با توجه به اینکه انگولار 6 پایدار شده (در سایت رسمی)،شما کی زحمت آپدیت رو میکشید؟

و در آخر هم باز تشکر میکنم از آموزش هاتون

    تیم مدیریت روکسو
    2 ماه پیش
    0
    2

    سلام وقت شما بخیر

    به زودی آپدیت جدید انگولار (یعنی انگولار ۶) برای این دوره لحاظ خواهد شد. تغییرات محسوسی در نسخه ۶ نسبت به نسخه ۵ صورت نگرفته است ولی در هر حال ما سعی می کنیم آپدیت مناسبی برای دوره ارائه دهیم.

کیوان
2 ماه پیش
0
0

سلام وقت بخیر
در جهت تعدیل قیمت آیا امکان خرید دوره بدون پشتیبانی هست ؟
ممنون

    تیم مدیریت روکسو
    2 ماه پیش
    0
    0

    6 ماه پشتیبانیِ اولیه که برای هر دوره ی آموزشی ارائه می شود، رایگان بوده و بابت آن هیچ هزینه ای دریافت نمی شود و مبلغی که شما می پردازید، در واقع فقط مربوط به دوره است.

مریم آزادبخشایش
2 ماه پیش
0
0

سلام وقت بخیر 

در مورد promise  می تونید توضیحات بیشتری بدین؟

ممنون

    تیم مدیریت روکسو
    2 ماه پیش
    0
    0

    با سلام

    سوالات فنی و مشاوره های خودتان را از طریق تیکت پشتیبانی مطرح بفرمایید. مدرس دوره موظف است به سوالات شما طی 24 الی 72 ساعت پاسخگو باشد.

علی یدالهی
2 ماه پیش
0
1

با سلام .  میخواستم بدونم که برای بخش بک اند سایت از چی استفاده میکنید از اونجایی که داره با نود کار میکنه شما تو این آموزش ،استفاده از وب سرور نود و دیتابیس مانگو هم آموزش میدید یا نه ؟؟

اگه این آموزش رو بگیرم نیاز به خرید آموزش نود ندارم .؟ ممنون میشم راهنماییم کنید.

    تیم مدیریت روکسو
    2 ماه پیش
    0
    0

    سلام وقت شما بخیر. این آموزش مختص فریم ورک انگولار می باشد و از صفر تا صد این فریم ورک را با گذراندن این دوره آموزشی یاد می گیرید. اما نکته قابل توجه این است که در این دوره شما به صورت کامل نحوه ارتباط با هر زبان بک اندی را در بخش HttpClient ها فرا می گیرید و زبان بک اند خاصی آموزش داده نمی شود. اگر در کنار این دوره، دوره آموزش نود جی اس (مقدماتی تا پیشرفته) بنده را دریافت نمایید بسیار موثرتر می توانید کدنویسی خود را آغاز کنید. توجه به این نکته ضروری است که فریم ورک انگولار با تمام زبان های بک اند همخوانی دارد و برای ارتباط با آن کافیست API‌ مناسبی را برای هر درخواست تولید نمایید.

رامین
2 ماه پیش
0
0

باسلام

بنده برنامه نویس php و متخصص لاراول هستم اکنون نیاز به یادگیری یک فریم فرک js دارم که بتونم برنامه های تک صفحه ای حرفه ای ایجاد کنم !

اما سوال مهمی که برایم به وجود اومده !!

من به سمت کدام یک بروم ؟ angular یا vue ؟؟؟؟

با توجه به اینکه در آکادمی روکسو هر دو آموزش وجو داره بنده در انتخاب خود دچار مشکل شدم ! ممنون میشم اگر در انتخاب من برای خرید بهم کمک کنید.

 

و در نهایت نظر شما درباره react چیست ؟

 

    تیم مدیریت روکسو
    2 ماه پیش
    0
    0

    سلام وقت شما بخیر.

    قطعا دستیابی به تکنولوژی ساخت وب سایت در سمت فرانتند بسیار ارزشمند است که تنها با فریم ورک های قدرتمند JS مثل انگولار یا ری اکت یا ویو امکان پذیر می باشد. پاسخ به این سوال که کدام یک از این سه فریم ورک معروف قدرتمند هستند کار درستی نیست چون هر یک ویژگی های خاص خودشان را دارند. اما در کل اگر بخواهیم راهکار درستی ارائه دهیم، می توان گفت که فریم ورک انگولار بر پایه معماری MVC طراحی شده است و این معماری باعث می شود توسعه پذیری سایت شما تا حد قابل قبولی افزایش پیدا کند. از طرفی در فریم ورک ویو به دلیل ساختار MVVM روش کدنویسی متفاوت تر بوده و ساختار قالب برنامه گاها ساده تر به نظر می رسد. ری اکت نیز اغلب به دلیل توسعه پذیری مناسب توسط برخی از افراد انتخاب می شود. اما در کل باید گفت هر سه فریم ورک عالی هستند و هیچ نقصی ندارند. هر سایتی که با انگولار پیاده سازی می شود را می توان با ویو و ری اکت بازنویسی کرد.

محمد موسوی
3 ماه پیش
0
2

سلام دوره عالی هست 

اگر میشه اون نوار پیشرفت لود سایت رو هم بگید عالی میشه مثل روکسو

محمد جواد صابری
3 ماه پیش
0
0

سلام

میشه مبحث SEO گفته شده رو با نرم افزارهای به روز (angular cli ورژن جدید) و انگولار ورژن 6 باز تولید کنید. با تشکر 

    تیم مدیریت روکسو
    3 ماه پیش
    0
    0

    سلام وقت بخیر

    به زودی سرفصل های دوره آپدیت خواهند شد. انگولار ۶ علی رغم انتشار یافتن هنوز در نسخه پایداری قرار ندارد. به زودی با بررسی های انجام شده پس از بهینه شدن انگولار 6 آپدیت های جدید برای دوره ارائه می شوند.

احمد
3 ماه پیش
0
1

کتابهای مجانی و دوره های آنلاین رایگان تو اینترنت زیاده. مستندات رسمی Angular هم موجوده میتونید استفاده کنید ولی این دوره، یک دوره جامع و بسیار غنی هست.

الهام ابشاری
3 ماه پیش
-1
0

سلام دوستان ایا کسی به تازگی nodejs را از سایت nodejs.org دانلود کرده ؟ با توجه به تیکتی که با استاد داادم ایشون گفتن حدود 150 مگ ولی برای من موقع دانلود حجم کل میزنه 16 مگ و موقع نصب مثل اینکه به درستی نصب نمیشه ؟

نمیدونم چیکار کنم

محسن
3 ماه پیش
0
1

نمیدونم سئوال تکراری هست یا خیر 
ولی میخواستم بدونم این دوره آپدیت میشه ؟
همونطور که فرمودید انگولار ورژن 7 هم در تاریخ سپتامبر عرضه میشه و از اونجایی که این دوره تا انگولار 5 رو تحت پوشش میده خواستم در این موردم اطلاعی ازتون کسب کنم
ممنون از سایت خوبتون

 

    تیم مدیریت روکسو
    3 ماه پیش
    0
    1

    سلام وقت شما بخیر

    بله این دوره به صورت کامل آپدیت خواهد شد. در حال حاضر انگولار ۶ ارائه شده است که منتظر نسخه پایدار تر آن هستیم. با آپدیت شدن انگولار فصل های جدیدی به این دوره اضافه می شود.

    دسترسی به آپدیت های دوره برای افرادی که دوره را تنها یکبار خریداری کرده اند، رایگان می باشد.

مسعود
3 ماه پیش
0
0

سلام . BackEnd اين پروژه با چي نوشته شده؟

    تیم مدیریت روکسو
    3 ماه پیش
    0
    1

    سلام وقت شما بخیر

    دوره آموزشی فوق به آموزش صفر تا صد انگولار (سمت فرانتد) می پردازد و در این دوره شما نحوه ارتباط با بک اند با استفاده از کتابخانه httpClient را یاد می گیرید. از طرفی نحوه کانکت شدن با api سمت بک اند را آموزش می بینید. برای ایجاد داده ها از مدل ها (Models) در انگولار بهره می بریم و عملا کدی برای سمت backend نوشته نمی شود. چون دوره به آموزش فرانتد (سمت کاربر) می پردازد.

سحر سلطانی
3 ماه پیش
0
0

سلام و وقت بخیر
من در خصوص Redux مشکل دارم. آیا توی این آموزش از Redux هم گفته شده؟؟؟

    تیم مدیریت روکسو
    3 ماه پیش
    0
    0

    با سلام و وقت شما بخیر

    فریم ورک انگولار با استفاده از کتابخانه Rxjs راه اندازی می شود و در طی این دوره به یادگیری این کتابخانه می پردازیم. به عبارت دیگر از Redux برای یادگیری انگولار استفاده نمی شود.

پیمان حسینی پاکدامن
3 ماه پیش
0
1

سلام وقت بخیر

من یک پروژه ای نوشتم . میخوام انگولار رو روش پیاده کنم.

چطوری این کار انجام میشه ؟

 

    تیم مدیریت روکسو
    3 ماه پیش
    -1
    0

    سلام وقت شما بخیر

    لطفا مشاوره های فنی خود را از طریق تیکت پشتیبانی با مدرس خود در میان بگذارید. با تشکر

مهدی رضوی
3 ماه پیش
0
1

سلام

من این دوره را خریداری کردم ، واقعا عالیه.

با این آموزش دارم تمام سایت هایی که قبلا زدم رو با انگولار بازنویسی میکنم.

فقط اگر میشد در طول دوره یه اشاره ای به پلاگین ها و ابزارهای مفیدی برای انگولار مانند kendo یا ng-bootstrap میشد و نحوه استفاده از برخی از قابلیت های کاربردیشون مانند grid و slider رو توضیح می دادین فوق العاده میشد ، هرچند که همین الانشم فوق العادست، خیلی راحت میتونم سایت هامو با انگولار طراحی کنم.

خیلی ممنون از آموزش خوبتون

محمد جواد صابری
3 ماه پیش
0
0

یه سوال دیگه هم داشتم در مورد mixed content که وقتی اتفاق میفته که درخواست به یک لینک http داریم در حالی که پیج خودمون، بر روی https لود شده.

اگه لطف کنید در مورد این موضوع هم راهنماییم کنید.

    تیم مدیریت روکسو
    3 ماه پیش
    0
    0

    لطفا سوالات فنی خود را از طریق تیکت پشتیبانی با مدرس دوره در میان بگذارید. برای ارسال تیکت پشتیبانی روی پروفایل کاربری خود ایستاده و پس از ورود به بخش پیشخوان روی تیکت پشتیبانی کلیک و در نهایت سوال خود را به صورت کامل مطرح کنید. پس از ۲۴ الی ۷۲ ساعت مدرس دوره نسبت به سوالات شما پاسخگو خواهد بود.

این دوره کامل شده است
۱۵۵۰۰۰ تومان
شش ماه پشتیبانی بیشتر (95000 تومان)
توضیحات پشتیبانی
گزارش تخلفات
با دریافت این دوره از مزایای زیر بهره مند می شوید:
  • ارتباط مستقیم با مدرس
  • ۶ ماه پشتیبانی رایگان
  • ۷ روز ضمانت بازگشت وجه
  • دسترسی دائمی به فایل ویدیو دوره
تیم مدیریت روکسو
175 نفر این محصول را خریده اند
111 نفر به این دوره نظر داده اند
این دوره در روکسو یک دوره ویژه است
امتیاز این دوره
4.6 از 84 رأی (*) (*) (*) (*) (*)
تاریخ انتشار: 1397/1/28
تاریخ بروزرسانی: 1397/7/27
اصالت و صحت اطلاعات این دوره مورد تایید روکسو است.
سازگاری با فریم ورک Javascript
برچسب ها