blazor

آموزش Blazor از صفر تا صد (15 درس رایگان)

اساطیر زبان

شرکت نرم افزاری مایکروسافت نسخه جدید چارچوب .NET Core 3 را به بازار عرضه کرد البته این نسخه جدید شامل یک چارچوب طراحی وب جدید به نام Blazor بود. پس از این در ماه مه شرکت نرم افزاری مایکروسافت نسخه جدیدی از این چارچوب نرم افزاری یعنی Blazor 3.2 را منتشر کرد و با عنوان Blazor WebAssemble به عنوان نسخه آماده استفاده ارائه کرد. Blazor را میتوان یک تکنولوژی بی نظیر دانست زیرا میتوان گفت آینده دنیای جاوا اسکریپت است.

در واقع Blazer یک فریمورک جدید تحت وب هست که این امکان را به برنامه نویسان .Net میدهد تا از طریق Open Web Standards بتوانند کدهای خود را در مرورگر اجرا و تجربه جدیدی از ساخت برنامه‌های تک صفحه‌ای را داشته باشند. در ادامه این مقاله Blazor را به طور جامع بررسی خواهیم کرد.

 


جاوا اسکریپت

توی این پک فوق العاده، جاوا اسکریپت رو جوری یاد میگیری که تو هیچ کلاس آموزشی یا پک دیگه ای نه دیدی نه شنیدی! بدون هیچ کلاسی، با جاوا اسکریپت اپلیکیشن بزن، پروژه محور یاد بگیر و حسابی پول در بیار! 


 

Blazor چیست؟

Blazor فریم ورک مایکروسافت است که برای ایجاد UIهای غنی و تعاملی با سی شارپ استفاده می‌شود. برنامه های Blazor با استفاده از کامپوننت‌های Razor ساخته می‌شوند که یکی از قابلیت‌های ASP.NET است. این فایل‌ها از C# و HTML تشکیل شده اند.

انواع مدل Blazor

BLAZOR دارای دو مدل Server و WebAssemble است. مدل سرور با .NET Core 3. عرضه شد. اما WebAssemble در مرحله آزمایشی بود اما اکنون با Blazor 3.2 به طور کامل منتشر شده است. هر دو مدل از همان معماری اجزا گرا استفاده می کنند ، اما در نحوه اجرای آن اجزا بسیار متفاوت هستند.

Blazor Server

وقتی که شما با استفاده از این نسخه برنامه های خود را بنویسید کلیه برنامه ها روی کدهای ASP.NET Core میزبانی می شود که با فرمت و سینتکس Razor قابل دسترسی می باشد. برنامه هایی که با استفاده از این نسخه از Blazor نوشته می شوند می توانند به راحتی با Thin Client ها کار کنند و تمامی بخش های پردازشی روی سرور انجام می شود.

Blazor WebAssembly

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

مزایای Blazor

1- سرعت در رندر کردن صفحات

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

2- امکان ساخت PWA ها

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

3- قابلیت کار کردن به صورت آفلاین در کلاینت

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

4- ارتباط خوب با سرور

Blazor با سرور های ویندوزی کار می کند. این به این معنا است که وقتی فریم ورک Blazor را انتخاب کنید، هم سایت و هم سرور هر دو از زبان C# استفاده می کنند و این سازگاری کیفیت خوبی را به ارمغان خواهد آورد.

5- قابلیت استفاده مجدد از کدها

Blazor امکان استفاده از DLL ها را در اختیار شما قرار داده می شود و این چیزی جز امکان استفاده از کامپوننت ها و ماژول های قابل استفاده مجدد نیست. شما با استفاده از این ماژول ها می توانید قابلیت های بسیار خوبی را برای خود پیاده سازی کنید که به شما این امکان را می دهد که در زمان و انرژی ای که برای طراحی یک سایت می خواهید بگذارید صرفه جویی کنید.

6- انجام پردازش سمت کلاینت

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

معایب Blazor

1- نیاز به سرور های NET. و ویندوزی

سایت های طراحی شده با Blazor برای اجرا حتما باید از سرور های .NET و ویندوزی در آنها استفاده کنند که این موضوع یک ضعف برای این فریمورک شناخته میشود.

2- عدم مقیاس پذیری و Scalable نبودن

یکی از معایب Blazor ، Scalable نبودن سایت ها و محصولات نرم افزاری طراحی شده با این فریم ورک است. در صورتی که شما یک سایت اینترنتی را با استفاده از Blazor برای نفرات محدود طراحی کنید و تعداد کاربران شما به یک باره افزایش داشته باشد، سایت شما قادر نخواهد بود که با همان بازدهی روز اول کار کند.

3- عدم کار روی تین کلاینت ها

سایت ها و اپلیکیشن های تحت وب پیاده سازی شده با استفاده از فریم ورک Blazor امکان اجرا روی تین کلاینت ها(کامپیوتر های کوچک با منابع محدود) را ندارند و از این رو می توان این مورد را به عنوان یک ضعف بزرگ در Blazor عنوان کرد.

4- امکان تست و Debugging محدود

یکی دیگر از معایب Blazor امکان Debugging یا همان دیباگ کردن کد های برنامه می باشد. شما می توانید یک برنامه نوشته شده در Blazor را دیباگ کنید اما این دیباگ گردن به شما اطلاعاتی بسیار محدود را می دهد و با توجه به اینکه ماهیت کد های C# به گونه ای است که بسیار گسترده عمل می کنند احتمال رخ دادن خطا در داخل این برنامه ها بسیار بالا خواهد بود.

حتما در کنار این آموزش دانلود کنید: آموزش صفر تا صد سی شارپ

دانلود دروس آموزش Blazor

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

آموزش اول

از پیج Hamcker:

درس 1

درس 2

درس 3

درس 4

درس 5

درس 6

حتما در کنار این آموزش دانلود کنید: آموزش صفر تا صد Adobe xd برای طراحی رابط های کاربری زیبا

آموزش دوم

دوره پروژه محور طراحی سایت با asp.net mvc core 5 و Blazor از پیج توسعه پردازان:

درس 1

درس 2

درس3

درس 4

درس5

درس 6

درس7

درس 8

درس9

درس10

درس11

درس12

درس13

درس14

درس15

درس16

درس17

درس18

درس19

درس20

درس21

درس22

درس23

درس24

 

در ادامه حتما دانلود کنید: آموزش صفر تا صد جاوااسکریپت (رایگان)

تفاوت پک های حرفه ای ما با آموزشهای رایگان: بطور خلاصه از زمین تا آسمان! 1-پکها، جدیدترین نسخه نرم افزارها را آموزش می دهند با قابلیت های بسیار بیشتر. 2-پکها توسط متخصص آن نرم افزار، به صورت کاملا پروژه محور و با حل چالش هایی که در مسیر کار عملی و حرفه ای با آن روبرو می شوید تهیه شده اند و بعد از استفاده، کاملا برای بازار کار آماده اید! 3- متد این پکها کاملا کار شده و تا ماهها، در ذهن تان ماندگارند و یادگیری بسیار سریعتر و کاملتری خواهید داشت. آموزشهای رایگان فقط دستورات نرم افزارها را (آنهم ناقص) بیان می کنند و تازه برای ورود به بازار باید ماهها تجربه عملی هم کسب کنید !!

turned_in,

چرب زبان

با این اپلیکیشن ساده، هر زبانی رو فقط با 5 دقیقه در روز، توی 80 روز مثل بلبل حرف بزن! بهترین متد روز، تقویت حافظه، آموزش تصویری. یادگیری زبان کلید یادگیری هر مهارتی در قرن 21 !


حتما بخوانید!

10 دیدگاه. ارسال دیدگاه جدید

  • حمزه ارکیا
    دی 27, 1400 9:41 ق.ظ

    اقا پک اموزشی جاوا اسکریپت تون خییییلی خفن بود به موقع هم ارسال شد. این موزشای رایگانتون پیش پک تون خیلی داغونن :/ ملتو گذاشتین سرکار چی ن اینا؟؟؟؟؟

    پاسخ
  • آموزش خیلی خوبی هست ممنونم

    پاسخ
  • سلام و ممنون از آموزش خوبتون
    یه سوال داشتم: در آموزش ها که با ویژوال استودیو 2019 هست، پروژه به صورت پیش فرض به سه بخش client server shared تقسیم شده. من با ویژوال استودیو 2022 کار میکنم و وقتی پروژه جدید میسازم این سه بخش رو نمیبینم، ایا لازمه پروژم رو به این سه بخش تقسیم کنم؟

    پاسخ
  • با سلام ممنون از آموزش خوبتون
    آیا ما نمیتونیم برای آموزش blazor source کدها رو داشته باشیم ?

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

    پاسخ
  • بسته حرفه ای جاوا اسکریپتتون خریدم کاملا پروژه محور و بازار کاری بود. بی نظیررر منتها دیر رسید. این ویدیوهاتون چییی ن اخه؟ اون کجا ایناا کجا؟؟ راسته میگن هر چی پول بدی اش می خوری 😊😂 تمام تکنیکای عملگرها ساختارهای کنترلی و … رو داشت که اصلا توی این ویدیوهاتون نیست.

    پاسخ
  • elham.abdollahi2020@gmail.com
    بهمن 29, 1401 12:38 ب.ظ

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

    پاسخ
  • سلام قالب پروژه رو از کجا باید دسترسی داشته باشیم ؟

    پاسخ
  • سلام
    به نظر من خیلی گنگ توضیح دادین و خواستن از سر وا کنید.. هی میگه این و از اینجا اونو از اینجا انگار خودتون کپی پیست کردین

    پاسخ

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

این فیلد را پر کنید
این فیلد را پر کنید
لطفاً یک نشانی ایمیل معتبر بنویسید.

فهرست