قیمت این دوره: 180,000 تومان
  • مدرس دوره : حسن عرب برزو
  • تعداد ویدیوها : 69 ویدیو
  • مدت زمان دوره : 19:50:00
  • سطح دوره : متوسط
  • وضعیت دوره : به اتمام رسیده
  • تاریخ آخرین بروزرسانی : 1398/09/30
ثبتـــ نام در این دوره
آموزش صفر تا صد Blazor در Core 3

آموزش صفر تا صد 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
  • در صورتیکه ویدئو نمایش داده نشد آن را دانلود کنید و با KmPlayer مشاهده کنید.

  • لطفا در صورت اقدام به دانلود تا انتها فرایند دانلود ، این صفحه را باز نگاه دارید.

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

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

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

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