آموزش RxJS 7 و Observables: Introduction

RxJS 7 and Observables: Introduction

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: نحوه کار و رفتار Observables را به روشی گام به گام و به راحتی درک کنید! با تکمیل این دوره، نحوه عملکرد، رفتار و نحوه استفاده از Observables را درک خواهید کرد. شما اصول اولیه (و خیلی خیلی بیشتر) RxJS را به صورت گام به گام آهسته یاد خواهید گرفت. شما درک خوبی از Observables و دیگر موضوعات کلیدی RxJS خواهید داشت، مانند: اشتراک ها، ناظران، اپراتورها، موضوعات پس از اتمام این دوره، می توانید سایر مقالات، ویدئوها و اسناد پیشرفته تر موجود در اینترنت را درک کنید. . شما مجموعه ای عالی از ابزارها برای شروع سفر RxJS خود خواهید داشت. پیش نیازها: بدون نیاز به دانش RxJS! نیازی به دانش تایپ اسکریپت نیست.

آیا به پروژه‌ای ملحق شده‌اید که از Observables و RxJS استفاده می‌کند و نمی‌دانید چگونه از آن استفاده کنید؟
آیا در حال حاضر از RxJS و Observables استفاده می‌کنید و رفتار آن همچنان شما را شگفت‌زده می‌کند؟
آیا می‌خواهید چیز جدیدی یاد بگیرید. ابزاری برای مدیریت راحت کدهای ناهمزمان؟

اگر به هر یک از سوالات بالا پاسخ مثبت داده اید، ممکن است این یک دوره عالی برای شما باشد! RxJS به منحنی یادگیری شیب دار معروف است. دوره ها، مقالات، اسناد زیادی در اینترنت وجود دارد که عالی هستند و سناریوهای پیچیده RxJS زیادی را پوشش می دهند، با این حال متوجه شده ام که شروع به رفتن و برداشتن گام های اولیه دشوار است. همچنین، بسیاری از کاربران باتجربه RxJS هنوز گاهی اوقات اشتباهات اساسی مرتکب می شوند زیرا مکانیک Observables را به خوبی درک نمی کنند.

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

هدف این دوره ارائه مجموعه‌ای عالی از ابزارها برای شروع سفر RxJS شماست!

در اینجا مفاهیم اصلی RxJS را یاد خواهید گرفت، مانند:

  • مشاهده پذیرها

  • اشتراک ها

  • ناظران

  • توابع ایجاد

  • اپراتورهای Pipeable

  • موضوعات

بخش‌های اول این دوره، مبانی Observables و RxJS را به صورت آهسته و دقیق ارائه می‌کند. ما نگاهی به ایده استریم ها و برنامه نویسی واکنشی خواهیم داشت تا بفهمیم چگونه داده ها هنگام استفاده از Observables به دست ما می آیند. من به شما نشان خواهم داد که چه نوع منابعی را می توانیم در دنیای Observables پیدا کنیم. شما یاد خواهید گرفت که چگونه می‌توانیم با ایجاد اشتراک، یک Observable را اجرا کنیم، و چگونه می‌توانیم به اعلان‌های منتشر شده با ارائه Observers واکنش نشان دهیم. ما از نمودارهای مرمر برای ارائه چیزها به روش گرافیکی آسان استفاده خواهیم کرد. همچنین بخش‌های کدگذاری زیادی وجود خواهد داشت که هر ویژگی را توضیح می‌دهند.

پس از اینکه نظریه پشت Observables روشن شد، به سمت استفاده های عملی تر از RxJS خواهیم رفت.
ما از Creation Functions برای ایجاد آسان Observable از منابع مختلف مانند: آرایه ها، رویدادهای DOM، درخواست های HTTP، استفاده خواهیم کرد. تایمرها، فواصل و ترکیب چند مشاهده پذیر با هم. ما از عملگرهای Pipeable برای ایجاد Observable های پیچیده تر استفاده می کنیم.

در نهایت، ما در مورد موضوعات، که نوع خاصی از Observable است که به ما امکان می‌دهد به راحتی یک مقدار را برای همه مشاهده‌کنندگان منتشر کنیم، یاد می‌گیریم.

پس از اتمام این دوره، می‌توانید استفاده از Observables و سایر ابزارهای RxJS را در برنامه‌های خود شروع کنید و مقالات، ویدیوها و اسناد موجود در اینترنت را درک کنید، بنابراین می‌توانید سفر RxJS خود را ادامه دهید.

بیایید شروع کنیم!



این دوره از شکلک‌ها و نمادهای OpenMoji در برخی از ویدیوها استفاده می‌کند (مجوز CC BY-SA 4.0)
موسیقی تبلیغاتی: موسیقی رایگان سلطنتی از Bensound


سرفصل ها و درس ها

شروع شدن Getting Started

  • معرفی دوره Course Introduction

  • بررسی اجمالی RxJS RxJS Overview

  • شروع سریع Quick Start

  • اختیاری: استفاده از IDE خودتان Optional: Using your own IDE

  • طرح دوره Course Plan

  • نکات یادگیری Learning Tips

قابل مشاهده - چگونه کار می کند؟ Observable - how does it work?

  • معرفی ماژول Module Introduction

  • آرایه در مقابل جریان Array vs Stream

  • قابل مشاهده، اشتراک، مشاهده کننده - عناصر کلیدی Observable, Subscription, Observer - Key Elements

  • گرم کردن قابل مشاهده - قابل مشاهده، مشاهده کننده، اشتراک Warm-up Observable - Observable, Observer, Subscription

  • گرم کردن قابل مشاهده - اشتراک های متعدد Warm-up Observable - Multiple Subscriptions

  • مبانی قابل مشاهده Observable Basics

  • معرفی سنگ مرمر Marbles Introduction

  • ماربلز - بعد، خطا، کامل Marbles - Next, Error, Complete

  • تیله - خلاصه انواع اعلان Marbles - Notification Types Summary

  • سنگ مرمر - سناریوهای نادرست Marbles - Incorrect Scenarios

  • سنگ مرمر - ظاهر Marbles - Appearance

  • تیله - بازی Marbles - Game

  • سنگ مرمر - اسناد Marbles - Docs

  • نمودارهای سنگ مرمر و انواع اعلان Marble Diagrams and Notification Types

  • خلاصه ماژول Module Summary

تمرینات: قابل مشاهده، مشاهده و اشتراک Exercises: Observable, Observer and Subscription

  • معرفی ماژول Module Introduction

  • چرخه حیات اشتراک Subscription Lifecycle

  • زمان اجرا - خالی قابل مشاهده Execution Timing - Empty Observable

  • انتشار همزمان - اعلان بعدی Synchronous Emission - Next Notification

  • انتشار ناهمزمان - اعلان های بعدی بیشتر Asynchronous Emission - More Next Notifications

  • Teardown - اعلان کامل Teardown - Complete Notification

  • اعلان خطا Error Notification

  • مشاهده کامل Full Observer

  • سفارش Order

  • لغو - لغو اشتراک Cancellation - Unsubscribe

  • خلاصه ماژول Module Summary

  • چرخه حیات اشتراک Subscription Lifecycle

  • چرخه حیات اشتراک Subscription Lifecycle

انواع قابل مشاهده Types of Observable

  • معرفی ماژول Module Introduction

  • سرد قابل مشاهده Cold Observable

  • قابل مشاهده داغ Hot Observable

  • گرم در مقابل سرد - مقایسه Hot vs Cold - Comparison

  • خلاصه ماژول Module Summary

  • گرم در مقابل سرد Hot vs Cold

توابع ایجاد Creation Functions

  • معرفی ماژول Module Introduction

  • از - نحوه عملکرد توابع ایجاد of - How Creation Functions work

  • از جانب from

  • توابع ایجاد - از، از Creation Functions - of, from

  • fromEvent fromEvent

  • تایمر timer

  • فاصله interval

  • توابع ایجاد - از رویداد، تایمر، فاصله Creation Functions - fromEvent, timer, interval

  • forkJoin - تماس های متعدد HTTP را مدیریت کنید forkJoin - Handle multiple HTTP calls

  • forkJoin - سناریوی خطا forkJoin - Error Scenario

  • combinationLatest - واکنش به تغییرات ورودی متعدد combineLatest - Reacting to multiple input changes

  • توابع ایجاد - forkJoin، combinationLatest Creation Functions - forkJoin, combineLatest

  • خلاصه ماژول Module Summary

اپراتورهای Pipeable Pipeable Operators

  • معرفی ماژول Module Introduction

  • انباشته شدن اپراتور Operator Stacking

  • فیلتر کنید filter

  • نقشه map

  • ضربه زدن tap

  • بیشتر بدانید: ضربه بزنید Learn More: tap

  • debounceTime debounceTime

  • catchError catchError

  • اپراتورهای Pipeable Pipeable Operators

  • اپراتورهای صاف کردن Flattening Operators

  • اپراتورهای مسطح - مثال استاتیک Flattening Operators - Static Example

  • Operators Flattening - درخواست پویا HTTP Flattening Operators - Dynamic HTTP Request

  • اپراتورهای مسطح - رسیدگی به خطا - راه حل اول Flattening Operators - Error Handling - First Solution

  • اپراتورهای مسطح - رسیدگی به خطا - راه حل دوم Flattening Operators - Error Handling - Second Solution

  • Flattening Operators - Concurrency - concatMap Flattening Operators - Concurrency - concatMap

  • Flattening Operators - switchMap Flattening Operators - switchMap

  • Flattening Operators - mergeMap Flattening Operators - mergeMap

  • اپراتورهای مسطح - مقایسه کنار هم Flattening Operators - Side by Side Comparison

  • اپراتورهای Pipeable - Operators Flattening Pipeable Operators - Flattening Operators

  • خلاصه ماژول Module Summary

فاعل، موضوع Subjects

  • معرفی ماژول Module Introduction

  • پخش چندگانه Multicasting

  • موضوع در مقابل مشاهده پذیر در مقابل مشاهده کننده Subject vs Observable vs Observer

  • موضوع در عمل Subject in Action

  • رفتار موضوع - مفهوم BehaviorSubject - Concept

  • رفتار موضوع در عمل BehaviorSubject in Action

  • خلاصه ماژول Module Summary

  • خلاصه ماژول Module Summary

  • فاعل، موضوع Subjects

خلاصه دوره Course Summary

  • خلاصه دوره Course Summary

  • تبریک و گام های بعدی Congratulations & Further Steps

نمایش نظرات

آموزش RxJS 7 و Observables: Introduction
جزییات دوره
5.5 hours
72
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
7,552
4.7 از 5
دارد
دارد
دارد
Jurek Wozniak
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Jurek Wozniak Jurek Wozniak

توسعه دهنده Front-end در Enplug