d071

آموزش تبدیل برنامه های Asp.Net Core به PWA

کدسل برنامه نویسی وب Asp.Net Core

لینک کوتاه https://codecell.ir/course/d071
رایگان از من حمایت کن!
مدرس: سهراب قیصری
تعداد ویدیوها: 1
مدت زمان دوره: 00:10:11
وضعیت دوره: به اتمام رسیده
آخرین بروزرسانی: 1401/03/16
به اشتراک گذاری
نظرات
3
کلمات کلیدی:
آموزش های پیشنهادی:
جلوگیری از حملات XSS در Asp Core استفاده از انیمیشن های Lottie در Asp Core آموزش کد فرست در EF Core آموزش SignalR در Asp.Net Core آموزش Fluent API در EF Core بررسی Service Lifetime تزریق وابستگی در Asp core آموزش نصب و استفاده از CKEditor 5 در Asp Core آموزش استفاده از Serilog در asp.net core آموزش RESTful API و عملیات CRUD در Asp Core آموزش استفاده از Sass در Asp Core آموزش استفاده از Kendo UI در Asp.net core ارسال web push notification در Asp Core آموزش استفاده از HttpClientFactory در asp core آموزش استفاده از View Location Expander در asp core mvc آموزش استفاده از Json Columns در EF Core 7 آموزش Bulk Update و Bulk Delete در EF Core 7 آموزش FluentValidation در Asp Core
دیگر آموزش های مدرس:
آموزش ایجاد برنامه ی چت با Blazor Auto و SignalR اپلیکیشن چت با Blazor Auto و SignalR

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

13:08:56
3٬250٬000 تومان
Auto Migration در Asp.net Core Web API Auto Migration در Asp.net Core Web API

Auto Migration در Asp.net Core Web API

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

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

29:56:43
1٬700٬000 تومان
آموزش Web API در Asp.net Core 7 و 8 آموزش Web API در Asp.net Core 7

آموزش Web API در Asp.net Core 7 و 8

17:44:59
900٬000 تومان
آموزش پروژه محور Blazor: Full stack Web UI آموزش Blazor Full stack Web UI

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

24:27:19
1٬650٬000 تومان
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
رایگان
آموزش مقدماتی تا پیشرفته Blazor WebAssembly آموزش Blazor WebAssembly

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

19:16:19
1٬300٬000 تومان
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
رایگان
آموزش معماری Microservice و کوبرنتیز در ASP.NET Core معماری Microservice در ASP.NET Core

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

15:27:40
1٬600٬000 تومان
آموزش Minimal API در Asp.net Core Minimal API در Asp.net Core

آموزش Minimal API در Asp.net Core

01:02:40
رایگان
معماری Vertical Slice در Asp.net Core 8 معماری Vertical Slice در Asp.net Core 8

معماری Vertical Slice در Asp.net Core 8

00:31:07
رایگان
نکات و ترفندهای Net Core و سی شارپ نکات و ترفندهای Net Core

نکات و ترفندهای Net Core و سی شارپ

03:44:30
رایگان
معماری Multi-Tenant در Asp.net core معماری Multi-Tenant در Asp.net core

معماری Multi-Tenant در Asp.net core

00:37:47
رایگان
آموزش پیشرفته Asp.net Core آموزش Asp.net Core 7 MVC آموزش Asp Core 7 MVC

آموزش پیشرفته Asp.net Core

31:50:49
1٬000٬000 تومان
آموزش ایجاد دسترسی داینامیک و احراز هویت Jwt در Asp.net Core دسترسی داینامیک و احراز هویت Jwt در Asp Core

آموزش ایجاد دسترسی داینامیک و احراز هویت Jwt در Asp.net Core

07:09:15
600٬000 تومان
آموزش استفاده از Hosted Service ها در Asp Core آموزش نحوه اجرای کارهای پس زمینه در asp core

آموزش استفاده از Hosted Service ها در Asp Core

01:26:43
200٬000 تومان
آموزش Redis در Asp.net Core با Docker آموزش استفاده از Redis در Asp.net Core با داکر

آموزش Redis در Asp.net Core با Docker

04:43:21
400٬000 تومان
آموزش gRPC در Asp.net Core آموزش gRPC در Asp Core

آموزش gRPC در Asp.net Core

07:10:38
700٬000 تومان
آموزش PWA در Asp.Net Core

PWA یا وب اپلیکیشن پیش رونده چیست؟

PWA یا وب اپلیکیشن پیش رونده (Progressive Web Application) نوعی برنامه وب است که می تواند هم به عنوان صفحه وب و هم به عنوان برنامه تلفن همراه در هر دستگاهی کار کند. PWA یک راه حل عالی برای جبران UX برنامه های تلفن همراه است.

PWA ها با جاوا اسکریپت، CSS و HTML نوشته می شوند. آنها دقیقاً مانند صفحات وب معمولی به نظر می رسند و رفتار می کنند (به این معنی که در مرورگرهای اینترنتی قابل جستجو هستند). با این حال، آنها عملکردهای یکسانی که توسط برنامه های تلفن همراه ارائه می شود را ارائه می دهند.

هدف از PWA چیست؟

با استفاده از فناوری های استاندارد، هدف PWA ارائه تجربه کاربری مشابه اپلیکیشن های اندروید و ios و سایر سیستم عامل های همراه، با تبدیل سریعتر و مرور تمیزتر حتی با اتصال ضعیف اینترنت و همچنین تحول تجارت الکترونیک با موبایل با راحت ترین و سریع ترین روش وکمترین هزینه ممکن است.

مزایای استفاده از PWA چیست؟

  • PWA ها روان، سریع و سبک هستند
  • PWA ها می توانند آفلاین کار کنند
  • PWA ها می توانند اعلان ها (push notifications) را ارسال کنند
  • PWA ها می توانند از ویژگی های دستگاه های کاربر استفاده کنند
  • PWA ها را می توان در استورهای محبوب مانند AppStore و Google Play آپلود کرد
  • PWA ها واکنش گرا هستند و با اندازه های مختلف صفحه نمایش کار می کنند
  • ساخت PWA ها اغلب ارزان تر است

تفاوت برنامه های PWA یا وب اپلیکیشن پیش رونده و برنامه های بومی موبایل(Native) چیست؟

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

البته راه هایی برای به دست آوردن بهترین ها از هر دو دنیا (اندریود و ios) وجود دارد. به عنوان مثال، یک برنامه PWA. برنامه های PWA در مرورگر اجرا می شود و پس از ذخیره در صفحه اصلی مانند یک برنامه بومی عمل می کند. حتی به سخت افزار و نرم افزار که مرورگر به دلایل ایمنی نمی تواند به آنها دسترسی داشته باشد دسترسی پیدا می کند. اگر PWA عالی عمل کند، کاربران هرگز متوجه نمی شوند که از یک برنامه مبتنی بر وب به جای یک برنامه بومی استفاده می کنند.

نحوه تبدیل برنامه Asp Core به PWA

برای ایجاد PWA در برنامه های Asp Core می توان بوسیله پکیج WebEssentials.AspNetCore.PWA  یک پروژه Asp Core را به یک اپلیکیشن PWA تبدیل کرد.

ما در این آموزش ابتدا یک پروژه Asp Core 6 ایجاد و سپس از طریق پکیج WebEssentials.AspNetCore.PWA و تنظیم فایل manifest پروژه Asp Core خود را به یک PWA با قابلیت نصب و اجرای آفلاین تبدیل خواهیم کرد.

 دانلود سورس کد پروژه تبدیل برنامه Asp Core به PWA

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

نحوه ایجاد PWA در Asp Core

00:10:11

پرسش های متداول

PWA یا وب اپلیکیشن پیش رونده (Progressive Web Application) نوعی برنامه وب است که می تواند هم به عنوان صفحه وب و هم به عنوان برنامه تلفن همراه در هر دستگاهی کار کند.

  • PWA ها روان، سریع و سبک هستند
  • PWA ها می توانند آفلاین کار کنند
  • PWA ها می توانند اعلان ها (push notifications) را  ارسال کنند
  • PWA ها می توانند از ویژگی های دستگاه های کاربر استفاده کنند
  • PWA ها را می توان در استورهای محبوب مانند AppStore و Google Play آپلود کرد
  • PWA ها واکنش گرا هستند و با اندازه های مختلف صفحه نمایش کار می کنند
  • ساخت PWA ها اغلب ارزان تر است

هدف PWA ارائه تجربه کاربری مشابه اپلیکیشن های اندروید و ios و سایر سیستم عامل های همراه، با تبدیل سریع‌تر و مرور تمیزتر حتی با اتصال ضعیف اینترنت و همچنین تحول تجارت الکترونیک با موبایل با راحت‌ترین و سریع‌ترین روش و کمترین هزینه ممکن است.

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

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

Response Caching در ASP.NET Core

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

305 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 راه اندازی کنیم.

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

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

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

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

ViewComponent در ASP.NET Core

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

LinkedList در سی شارپ

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

1٬595 0 1401/08/13
Garbage Collection در دات نت Garbage Collection در دات نت

Garbage Collection در دات نت

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

2٬300 3 1401/03/30
.NET Core چیست؟ .NET Core چیست؟

.NET Core چیست؟

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

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

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

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

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

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

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

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

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

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

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

Dictionary در سی شارپ

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

1٬835 3 1401/02/17
Hashtable در سی شارپ Hashtable در سی شارپ

Hashtable در سی شارپ

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

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

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

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

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

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

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

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

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

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

2٬118 5 1401/02/03
نظرات

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