اکوسیستم جاوا اسکریپت بسیار بزرگ است. این دوره به شما میآموزد که چگونه از کتابخانههای جاوا اسکریپت و اجزای جاوا اسکریپت موجود در برنامههای Blazor خود استفاده کنید.
آنچه خواهید آموخت:
در هسته اصلی استفاده از کتابخانههای جاوا اسکریپت و اجزای جاوا اسکریپت در برنامه Blazor شما دانش کامل جاوا اسکریپت Interop است. در این دوره آموزشی، JavaScript Interop in Blazor Applications، شما مهارتهایی را که برای کار با جاوا اسکریپت در برنامههای Blazor خود نیاز دارید، یاد خواهید گرفت. ابتدا نحوه فراخوانی توابع جاوا اسکریپت از دات نت و نحوه فراخوانی متدهای دات نت از جاوا اسکریپت را خواهید آموخت. در مرحله بعد، نحوه استفاده از JavaScript Interop برای دسترسی به APIهای مرورگر مانند حافظه محلی را خواهید یافت. در نهایت، نحوه قرار دادن اجزای جاوا اسکریپت را در دات نت خواهید دید. همچنین یاد خواهید گرفت که چگونه شبکه داده محبوب جاوا اسکریپت به نام ag-grid را در یک جزء Blazor قرار دهید. پس از اتمام این دوره، دانش پایهای در مورد JavaScript Interop در Blazor خواهید داشت که به شما در استفاده از کتابخانهها و مؤلفههای جاوا اسکریپت در برنامههای Blazor کمک میکند.
نمونه ویدیوی آموزشی ( زیرنویسها جدا از ویدیو است و میتوانید آنرا نمایش ندهید ) :
[ENGLISH]
01 Course Overview [2mins]
01-01 Course Overview [2mins]
02 Understanding the Need to Use JavaScript in Blazor [12mins]
02-01 Version Check [0mins]
02-02 Introduction [1mins]
02-03 Why Use JavaScript in Your Blazor App? [4mins]
02-04 Know the Supported JavaScript Interop Scenarios [1mins]
02-05 Look at the Blazor App Used in This Course [4mins]
02-06 Course Outline [2mins]
03 Invoking JavaScript Functions from .NET [59mins]
03-01 Introduction [1mins]
03-02 Add a JavaScript File to Your Blazor App [2mins]
03-03 Create a JavaScript Function in the Global Scope [3mins]
03-04 Call a JavaScript Function That Returns Void [5mins]
03-05 Pass a .NET Object to a JavaScript Function [3mins]
03-06 Call a JavaScript Function That Returns a Value [4mins]
03-07 Get an Object as a Return Value [3mins]
03-08 Pass an HTML Element Reference to a JavaScript Function [4mins]
03-09 Understand JavaScript Interop in the Component Lifecycle [4mins]
03-10 See Server Prerendering in Action [4mins]
03-11 Use JavaScript Interop in the Component Lifecycle [6mins]
03-12 Focus a Blazor Component via JavaScript [3mins]
03-13 Handle JavaScript Errors in .NET [4mins]
03-14 Invoke JavaScript Functions Synchronously [3mins]
03-15 Work with JavaScript Modules [9mins]
03-16 Summary [1mins]
04 Invoking .NET Methods from JavaScript [23mins]
04-01 Introduction [1mins]
04-02 Call a Static .NET Method from JavaScript [6mins]
04-03 Use a Custom Method Identifier [4mins]
04-04 Call a .NET Instance Method from JavaScript [8mins]
04-05 Call a Component Method from a JavaScript Event Handler [4mins]
04-06 Summary [0mins]
05 Integrating Browser APIs in Your Blazor App [20mins]
05-01 Introduction [1mins]
05-02 Know the Plan for Local Storage [3mins]
05-03 Look at the Prepared C# Code [4mins]
05-04 Store Data in the Browser’s Local Storage [6mins]
05-05 Check if the Browser Is Online [5mins]
05-06 Summary [1mins]
06 Using JavaScript Interop in Razor Class Libraries [24mins]
06-01 Introduction [1mins]
06-02 Create and Explore a Razor Class Library [6mins]
06-03 Move a Blazor Component with JavaScript to a Library [5mins]
06-04 Use the Blazor Component in Your Blazor App [5mins]
06-05 Look at the Map Component and Its Library [6mins]
06-06 Summary [1mins]
07 Wrapping JavaScript Components in .NET [62mins]
07-01 Introduction [1mins]
07-02 Understand the Scenario to Use a Data Grid [1mins]
07-03 Look at a JavaScript Sample That Uses the Ag-Grid [5mins]
07-04 Create a BlazorAgGrid Component [3mins]
07-05 Initialize the Wrapped JavaScript Component [3mins]
07-06 Use the BlazorAgGrid in the Blazor App [3mins]
07-07 Add a RowData Component Parameter [4mins]
07-08 Support Multiple BlazorAgGrids on a Single Page [6mins]
07-09 Implement IDisposable to Clean Up [4mins]
07-10 Understand Server Prerendering and Disposing [4mins]
07-11 Add an OnSelectionChanged Event [4mins]
07-12 Use the OnSelectionChanged Event [3mins]
07-13 Override the ShouldRender Method [4mins]
07-14 Pass Column Definitions from .NET to JavaScript [5mins]
07-15 Add an AutoGenerateColumns Component Parameter [3mins]
07-16 Create a BlazorAgGridColumn Component [7mins]
07-17 Summary [2mins]
[فارسی]
01 بررسی اجمالی دوره [2 دقیقه]
01-01 بررسی اجمالی دوره [2 دقیقه]
02 درک نیاز به استفاده از جاوا اسکریپت در Blazor [12 دقیقه]
02-01 بررسی نسخه [0 دقیقه]
02-02 مقدمه [1 دقیقه]
02-03 چرا از جاوا اسکریپت در برنامه Blazor خود استفاده کنید؟ [4 دقیقه]
02-04 سناریوهای تعامل جاوا اسکریپت پشتیبانی شده را بشناسید [1 دقیقه]
02-05 به برنامه Blazor مورد استفاده در این دوره نگاه کنید [4 دقیقه]
02-06 خلاصه دوره [2 دقیقه]
03 فراخوانی توابع جاوا اسکریپت از دات نت [59 دقیقه]
03-01 مقدمه [1 دقیقه]
03-02 یک فایل جاوا اسکریپت به برنامه Blazor خود اضافه کنید [2 دقیقه]
03-03 ایجاد یک تابع جاوا اسکریپت در گستره جهانی [3 دقیقه]
03-04 فراخوانی یک تابع جاوا اسکریپت که باطل میشود [5 دقیقه]
03-05 ارسال یک شی دات نت به یک تابع جاوا اسکریپت [3 دقیقه]
03-06 فراخوانی یک تابع جاوا اسکریپت که مقداری را برمی گرداند [4 دقیقه]
03-07 دریافت یک شی به عنوان مقدار بازگشتی [3 دقیقه]
03-08 ارجاع یک عنصر HTML به یک تابع جاوا اسکریپت [4 دقیقه]
03-09 درک جاوا اسکریپت Interop در چرخه حیات کامپوننت [4 دقیقه]
03-10 مشاهده پیشاجرای سرور در عمل [4 دقیقه]
03-11 استفاده از JavaScript Interop در چرخه عمر کامپوننت [6 دقیقه]
03-12 تمرکز یک جزء Blazor از طریق جاوا اسکریپت [3 دقیقه]
03-13 مدیریت خطاهای جاوا اسکریپت در NET [4 دقیقه]
03-14 فراخوانی توابع جاوا اسکریپت به صورت همزمان [3 دقیقه]
03-15 کار با ماژولهای جاوا اسکریپت [9 دقیقه]
03-16 خلاصه [1 دقیقه]
04 فراخوانی متدهای دات نت از جاوا اسکریپت [23 دقیقه]
04-01 مقدمه [1 دقیقه]
04-02 فراخوانی یک روش استاتیک دات نت از جاوا اسکریپت [6 دقیقه]
04-03 از یک شناسه روش سفارشی استفاده کنید [4 دقیقه]
04-04 فراخوانی یک روش نمونه دات نت از جاوا اسکریپت [8 دقیقه]
04-05 فراخوانی یک روش مؤلفه از یک کنترل کننده رویداد جاوا اسکریپت [4 دقیقه]
04-06 خلاصه [0 دقیقه]
05 ادغام APIهای مرورگر در برنامه Blazor شما [20 دقیقه]
05-01 مقدمه [1 دقیقه]
05-02 برنامه ذخیرهسازی محلی را بشناسید [3 دقیقه]
05-03 به کد سی شارپ آماده شده نگاه کنید [4 دقیقه]
05-04 ذخیره دادهها در حافظه محلی مرورگر [6 دقیقه]
05-05 بررسی کنید آیا مرورگر آنلاین است [5 دقیقه]
05-06 خلاصه [1 دقیقه]
06 استفاده از JavaScript Interop در کتابخانههای کلاس Razor [24 دقیقه]
06-01 مقدمه [1 دقیقه]
06-02 یک کتابخانه کلاس Razor ایجاد و کاوش کنید [6 دقیقه]
06-03 انتقال یک جزء Blazor با جاوا اسکریپت به کتابخانه [5 دقیقه]
06-04 از مؤلفه Blazor در برنامه Blazor خود استفاده کنید [5 دقیقه]
06-05 به مؤلفه نقشه و کتابخانه آن نگاه کنید [6 دقیقه]
06-06 خلاصه [1 دقیقه]
07 بستهبندی اجزای جاوا اسکریپت در دات نت [62 دقیقه]
07-01 مقدمه [1 دقیقه]
07-02 درک سناریوی استفاده از شبکه داده [1 دقیقه]
07-03 به یک نمونه جاوا اسکریپت که از Ag-Grid استفاده میکند نگاه کنید [5 دقیقه]
07-04 ایجاد یک جزء BlazorAgGrid [3 دقیقه]
07-05 راه اندازی مؤلفه جاوا اسکریپت پیچیده شده [3 دقیقه]
07-06 از BlazorAgGrid در برنامه Blazor استفاده کنید [3 دقیقه]
07-07 افزودن یک پارامتر مولفه RowData [4 دقیقه]
07-08 پشتیبانی از چند BlazorAgGrids در یک صفحه [6 دقیقه]
07-09 پیادهسازی IDisposable to Clean Up [4 دقیقه]
07-10 درک پیش اجرا و دفع سرور [4 دقیقه]
07-11 یک رویداد OnSelectionChanged اضافه کنید [4 دقیقه]
07-12 از رویداد OnSelectionChanged استفاده کنید [3 دقیقه]
07-13 نادیده گرفتن روش ShouldRender [4 دقیقه]
07-14 انتقال تعاریف ستون از دات نت به جاوا اسکریپت [5 دقیقه]
07-15 افزودن یک پارامتر مؤلفه AutoGenerateColumns [3 دقیقه]
07-16 یک جزء BlazorAgGridColumn ایجاد کنید [7 دقیقه]
07-17 خلاصه [2 دقیقه]
توماس MVP مایکروسافت برای توسعه ویندوز است. او به عنوان توسعه دهنده، مشاور و مربی در زمینههای .NET، #C، TypeScript، XAML و Azure فعالیت میکند. توماس سخنران و نویسنده مشهور کتاب است. او چندین کتاب با علاقه خاص در زمینههای خود نوشته است، از جمله یک کتاب راهنمای گسترده برای Windows Presentation Foundation و یک کتاب راهنمای توسعه با TypeScript. توماس با همسر و سه دخترش در جنگل سیاه آلمان زندگی میکند. او در اوقات فراغت خود فوتبال و گیتار بازی میکند، در باشگاه ورزش میکند و دوست دارد با موتور سیکلت خود در غروب آفتاب سوار شود.