این دوره کامل شده است
۲۴۰۰۰۰ تومان
شش ماه پشتیبانی بیشتر (95000 تومان)
توضیحات پشتیبانی
گزارش تخلفات

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

کد دوره:‌ 951858
پرفروش
فهرست و سرفصل ها
  • فصل 1: معرفی دوره، مقدمه و تنظیمات اولیه نمایش رایگان
    30:12
  • فصل 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
توضیحات دوره

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

آموزش انگولار 6

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

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

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

پیش‌نیازهای دوره آموزش انگولار (Angular)

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

شرح دوره

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

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

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

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

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

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

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

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

چرا انگولار؟

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

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

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

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

  • معرفی دوره و مدرس
  • انگولار (Angular) چیست؟
  • تفاوت بین 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

  • معرفی انگولار 6 و نحوه آپدیت فایل های انگولار 5
  • آشنایی با ساختار ng update
  • معرفی موتور رندر Ivy Renderer
  • آپدیت انگولار 5 به 6 (معرفی عملگرها و تغییرات 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.

تاریخچه

نام گذاری

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

نسخه 2.0.0

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

نسخه 4.0.0

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

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

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

نسخه 5.0.0

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

نسخه 6.0.0

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

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

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

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

دیگر دوره های این کاربر
نظرات (193)
نظر شما
بازیابی
سایر نظرات
Shahram Ardalan
11 روز پیش
0
0

سلام استاد ممنون از ارائه مطالب عالیتون

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

ERROR in multi ./assets/bootstrap/css/bootstrap.min.css ./src/styles.css                                                                                                
Module not found: Error: Can't resolve 'C:\Users\ShahramArdalan\PhpstormProjects\test\assets\bootstrap\css\bootstrap.min.css' in 'C:\Users\ShahramArdalan\PhpstormProjec
ts\test'                                                                                                                                                                

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

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

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

    با تشکر

زهره اختیاری
1 ماه پیش
0
0

با سلام و احترام.

ببخشید در این دوره سمت Backend  رو هم کار کردید منظورم نحوه ی  نوشتن web api  است، یا صرفا روی مبحث انگولار تمرکز کردید و فقط نحوه ی فراخوانی Web api رو توضیح میدید؟

با تشکر.

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

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

    همانطور که در توضیحات بالا ذکر شده است، فریم ورک انگولار، یک ابزار برای طراحی وب سایت در سمت کاربر (Client) می باشد. به عبارت دیگر شما با فریم ورک های جاوا اسکریپت می توانید یک وب سایت پویا در سمت کاربر ایجاد کنید، اما برای یادگیری API نویسی باید ابتدا یک زبان را انتخاب کنید. از آنجا که ده ها زبان برنامه نویسی برای API نویسی یا سمت سرور موجود است، امکان تدریس آنها به صورت همزمان در یک دوره آموزشی وجود ندارد. اما در طی برنامه ریزی مجموعه روکسو، به تدریج شیوه API نویسی در زبان های مختلف را در دوره های جداگانه ارائه خواهیم داد.

حامد مرتضائی
1 ماه پیش
0
0

با سلام

ضمن تشکر و خسته نباشید به تیم رکسو و همچنین استاد محترم

اگر وب سایت رو با انگولار طراحی کنیم ، آیا میتوانیم موارد و نکات SEO را پیاده کنیم و در این زمینه مشکلی نداریم؟

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

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

    بله مباحث سئو به صورت کامل مطرح شده است.

بابک مددی
2 ماه پیش
0
0

با سلام و احترام خدمت اساتید عزیز 

با توجه به اینکه بنده در زمینه asp.net mvc5 مشغول هستم ، آیا امکان ترکیب و ادغام انگولار 8 با asp.net 

وجود دارد ؟ نحوه اینکار به چه صورت است ؟

Ali hosseini
2 ماه پیش
0
0

سلام

می خواستم اگه بشه یه کامپننت برای آپلود فایل بگید که کار باهاش راحت باشه و در عین حال ویژگی های خوبی داشته باشه

من از 

https://www.npmjs.com/package/angular-file-uploader

استفاده کردم... ولی همینطوری که می بینید تا انگولار ۶ رو فقط پشتیبانی می کنه، و برای انگولار ۸ کاربرد نداره... و می ترسم وقتی پروژه رو آپگرید کنم به انگولار ۸ با مشکل مواجه بشوم...

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

باتشکر...

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

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

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

    با تشکر

حسینی
2 ماه پیش
0
0

سلام،من مدیر پروژه هستم و میخواستم این دوره رو برای تیم برنامه نویسیمون خریداری کنم،اما شما میگید حرام هست،چه کنیم؟برای هر نفر جدا نمیشه که خرید

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

    با سلام. شما باید برای هر شخص در سایت یک اکانت شخصی بسازید و هر شخص یکبار دوره مورد نظر را خریداری کند.

Shahram Peyvandi
3 ماه پیش
0
0

سلام  قت بخیر

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

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

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

    لطفا به ادامه مباحث آموزشی بپردازید و در بخش HTTP یا همان ارتباط با سرور، این موارد توضیح داده می شود.

فاطمه فتحی
3 ماه پیش
0
0

سلام 

این آموزش چه زمانی به انگولار 8 آپدیت میشه؟

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

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

    با توجه به تغییرات بسیار محدودی که در نسخه های بعدی انگولار بوجود آمده است، زمان بروزرسانی کمی با تاخیر همراه می شود تا نسخه بعدی را خدمتتان ارائه کنیم. تا ۹۹ درصد مباحث از انگولار ۵ تا کنون یکسان هستند. بنابراین اصلا نگران نباشید و به آموزش خودتان بپردازید.

کمال
4 ماه پیش
0
0

ببخشید پیشنیاز کار با آنگولار type script هست

اونو آموزش نمیدید ؟

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

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

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

محمد رودخانه ای
4 ماه پیش
0
0

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

اگر سوالی پیش بیاد چجوری باید از استاد بپرسیم، همینجا توی کامن ها باید مطرح بشه؟؟؟

تو قسمت 16 که dropdown رو میایم با directive مینویسم کار نمیکنه توی آنگولار 7 !

توی stackoverflow هم جستجو کردم اکثرا این مشکلو دارم ولی راه حل رو متوجه نشدم!

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

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

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

سارا احمدی
4 ماه پیش
0
0

سلام

قصد خرید دوره را دارم فقط خواستم بدونم زمان آپدیت انگولار 7 کی است؟

با تشکر

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

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

    تمام مباحث این دوره به صورت کامل برای انگولار ۷ و ۸ نیز قابل استفاده هستند و به زودی دوره به ورژن های جدید آپدیت می شود. البته توجه کنید در آپدیت های جدید مفاهیم قبلی کاربرد خود را از دست نمی دهند زیرا ساختار انگولار از نسخه ۲ تا کنون به همینصورت می باشد. بنابراین با خیال راحت دوره را شروع کرده و نگران آپدیت نباشید. به زودی تمام آپدیت ها اضافه خواهند شد.

مینا
4 ماه پیش
0
0

سلام روز بخیر ایا در این دوره اموزشی در مورد json.api وجود دارد ؟

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

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

    بله در این بخش به صورت کامل با داده های json که از طریق API ارسال می شود کار می کنیم.

benyamin vaziri
4 ماه پیش
0
0

سلام خسته نباشين

يه سوال داشتم واس قبل خريد 

بعد از پرداخت دانلود ميشه اين كليپهاي آموزشي يا دي وي دي داره يا اينكه هيچكدوم بايد از داخل سايت آموزش ببينيم

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

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

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

موسوی
5 ماه پیش
0
0

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

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

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

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

صفورا بزاز
5 ماه پیش
0
0

سلام اموزش ایجاد datatable به همراه همه امکاناتش از بیس را میخواستم دوستان خواهشا هر میدونه راهنمایی کنه

سلام
5 ماه پیش
-1
0

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

اکبر قره باغی
5 ماه پیش
0
0

سلام و عرض ادب،
من برنامه نویس asp.net و c# هستم

آیا شما در آموزشتون از asp.net و c# هم استفاده کردین یا به درد من نمیخوره؟

یا اینکه چطوری من باید این اموزش شمارو با سی شارپ ادغام کنم؟

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

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

    توجه بفرمایید که این دوره شامل آموزش فریم ورک انگولار (سمت فرانتد یا کاربر) می باشد. یعنی در محتوای آموزشی آن از هیچ زبان Backend‌ ای استفاده نشده است. دلیل این موضوع تنوع در گستردگی انواع زبان ها در سمت سرور یا Backend می باشد. البته دقت کنید که در فصل مربوط به ارتباط با HTTPClient ها، درخواست های api به صورت کامل بررسی شده و شما می توانید توسط آن، نرم افزار انگولاری خود را به هر زبانی که کار دوست دارید، متصل کنید. به عبارت دیگر روش اتصال به انواع زبان های برنامه نویسی در این فصل گنجانده شده است.

kasra jannati
6 ماه پیش
0
0

سلام

ببخشید این دوره آپدیت میشه به انگولار ۷ و ۸ ؟

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

    سلام

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

      mohamad mohamadi
      5 ماه پیش
      0
      0

      ولی هنوز آپدیت نشده

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

      وژن 8 داره میاد ولی هنوز اپدیت 7 رو نگفتید

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

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

دانیال صفری پور
6 ماه پیش
0
0

سلام
میخواستم بدونم مدت زمان این اموزش چند ساعت میباشد؟

ممنون

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

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

    این آموزش بیش از ۲۱ ساعت می باشد. برای مشاهده مدت زمان دوره های آموزشی لطفا به منوی صفحه اصلی بازگردید و سپس از منوی دوره های آموزشی روی هر دوره بیاستید. در این حالت می توانید مدت زمان هر دوره و تعداد فصل های آنها را مشاهده کنید.

Aya
7 ماه پیش
0
0

سلام
من قصد دارم از جاوا اسکریپت برای ایجاد رابط کاربری نرم‌افزار‌های تحت‌وب کراس‌پلتفرم (وب+ویندوز+اندروید+ios+mac+...) استفاده کنم. یعنی یکبار بنویسم و بدون تغییر، در تمامی پلتفرم‌ها اجرا کنم.

* البته نه‌فقط در مرورگر، بلکه درون صفحه‌ی نرم‌افزارهای اندروید و ios هم بتوانم نمایش دهم و با بدنه‌ی نرم‌افزار هم ارتباط برقرار کنم. روی گوشی‌های ضعیف، سبُک و روان اجرا شود.

به نظر شما کدام‌یک از فریم‌ورک‌های زیر را انتخاب کنم:
angular
react
vuejs

???

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

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

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

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

این دوره کامل شده است
۲۴۰۰۰۰ تومان
شش ماه پشتیبانی بیشتر (95000 تومان)
توضیحات پشتیبانی
گزارش تخلفات
استفاده بیش از یک نفر از این محصول غیرقانونی و حرام می باشد.
بعد از خرید با مدرس دوره ارتباط مستقیم خواهید داشت.
با دریافت این دوره از مزایای زیر بهره مند می شوید:
  • ارتباط مستقیم با مدرس
  • ۶ ماه پشتیبانی رایگان
  • ۷ روز ضمانت بازگشت وجه
  • دسترسی دائمی به فایل ویدیو دوره
تیم مدیریت روکسو
415 نفر این محصول را خریده اند
193 نفر به این دوره نظر داده اند
این دوره در روکسو یک دوره ویژه است
امتیاز این دوره
4.6 از 155 رأی (*) (*) (*) (*) (*)
تاریخ انتشار: 1397/1/28
تاریخ بروزرسانی: 1398/5/30
اصالت و صحت اطلاعات این دوره مورد تایید روکسو است.
سازگاری با فریم ورک Javascript
برچسب ها