c2ed

ایجاد کامپوننت OTP Input با استفاده از Blazor

کدسل برنامه نویسی وب Blazor

لینک کوتاه https://codecell.ir/course/c2ed
رایگان از من حمایت کن!
مدرس: سهراب قیصری
تعداد ویدیوها: 1
مدت زمان دوره: 00:42:48
وضعیت دوره: به اتمام رسیده
آخرین بروزرسانی: 1403/12/03
به اشتراک گذاری
نظرات
0
دیگر آموزش های مدرس:
آموزش جامع Web API آموزش جامع Web API

آموزش جامع Web API

20:14:55
1٬500٬000 تومان
آموزش مقدماتی تا پیشرفته Blazor WebAssembly آموزش Blazor WebAssembly

آموزش مقدماتی تا پیشرفته Blazor WebAssembly

28:15:21
2٬500٬000 تومان
دوره جامع و پروژه محور .Net Aspire آموزش جامع و پروژه محور .Net Aspire

دوره جامع و پروژه محور .Net Aspire

13:18:10
6٬500٬000 تومان
آموزش پروژه محور Blazor: Full stack Web UI آموزش Blazor Full stack Web UI

آموزش پروژه محور Blazor: Full stack Web UI

27:23:52
2٬200٬000 تومان
آموزش جامع MAUI Blazor Hybrid آموزش جامع MAUI Blazor Hybrid

آموزش جامع MAUI Blazor Hybrid

08:37:32
1٬150٬000 تومان
آموزش معماری Microservice و کوبرنتیز در ASP.NET Core معماری Microservice در ASP.NET Core

آموزش معماری Microservice و کوبرنتیز در ASP.NET Core

18:28:19
2٬300٬000 تومان
CRUD Stored Procedure با استفاده EF Core CRUD Stored Procedure در EF Core

CRUD Stored Procedure با استفاده EF Core

00:36:00
رایگان
CRUD Stored Procedure در دات نت 8 CRUD Stored Procedure در دات نت 8

CRUD Stored Procedure در دات نت 8

00:30:08
رایگان
آموزش Dapper در Asp.net core آموزش Dapper در Asp.net core

آموزش Dapper در Asp.net core

00:33:53
رایگان
الگوی طراحی Builder در سی شارپ الگوی طراحی Builder در سی شارپ

الگوی طراحی Builder در سی شارپ

00:18:47
رایگان
آموزش جامع .NET MAUI آموزش جامع .NET MAUI

آموزش جامع .NET MAUI

30:13:15
1٬800٬000 تومان
آموزش ایجاد برنامه ی چت با Blazor Auto و SignalR اپلیکیشن چت با Blazor Auto و SignalR

آموزش ایجاد برنامه ی چت با Blazor Auto و SignalR

14:25:18
3٬250٬000 تومان
Channel در سی شارپ Channel در سی شارپ

Channel در سی شارپ

00:12:03
رایگان
افزایش تاب آوری در Asp.net Core Web API با استفاده از Polly استفاده از Polly در Web API

افزایش تاب آوری در Asp.net Core Web API با استفاده از Polly

00:23:43
رایگان
Auto Migration در Asp.net Core Web API Auto Migration در Asp.net Core Web API

Auto Migration در Asp.net Core Web API

00:28:35
رایگان
Hashing و Salting در سی شارپ Hashing و Salting در سی شارپ

Hashing و Salting در سی شارپ

00:09:33
رایگان
الگوی طراحی Adapter در Asp.net Core Web API الگوی طراحی Adapter در Asp.net Core Web API

الگوی طراحی Adapter در Asp.net Core Web API

00:11:45
رایگان
Response Compression در ASP.NET Core Response Compression در ASP.NET Core

Response Compression در ASP.NET Core

00:08:38
رایگان
پیاده سازی Soft Delete در Asp.net Core پیاده سازی Soft Delete در Asp.net Core

پیاده سازی Soft Delete در Asp.net Core

00:20:40
رایگان
ایجاد کامپوننت OTP Input با استفاده از Blazor

Blazorیک فریم‌ورک رابط کاربری در دات ‌نت است که به توسعه ‌دهندگان اجازه می‌دهد با استفاده از C# و Razor، برنامه‌ های تحت وب تعاملی ایجاد کنند. این فریم ‌ورک به جای استفاده از جاوااسکریپت برای تعاملات سمت کلاینت، از WebAssembly یا سرور برای اجرای کد C# در مرورگر استفاده می‌کند.

Blazorچیست و چه کاربردی دارد؟

Blazor یکی از فریم‌ورک‌های مایکروسافت برای توسعه برنامه‌های تحت وب است که به دو مدل اصلی تقسیم می‌شود:

Blazor Server

 در این مدل، منطق سمت کلاینت در سرور اجرا شده و از طریق سیگنال (SignalR) با مرورگر کاربر ارتباط برقرار می‌کند.

Blazor WebAssembly

 در این مدل، کد C# به WebAssembly کامپایل شده و مستقیماً در مرورگر اجرا می‌شود، بدون نیاز به ارتباط دائمی با سرور.

چرا باید از Blazor استفاده کنیم؟

کدنویسی یکپارچه با C#: نیازی به استفاده از جاوااسکریپت برای تعاملات سمت کلاینت نیست.

  • استفاده از دات‌نت: قابلیت بهره‌گیری از تمام امکانات دات‌نت و کتابخانه‌های آن.
  • پشتیبانی از کامپوننت‌های قابل استفاده مجدد: Blazor از معماری کامپوننتی پشتیبانی می‌کند که توسعه و نگهداری کد را ساده‌تر می‌کند.
  • امنیت بالا: در مقایسه با برخی تکنولوژی‌های دیگر، Blazorامکان استفاده از ویژگی‌های امنیتی پیشرفته دات‌نت را فراهم می‌کند.

کامپوننت در Blazor چیست؟

کامپوننت‌ها در Blazor، بلوک‌های ساختمانی مستقل و قابل استفاده مجددی هستند که شامل HTML، CSSو C# می‌شوند. هر کامپوننت معمولاً دارای منطق، وضعیت و قابلیت‌های خاص خود است که باعث می‌شود بتوانیم آنها را در قسمت‌های مختلف پروژه مجدداً استفاده کنیم.

چرا باید از کامپوننت‌ها استفاده کنیم؟

  • قابلیت استفاده مجدد: کاهش تکرار کد و بهبود قابلیت نگهداری.
  • مدیریت بهتر وضعیت: می‌توان وضعیت کامپوننت‌ها را مستقل از دیگر بخش‌ها مدیریت کرد.
  • کد تمیز و خوانا: جداسازی منطق و UI باعث افزایش خوانایی کد می‌شود.
  • افزایش سرعت توسعه: به دلیل استفاده مجدد از کامپوننت‌ها، توسعه‌دهندگان می‌توانند سریع‌تر اپلیکیشن‌های خود را بسازند.

در این آموزش با استفاده از قابلیت کامپوننت ها در بلیزر به نحوه ایجاد یک کامپوننت OTP Input در Blazor پرداخته ایم.

همچنین در این آموزش از دات نت 9 استفاده شده است.

دریافت سورس کامپوننت OTPInput در Blazor

نتیجه‌گیری

Blazor یک فریم‌ورک قدرتمند برای توسعه برنامه‌های تحت وب است که از معماری کامپوننتی پشتیبانی می‌کند. کامپوننت‌ها در Blazor باعث افزایش سرعت توسعه، کاهش پیچیدگی و بهبود نگهداری کد می‌شوند.

فهرست ویدیوها
مدت زمان دوره: 00:42:48
دریافت فایل ها آموزش دانلود دوره
01

نحوه ایجاد کامپوننت OTP Input در Blazor - دات نت 9

00:42:48

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

Response Caching در ASP.NET Core Response Caching در ASP.NET Core

Response Caching در ASP.NET Core

Response Caching یک مکانیزم ذخیره سازی پاسخ سرور توسط مرورگر یا سایر کلاینت ها است. با استفاده از Response Caching در Asp.net Core می توانیم عملکرد و کارایی سیستم را بالا ببریم.

794 0 1402/10/22
Output Caching در ASP.NET Core 8.0 Output Caching در ASP.NET Core 8.0

Output Caching در ASP.NET Core 8.0

Output Caching یک ویژگی جدید است که از زمان .NET 7 معرفی شده است. این ویژگی به ما این امکان را می دهد که به راحتی یک کش پاسخ برای Web API خود بدون پیاده سازی IMemoryCache راه اندازی کنیم.

839 0 1402/10/14
الگوی طراحی زنجیره مسئولیت در سی شارپ الگوی طراحی Chain of Responsibility در سی شارپ

الگوی طراحی زنجیره مسئولیت در سی شارپ

الگوی زنجیره مسئولیت یا Chain of Responsibility Design Pattern یک الگوی طراحی رفتاری(behavioral design pattern) است که اجازه می‌دهد یک درخواست در امتداد زنجیره‌ای از کنترل‌کننده‌های بالقوه ارسال شود تا زمانی که درخواست مناسب برای پردازش آن را پیدا کند.

799 2 1402/10/01
ViewComponent در ASP.NET Core ViewComponent در ASP.NET Core

ViewComponent در ASP.NET Core

در ASP.NET Core با استفاده از ViewComponent ها می توان اجزای ماژولار، قابل استفاده مجدد، قابل نگهداری و مقیاس پذیر برای ساخت برنامه های کاربردی وب ایجاد کرد. در این مقاله به نحوه ایجاد و فراخوانی ViewComponent در Asp.net core پرداخته ایم.

1٬652 2 1402/05/15
تطبیق الگو در NET 7: ساده سازی تجزیه و تحلیل داده ها Pattern Matching در سی شارپ

تطبیق الگو در NET 7: ساده سازی تجزیه و تحلیل داده ها

تطبیق الگو یا Pattern Matching در net7 یک تکنیک قدرتمند برای تجزیه و تحلیل و دستکاری داده ها بر اساس ساختار آن ها است. تطبیق الگو یا Pattern Matching به توسعه دهندگان اجازه می دهد تا مقادیر را با یک الگوی خاص مطابقت دهند و اقدامات مربوطه را انجام دهند.

1٬163 2 1402/04/05
تزریق وابستگی در ASP.NET Core تزریق وابستگی در ASP.NET Core

تزریق وابستگی در ASP.NET Core

تزریق وابستگی (DI) یک الگوی طراحی نرم افزاری است که امکان ایجاد برنامه های کاربردی و ماژولار را فراهم می کند.. در .NET Core تزریق وابستگی یا Dependency injection یک ویژگی مهم است که می تواند برای ساده سازی توسعه برنامه، بهبود تست پذیری و کاهش پیچیدگی کد مورد استفاده قرار گیرد.

2٬271 2 1402/02/04
ضروری ترین کتابخانه های NuGet برای ASP.NET Core ضروری ترین کتابخانه های NuGet برای ASP.NET Core

ضروری ترین کتابخانه های NuGet برای ASP.NET Core

در این مقاله مهمترین،ضروری ترین و پرکاربردترین کتابخانه های NuGet که هر توسعه‌ دهنده‌ ASP.NET Core باید برای توسعه بهتر و کاهش زمان مورد نیاز برای برنامه ‌های خود از آن استفاده کنند را مورد بررسی قرار داده ایم.

1٬723 1 1401/12/29
الگوی طراحی Factory در سی شارپ الگوی طراحی Factory در سی شارپ

الگوی طراحی Factory در سی شارپ

الگوهای طراحی یکی از مهمترین جنبه های طراحی و معماری نرم افزار است. Factory Method یک الگوی طراحی ایجادی است که یک رابط برای ایجاد اشیاء در یک سوپر کلاس فراهم می‌کند. ما در این مقاله الگوی Factory Method Design در سی شارپ را بررسی می کنیم.

1٬804 1 1401/10/28
مقایسه List و Array در سی شارپ مقایسه List و Array در سی شارپ

مقایسه List و Array در سی شارپ

آرایه و لیست در سی شارپ هر دو به عنوان مجموعه ای از مقادیر عمل می کنند، اما در نحوه ذخیره محتوای خود در حافظه و نحوه دسترسی به آنها متفاوت هستند. در این مقاله Benchmark و کارایی List<T> با سایز داینامیک، List<T> با سایز ثابت و Array ها را بررسی می کنیم.

2٬414 2 1401/09/01
LinkedList در سی شارپ LinkedList یا لیست پیوندی در سی شارپ

LinkedList در سی شارپ

LinkedList یا لیست پیوندی در سی شارپ یک ساختار داده خطی است که عنصر را در مکان غیر پیوسته ذخیره می کند. LinkedList شامل گره هایی است که هر گره حاوی یک فیلد داده و یک مرجع (پیوند) به گره بعدی در لیست است. در سی شارپ، LinkedList یا لیست پیوندی یک نوع مجموعه جنریک است.

2٬267 0 1401/08/13
Garbage Collection در دات نت Garbage Collection در دات نت

Garbage Collection در دات نت

به طور کلی، Garbage Collection (GC) یا جمع آوری زباله در .Net چیزی نیست جز به دست آوردن مجدد حافظه اختصاص داده شده به اشیایی که در حال حاضر در هیچ بخشی از برنامه ما استفاده نمی شوند. ما در این مقاله Garbage Collection را در سی شارپ بررسی خواهیم کرد.

3٬013 5 1401/03/30
.NET Core چیست؟ .NET Core چیست؟

.NET Core چیست؟

.Net (با تلفظ «دات نت») یک چارچوب نرم افزاری کامپیوتری مدیریت شده رایگان و منبع باز برای سیستم عامل های ویندوز، لینوکس و macOS است. این پروژه در درجه اول توسط کارمندان مایکروسافت از طریق دات نت توسعه یافته و تحت مجوز MIT منتشر شده است.

2٬826 2 1401/03/16
پشته(Stack) در سی شارپ پشته(Stack) در سی شارپ

پشته(Stack) در سی شارپ

پشته یا Stack در سی شارپ یک نوع خطی از ساختار داده است که قادر به ذخیره اشیاء است. پشته یک ساختار داده LIFO یا Last-In-First-Out است، به این معنی که آخرین موردی که در پشته قرار می گیرد اولین موردی است که از پشته خارج می شود.

2٬342 0 1401/03/09
صف (Queue) در سی شارپ صف (Queue) در سی شارپ

صف (Queue) در سی شارپ

صف (Queue) در سی شارپ یک نوع خطی از ساختار داده است که قادر به ذخیره اشیاء است. Queue یک ساختار داده first-in-first-out یا FIFO است که به این معنی است که اولین مورد اضافه شده به صف اولین موردی است که حذف می شود.

2٬281 0 1401/02/30
تفاوت Hashtable و Dictionary در سی شارپ تفاوت Hashtable و Dictionary در سی شارپ

تفاوت Hashtable و Dictionary در سی شارپ

در سی شارپ از Hashtable و Dictionary می توان برای ذخیره مجموعه‌ای از داده‌ها، شبیه به List معمولی استفاده کرد. با این تفاوت که Hashtable و Dictionary عناصر را به عنوان جفت Key/Value ذخیره می کنند.در این مقاله به تفاوت های Hashtable و Dictionary پرداخته شده است.

1٬974 2 1401/02/23
Dictionary در سی شارپ Dictionary در سی شارپ

Dictionary در سی شارپ

در سی شارپ از دیکشنری ها (Dictionary) می‌توان برای ذخیره مجموعه‌ای از داده‌ها، شبیه به List معمولی استفاده کرد. تفاوت اصلی این است که یک Dictionary می تواند عناصر را به عنوان جفت Key/Value ذخیره کند.Key ها باید منحصر به فرد و نمی توانند null باشند. Value ها می توانند تکراری یا null باشند.

2٬441 3 1401/02/17
Hashtable در سی شارپ Hashtable در سی شارپ

Hashtable در سی شارپ

از Hashtable می‌توان برای ذخیره مجموعه‌ای از داده‌ها، شبیه به List معمولی استفاده کرد. تفاوت اصلی این است که یک Hashtable می تواند عناصر را به عنوان جفت Key/Value به عنوان جایگزینی برای استفاده از Index ذخیره کند.

1٬846 5 1401/02/14
Redirect درخواست (ریدایرکت) در asp.net core روش های ریدایرکت درخواست در asp.net core

Redirect درخواست (ریدایرکت) در asp.net core

در برنامه های ASP.NET Core برای تغییر مسیر(ریدایرکت) و Redirect به یک URL خاص روش های مختلفی وجود دارد. در این مقاله با این تکنیک ها و کدهای مورد نیاز برای تغییر مسیر یک درخواست در ASP.NET Core آشنا می شویم.

2٬922 5 1401/02/12
تبدیل enum به لیست انتخابی در asp.net core تبدیل enum به لیست انتخابی در asp core

تبدیل enum به لیست انتخابی در asp.net core

در این آموزش ما بوسیله Reflection ها در سی شارپ و asp.net core یک enum را به لیست انتخابی یا SelectListItem تبدیل خواهیم کرد و بوسیله تگ select در بوت استرپ 5 نمایش می دهیم.

1٬860 3 1401/02/03
نحوه ارسال ایمیل در asp و c# نحوه ارسال ایمیل در asp core

نحوه ارسال ایمیل در asp و c#

امروزه ارسال ایمیل به امری ضروری در پروژه های وب تبدیل شده است.از ارسال ایمیل در asp می توان در بخش های تایید حساب کاربری،بازیابی رمز عبور،ایمیل مارکتینگ،ارسال خبرنامه و ... استفاده نمود.در این آموزش نحوه ارسال ایمیل در asp core و سی شارپ پیاده سازی گردیده است.

2٬768 6 1401/02/03
نظرات

برای ثبت نظر باید در سایت ثبت نام یا ورود نمایید