قیمت این دوره : 180,000 تومان
  • مدرس دوره : حسن عرب برزو ( رزومه )
  • تعداد دانشجویان این دوره : 71 نفر
  • تعداد ویدیوها : 69 ویدیو
  • مدت زمان دوره : 19:50:00
  • سطح دوره : متوسط
  • وضعیت دوره : به اتمام رسیده
  • تاریخ ثبت دوره : 1398/02/21
  • تاریخ آخرین بروزرسانی : 1398/09/30
ثبتـــ نام در این دوره

آموزش صفر تا صد Blazor در Core 3

آموزش صفر تا صد Blazor در Dot Net Core 3  به همراه پروژه عملی

 

این دوره به آخرین نسخه فریم ورک Blazor بروزرسانی شده و با Asp.Net Core 3.0 سازگاری کامل دارد همچنین همه امکانات جدید این فریم ورک آموزش داده میشود.( جهت اطلاعات بیشتر راجب بروزرسانی  ویدیو قسمت 37 را ببینید )

برای مشاهده پروژه نهایی به این لینک مراجعه کنید

اگر با C# کار کرده باشید حتما از این موضوع باخبر هستید که مایکروسافت با زبان محبوب C# توانسته در بیشتر زمینه ها مانند موبایل اپلیکیشن وب اپلیکیشن بازی سازی هوش مصنوعی و… نفوذ کند. حال بعد از رقابت با خود Node js نوبت به آن رسیده بود که با فریم ورک های js رقابت کند یعنی React js, Angular و…؛ مایکروسافت بعد از ارائه Asp.Net Core در پشت پرده به دنبال راهی بود برای اینکه بتواند برنامه نویس های وب خودش را کاملا مستقل کند تا دیگر وابستگی زیادی به js نداشته باشند و سپس دقیقا در تاریخ 3/22/2018 یعنی 2 فروردین 1397 اولین نسخه Blazor را ارائه داد و حال این فریم ورک به نقطه خیلی خوبی از توسعه رسیده و کم کم وارد رقابت با فریم ورک های js میشود.

Blazor در Asp.Net Core چیست؟

به زبان ساده تر ما ازین به بعد به وسیله این فریم ورک قادر خواهیم بود صفحات SPA یا صفحاتی real time (در فریم ورک های js spa نام دارد) که در زمان ورود از صفحه ای به صفحه دیگر، صفحه ما کاملا بازخوانی نمیشود را پیاده سازی کنیم  و فقط قسمتی از آن دوباره بروزرسانی شود.

درباره Blazor :

اولین نسخه استیبل شده ازین فریم ورک نسخه 0.7.0 میباشد و این دوره با نسخه 3.0.0-preview5-19227-01 یعنی آخرین نسخه این فریم ورک در زمان نشر این دوره رکورد شده است که از قسمت 36 به بعد شاهد بروزرسانی آن به آخرین نسخه سازگار با asp.net core 3.0 هستیم (اگر دوره را خریداری کردید به همراه هر قسمت، قسمت بروز شده آن راهم مشاهده کنید)

مبنای کار Blazor ها با WebAssembly ها می باشد که به روش هایی ترجمه می شود تا مرورگر زبان آن را بفهمد.

لازم به ذکر است که WebAssembly در حال حاضر در اکثر نسخه های مرورگر های همه پلتفرم ها پشتیبانی میشود پس جای نگرانی برای استفاده و پشتیبانی نشدن ندارد.

با وجود Blazor Page ها آیا می توان گفت که به صورت کامل به جاوا اسکریپت بی نیاز هستیم؟

خب این یک سوال خیلی چالشی است که دانش شما راجب زبان جاوا اسکریپت چه میشود؟! باید عرض کنم که مایکروسافت دست دوستی به جاوا اسکریپت داده و ما میتوانیم در هر دوی این دو زبان توابع یکدیگر را صدا بزنیم به این منظور که ما را فقط محدود به استفاده از Blazor ها نکرده و در صورت نیاز به راحتی میتوان از جاوا اسکریپت ها استفاده کرد

سرعت Blazor Page ها:

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

پیش نیاز های دوره: 

1- C#

2- Html & Css

3- توانایی پیاده سازی یک پروژه نسبتا کوچک با Asp.Net Core

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

درصورت مشکل در صدای ویدیو ها لطفا از پخش کننده KM Player استفاده کنید و در موبایل از MX Player استفاده کنید

 

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

فهرستـــ ویدیوها

مدت زمان دوره 19:50:00
راهنما ! جهت دانلود فایل ها با دانلود منیجر ( IDM ) بر روی این لینک کلیک کنید.
1
  • معرفی Blazor ها و مقدمه دوره

  • 00:16:00
  • رایگانــ

معرفی Blazor ها و مقدمه دوره

2
  • سرفصل های دوره

  • 00:10:00
  • رایگانــ

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

3
  • نحوه ساخت و استفاده از کامپوننت ها Blazor

  • 00:32:00
  • نقدیــ

نحوه ساخت و استفاده از کامپوننت ها به همراه نحوه ایجاد Blazor library + تغییرات نسخه priveiw 5

4
  • پارامتر های کامپوننت ها

  • 00:08:00
  • نقدیــ

در این جلسه به این میپردازیم که چطور میتوان کامپونت هارا از حالت استتیک خارج کرده و بتوان به آنها پارامترپاس داد

5
  • اعضای کامپوننت (child components)

  • 00:18:00
  • نقدیــ

در این جلسه به این میپردازیم که چطور میتوان یک سری html به یک کامپوننت فرستاد و اینکه چگونه میشود یک تگ html به وسیله RenderFragment ها ایجاد کرد

6
  • One Way Binding در Blazor

  • 00:10:00
  • نقدیــ

برسی one way binding به همراه one time binding در مثال عملی

7
  • Two Way Binding در Blazor

  • 00:09:00
  • نقدیــ

برسی  Two way binding همراه نوع RealTime Bind با مثال عملی

8
  • مقایسه و برسی امکانات Angular در Blazor

  • 00:22:00
  • نقدیــ

به مقاسه و نقد انگولار میپردازیم و مشابه اکثر دایرکتیو های انگولار را در Blazor نام میبریم

9
  • بایند کردن دیتا به یک کامپوننت به همراه برسی Trigger UI Refresh

  • 00:05:00
  • نقدیــ

 تا این قسمت به بایند کردن یک دیتای input پرداختیم، در این قسمت خواهیم یاد گرفت چطور یک دیتا را به یک کامپوننت بایند کنیم

10
  • رویداد ها (events) برای یک متد

  • 00:17:00
  • نقدیــ

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

11
  • رویداد ها (events) برای یک پراپرتی

  • 00:25:00
  • نقدیــ

 در این بخش به زبان ساده خواهیم یاد گرفت چگونه دو پراپرتی یک کلاس را میشود به وسیله رویداد ها به یکدیگر بایند کرد.

12
  • Capture References

  • 00:20:00
  • نقدیــ

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

13
  • Forma String در BLazor

  • 00:06:00
  • نقدیــ

در این بخش به نحوه استفاده از فرمت استرینگ ها در Blazor می پردازیم

14
  • مدیریت رویداد های html (Event Handling)

  • 00:25:00
  • نقدیــ

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

15
  • متد های چرخه زندگی (Lifecycle Methods)

  • 00:22:00
  • نقدیــ

در این بخش زمان اجرای  تمام متد های چرخه زندگی را بررسی میکنیم

16
  • Implementation در blazor

  • 00:06:00
  • نقدیــ

در این بخش به بررسی و استفاده از یک interface در صفحات razor میپردازیم

17
  • Route ها در Blazor

  • 00:06:00
  • نقدیــ

در این بخش به بررسی url های صفحات همچنین به  پارامتر های ارسالی به یک صفحه خواهیم پرداخت می پردازیم

18
  • شروع پروژه عملی Blazor

  • 00:33:00
  • نقدیــ

در این بخش یک پروژه خالی Core را به Blazor تبدیل میکنیم به همراه خروجی

19
  • Layout ها در Blazor

  • 00:11:00
  • نقدیــ

در این بخش خواهیم یاد گرفت چگونه میتوان مانند گذشته Layout داشته باشیم و محتوای هر صفحه در یک قسمت آن رندر شود

20
  • ایجاد منو در پروژه با Nav Link

  • 00:14:00
  • نقدیــ

در این بخش خواهیم یاد گرفت که چگونه برای ساخت منو ها به سادگی از Nav Link استفاده کنیم و منو های داینامیک داشته باشیم

21
  • Cascading Parameter - بخش اول (تم تیره و روشن در پروژه)

  • 00:33:00
  • نقدیــ

در این بخش پروژه را دارای دو تم تیره و مشکی میکنیم و به صورت کامل به Cascading Parameter خواهیم پرداخت

22
  • Cascading Parameter - بخش دوم (صفحه ی تب ها)

  • 00:49:00
  • نقدیــ

در این بخش یاد میگیریم چگونه میتوان یک کامپوننت را به صورت Cascading Parameter استفاده کرد

23
  • Generic RenderFragment - صفحه اطلاعات شخصی یوزر

  • 00:30:00
  • نقدیــ

در این بخش در یک مثال ساده با فرگمنت های جنریک آشنا خواهیم شد و در قسمت بعدی در مثالی کاربردی تر از این جنریک ها استفاده خواهیم کرد

24
  • Generic Component - صفحه لیست یوزر ها

  • 00:25:00
  • نقدیــ

در این قسمت با آموزش کامپوننت های جنریک یک مثال کاربردی ریپیت لیستی از هر نوع داده ای را با  ساختار دلخواه پیاده سازی میکنیم

25
  • ساختار بندی فایل ها و فولدر بندی های داخل پروژه

  • 00:29:00
  • نقدیــ

در این بخش به بررسی اینکه چه ساختاری از همه میتواند مناسب تر باشد برای توسعه یک وب سایت که درون آن از blazor استفاده شده خواهیم پرداخت

26
  • بررسی ساختار صفحات و Area در پروژه

  • 00:21:00
  • نقدیــ

در این بخش به طور کامل راجب صفحات و پوشه بندی صفحات خواهیم پرداخت

27
  • Code Behind

  • 00:27:00
  • نقدیــ

در این بخش خواهیم یاد گرفت که چگونه کد های C# را از razor جدا کنیم جهت توسعه بیشتر پروژه

28
  • Form Validation - اعتبار سنجی فرم ها

  • 00:37:00
  • نقدیــ

در این بخش خواهیم یاد گرفت که چگونه میتوان یک فرم را اعتبار سنجی کرد و خطاهای مربوطه را نشان داد

29
  • Dependency Injection - پیاده سازی CRUD برای تیبل کاربران

  • 00:36:00
  • نقدیــ

در این بخش علاوه بر اینکه به Dependency Injection ها خواهیم پرداخت عملیات درج، حذف، آپدیت و خواندن را روی تیبل کاربران پیاده میکنیم

30
  • JavaScript Interop - مخفی کردن مدال از طریق C#

  • 00:46:00
  • نقدیــ

تا قسمت 30 توانستیم یک کراد را پیاده سازی کنیم مشکلی که وجود داشت باز ماندن مدال ها بعد از add بود که در این قسمت مدال ها را از طریق C# خواهیم بست

31
  • نحوه کار با api ها در Blazor

  • 00:57:00
  • نقدیــ

کار کردن با api در blazor کمی متفاوت است که در این قسمت به نحوه ارتباط blazor با api خواهیم پرداخت

32
  • آپلود یک فایل در Blazor - بخش اول ElementRef

  • 00:36:00
  • نقدیــ

در این قسمت مقدمه ای برای ذخیره سازی فایل ها پیش خواهیم برد همچنین در مثال عملی راجب ElementRef بحث میکنیم

33
  • آپلود یک فایل در Blazor - بخش دوم ذخیره سازی فایل

  • 00:22:00
  • نقدیــ

تا این قسمت نحوه انتخاب و سلکت یک فایل اینپوت را پیش گرفتیم و در این قسمت به ذخیره فایل موجود در فایل اینپوت خواهیم پرداخت

34
  • مدیریت Uri ها

  • 00:27:00
  • نقدیــ

در این بخش به صورت کامل به url های سایت و کار با آدرس ها می پردازیم

35
  • نحوه دیباگ + نقد و بررسی Client-Side ها

  • 00:22:00
  • نقدیــ

در این قسمت ابتدا دو نوع تمپلیت موجود برای Client-Side ها یعنی core hosted و client-side را مورد بحث قرار می دهیم و نحوه پیاده سازی آن ها را و در انتها به این می پردازیم که چگونه میتوان یک Client-Side را دیباگ کرد

36
  • معرفی بروزرسانی دوره

  • 00:06:00
  • رایگانــ

در این قسمت توضیح میدهیم که چگونه دوره بروز خواهد شد

37
  • نصب و راه اندازی بلیزور ها (نسخه بروز رسانی)

  • 00:09:00
  • نقدیــ

معرفی ابزار های لازم برای کار با بلیزور ها و ایجاد اولین پروژه تمپلیت همراه توضحات مختصر درباره ساختار پروژه (نسخه  بروز رسانی)

38
  • نحوه ایجاد و استفاده کامپوننت ها (نسخه بروز رسانی)

  • 00:09:00
  • نقدیــ

نحوه ساخت و استفاده از کامپوننت ها  (نسخه بروز رسانی)

39
  • پارامتر های کامپوننت ها (نسخه بروزرسانی)

  • 00:05:00
  • نقدیــ

در این جلسه به این میپردازیم که چطور میتوان کامپونت هارا از حالت استتیک خارج کرده و بتوان به آنها پارامترپاس داد (نسخه بروزرسانی)

40
  • اعضای کامپوننت (child components) نسخه بروز

  • 00:09:00
  • نقدیــ

در این جلسه به این میپردازیم که چطور میتوان یک سری html به یک کامپوننت فرستاد و اینکه چگونه میشود یک تگ html به وسیله RenderFragment ها ایجاد کرد (نسخه بروزرسانی)

41
  • One Way Binding در Blazor (نسخه بروز)

  • 00:03:00
  • نقدیــ

برسی one way binding به همراه one time binding در مثال عملی  (نسخه بروزرسانی)

42
  • Two Way Binding در Blazor (نسخه بروزرسانی)

  • 00:10:00
  • نقدیــ

برسی  Two way binding همراه نوع RealTime Bind با مثال عملی (نسخه بروزرسانی)

43
  • مقایسه و برسی امکانات Angular در Blazor (نسخه بروزرسانی)

  • 00:02:00
  • نقدیــ

به مقاسه و نقد انگولار میپردازیم و مشابه اکثر دایرکتیو های انگولار را در Blazor نام میبریم (نسخه بروزرسانی)

44
  • بایند کردن دیتا

  • 00:03:00
  • نقدیــ

تا این قسمت به بایند کردن یک دیتای انپوت پرداختیم، در این قسمت خواهیم یاد گرفت چطور یک دیتا را به یک کامپوننت بایند کنیم (نسخه بروزرسانی)

45
  • رویداد ها (events)

  • 00:11:00
  • نقدیــ

در این بخش به زبان ساده خواهیم یاد گرفت چگونه میشود یک تابع را مانند متغیر به یک کامپوننت فرستاد و درون آن کامپوننت اجرا کرد و مقادیر متفاوتی به تابع ارسال کرد (نسخه بروزرسانی)

46
  • رویداد ها (events) برای یک پراپرتی (نسخه بروزرسانی)

  • 00:04:00
  • نقدیــ

در این بخش به زبان ساده خواهیم یاد گرفت چگونه دو پراپرتی یک کلاس را میشود به وسیله رویداد ها به یکدیگر بایند کرد. (نسخه بروزرسانی)

47
  • Capture References (نسخه بروزرسانی)

  • 00:10:00
  • نقدیــ

در این بخش خواهیم یاد گرفت چگونه می توان یک شی از یک کامپوننت ایجاد کرد و از آن برای نمایش کامپوننت استفاده کرد. (نسخه بروزرسانی)

48
  • Format String در BLazor (نسخه بروزرسانی)

  • 00:03:00
  • نقدیــ

در این بخش به نحوه استفاده از فرمت استرینگ ها در Blazor می پردازیم (نسخه بروزرسانی)

49
  • مدیریت رویداد های html (Event Handling) (نسخه بروزرسانی)

  • 00:08:00
  • نقدیــ

در این بخش به بررسی و نحوه استفاده از ایونت های یک صفحه می پردازیم در قالب مثال عملی (نسخه بروزرسانی)

50
  • متد های چرخه زندگی (Lifecycle Methods) (نسخه بروزرسانی)

  • 00:06:00
  • نقدیــ

در این بخش زمان اجرای  تمام متد های چرخه زندگی را بررسی میکنیم (نسخه بروزرسانی)

51
  • Implementation در blazor (نسخه بروزرسانی)

  • 00:00:00
  • نقدیــ

در این بخش به بررسی و استفاده از یک interface در صفحات razor میپردازیم (نسخه بروزرسانی)

52
  • Route ها در Blazor (نسخه بروزرسانی)

  • 00:07:00
  • نقدیــ

در این بخش به بررسی url های صفحات همچنین به  پارامتر های ارسالی به یک صفحه خواهیم پرداخت می پردازیم (نسخه بروزرسانی)

53
  • شروع پروژه عملی (نسخه بروزرسانی)

  • 00:41:00
  • نقدیــ

در این بخش یک پروژه خالی Core را به Blazor تبدیل میکنیم به همراه خروجی (نسخه بروزرسانی)

54
  • Layout ها در Blazor

  • 00:06:00
  • نقدیــ

در این بخش خواهیم یاد گرفت چگونه میتوان مانند گذشته Layout داشته باشیم و محتوای هر صفحه در یک قسمت آن رندر شود

55
  • ایجاد منو در پروژه با Nav Link

  • 00:11:00
  • نقدیــ

در این بخش خواهیم یاد گرفت که چگونه برای ساخت منو ها به سادگی از Nav Link استفاده کنیم و منو های داینامیک داشته باشیم

56
  • Cascading Parameter - بخش اول (تم تیره و روشن در پروژه)

  • 00:12:00
  • نقدیــ

در این بخش پروژه را دارای دو تم تیره و مشکی میکنیم و به صورت کامل به Cascading Parameter خواهیم پرداخت

57
  • Cascading Parameter - بخش دوم (صفحه ی تب ها)

  • 00:08:00
  • نقدیــ

در این بخش یاد میگیریم چگونه میتوان یک کامپوننت را به صورت Cascading Parameter استفاده کرد

58
  • Generic RenderFragment - صفحه اطلاعات شخصی یوزر

  • 00:04:00
  • نقدیــ

در این بخش در یک مثال ساده با فرگمنت های جنریک آشنا خواهیم شد و در قسمت بعدی در مثالی کاربردی تر از این جنریک ها استفاده خواهیم کرد

59
  • Generic Component - صفحه لیست یوزر ها (نسخه بروزرسانی)

  • 00:06:00
  • نقدیــ

در این قسمت با آموزش کامپوننت های جنریک یک مثال کاربردی ریپیت لیستی از هر نوع داده ای را با  ساختار دلخواه پیاده سازی میکنیم (نسخه بروزرسانی)

60
  • ساختار بندی فایل ها و فولدر بندی های داخل پروژه (نسخه بروزرسانی)

  • 00:15:00
  • نقدیــ

در این بخش به بررسی اینکه چه ساختاری از همه میتواند مناسب تر باشد برای توسعه یک وب سایت که درون آن از blazor استفاده شده خواهیم پرداخت (نسخه بروزرسانی)

61
  • بررسی ساختار صفحات و Area در پروژه (نسخه بروزرسانی)

  • 00:13:00
  • نقدیــ

در این بخش به طور کامل راجب صفحات و پوشه بندی صفحات خواهیم پرداخت (نسخه بروزرسانی)

62
  • Code Behind

  • 00:13:00
  • نقدیــ

در این بخش خواهیم یاد گرفت که چگونه کد های C# را از razor جدا کنیم جهت توسعه بیشتر پروژه (نسخه بروزرسانی)

63
  • Form Validation - اعتبار سنجی فرم ها

  • 00:15:00
  • نقدیــ

در این بخش خواهیم یاد گرفت که چگونه میتوان یک فرم را اعتبار سنجی کرد و خطاهای مربوطه را نشان داد (نسخه بروزرسانی)

64
  • Dependency Injection - پیاده سازی CRUD برای تیبل کاربران (نسخه بروزرسانی)

  • 00:14:00
  • نقدیــ

در این بخش علاوه بر اینکه به Dependency Injection ها خواهیم پرداخت عملیات درج، حذف، آپدیت و خواندن را روی تیبل کاربران پیاده میکنیم (نسخه بروزرسانی)

65
  • JavaScript Interop - مخفی کردن مدال از طریق C#

  • 00:20:00
  • نقدیــ

تا قسمت 30 توانستیم یک کراد را پیاده سازی کنیم مشکلی که وجود داشت باز ماندن مدال ها بعد از add بود که در این قسمت مدال ها را از طریق C# خواهیم بست (نسخه بروزرسانی)

66
  • نحوه کار با api ها در Blazor (نسخه بروزرسانی)

  • 00:14:00
  • نقدیــ

کار کردن با api در blazor کمی متفاوت است که در این قسمت به نحوه ارتباط blazor با api خواهیم پرداخت (نسخه بروزرسانی)

67
  • آپلود یک فایل در Blazor - بخش اول و دوم (نسخه بروزرسانی)

  • 00:34:00
  • نقدیــ

در این قسمت مقدمه ای برای ذخیره سازی فایل ها پیش خواهیم برد همچنین در مثال عملی راجب ElementRef بحث میکنیم (نسخه بروزرسانی)

68
  • بروزرسانی قسمت 34 و 35 (نسخه بروزرسانی)

  • 00:08:00
  • نقدیــ

در این بخش به صورت کامل به url های سایت و کار با آدرس ها می پردازیم (نسخه بروزرسانی)

69
  • پابلیش و آپلود روی هاست plesk

  • 00:39:00
  • نقدیــ

در این قسمت پروژه نهایی را روی هاست آپلود میکنیم و چالش های آن را پشت سر میگذاریم

نظرات کاربران در رابطه با این دوره

جهت ثبت نظر باید در سایت عضو شوید و یا وارد سایت شده باشید .