قیمت این دوره: 499,000 324,350 تومان
  • مدرس دوره : حسن خسروجردی
  • تعداد ویدیوها : 94 ویدیو
  • مدت زمان دوره : 15:32:00
  • سطح دوره : پیشرفته
  • وضعیت دوره : در حال برگزاری
  • تاریخ آخرین بروزرسانی : 1403/08/13
ثبتـــ نام در این دوره ثبت نام در دوره
دوره آموزش پروژه محور Livewire

دوره آموزش پروژه محور Livewire

در دنیای ساخت وب اپلیکیشن های امروزی ، نیاز به ابزار های ساده و متناسب با تکنولوژی استفاده شده امری ضروری میباشد . بیایید با یک مثال ساده یکی از مشکلات بزرگ برنامه نویسان لاراول را باهم بررسی کنیم : فرض کنید شما به عنوان یک برنامه نویس لاراول، در حال طراحی و ساخت یک سامانه چت آنلاین یا چت روم هستید ، از آنجایی که فریمورک لاراول بر اساس زبان PHP  نوشته شده و این زبان هم در دسته زبان های سمت سرور میباشد، برای اعمال هرگونه تغییر نیازمند بارگذاری مجدد صفحه یا Refresh شدن صفحه هستید . حال فرض کنید با ارسال و دریافت هر پیام صفحه نیز ریفرش شود !!! این عمل باعث میشود تا کاربر شما به هیچ عنوان از این سامانه استفاده نکند . خب تا اینجا شما به عنوان یک برنامه نویس لاراول کار خود را به درستی انجام داده اید اما نیاز برنامه شما رفع نشده است . در این زمان احساس نیاز به یک زبان برنامه نویسی در سمت کاربر مانند جاوااسکریپت بیش از پیش حس میشود. اما جاوااسکریپت هم به تنهایی برای پیاده سازی یک سامانه چت آن هم بصورت خام مناسب نیست زیرا پیچیدگی بسیار زیادی دارد . راه حل بعدی استفاده از کتابخانه ها و یا فریمورک های موجود در این زمینه میباشد مانند React , Vue  و ... که استفاده از این نوع تکنولوژی هایی هم نیازمند زمان زیاد برای یادگیری و درگیر شدن با یک زبان برنامه نویسی دیگر است. دقیقا در این مرحله است که فریمورک لایو وایر Livewire به کمک برنامه نویسان لاراول می آید تا بدون درگیر شدن با زبان های برنامه نویسی سمت کاربر بتوانند نیاز های برنامه های خود را برطرف سازند.

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

فریمورک Livewire برای ساخت SPA یا Single Page Application بسیار مناسب بوده و این امکان را میدهد تا بدون نیاز به استفاده از کتابخانه هایی مانند ری اکت این کار را انجام دهید.

 

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

 

مقدمه ای بر Livewire
کار با کامپوننت ها در Livewire
Form Validation
 فرم ها
Events
Lifecycle
Pagination
Timeout
Auto Refresh Page
پروژه عملی : پیاده سازی ‌SPA
پروژه عملی : ساخت بلاگ
پروژه عملی : ساخت سامانه چت آنلاین


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

  1. تسلط به HTML , CSS
  2. تسلط به Laravel

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

مدت زمان دوره 15:32:00
  • با مشاهده آنلاین جلسات در سایت ، هزینه اینترنت شما به صورت نیم بها محاسبه خواهد شد.

1
  • معرفی دوره

00:02:32

معرفی دوره

2
  • پیشنیاز ها - ابزار مورد نیاز

00:04:28

پیشنیاز ها - ابزار مورد نیاز

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

00:08:00

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

4
  • livewire چیست ؟ چرا باید از livewire استفاده کنیم؟

00:07:27

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

5
  • نصب Livewire

00:16:20

نصب Livewire

6
  • ساخت کامپوننت - رندر کامپوننت

00:16:38

ساخت کامپوننت - رندر کامپوننت inline component render component change config file livewire

7
  • Artisan Commands

00:10:06

Artisan Commands

8
  • کامپوننت چیست؟

00:13:33

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

9
  • Passing Parameters

00:13:00

Receiving Parameters Passing Parameters ارسال و دریافت پارامتر در لایووایر mount()

10
  • Full-Page Components

00:12:53

Full-Page Components در لایووایر

11
  • Full-Page Components - بخش دوم

00:11:15

Full-Page Components - بخش دوم

12
  • Route Parameters

00:07:24

Route Parameters ارسال پارامتر در مسیر در لایووایر

13
  • مقدمه کار با فرم ها

00:12:46

مقدمه کار با فرم ها ایونت ها wire:model wire:keydown wire:click wire:submit wire:submit.prevent events

14
  • (مهم) - آپدیت دوره به ورژن ۳

00:05:12

(مهم) - آپدیت دوره به ورژن ۳

15
  • مدیریت فرم ها - بخش اول

00:14:18

مدیریت فرم ها - بخش اول event livewire keydown livewire wire.model loading livewire مدیریت لودینگ در لایووایر

16
  • ارسال پارامتر به متد و عملیات delete

00:11:17

ارسال پارامتر به متد و عملیات delete در لایووایر delete livewire route model binding livewire

17
  • جستجوی زنده - livesearch

00:10:53

جستجوی زنده - livesearch نحوه نوشتن کد js در لایووایر js method livewire javascript in livewire

18
  • Magic Actions

00:09:22

Magic Actions in livewire Magic Actions در لایووایر

19
  • Alpine js چیست؟

00:06:00

آلپاین چیست؟ alpine js چیست کاربرد alpine js

20
  • نصب Alpine js

00:07:46

نصب Alpine js نصب alpine به روش cdn نصب alpine به روش npm

21
  • fetch and events

00:09:06

کار با رویداد ها و fetch api در alpine js events in alpine js

22
  • Reusable Data Alpine

00:08:06

Reusable Data Alpine

23
  • Data Less - Store

00:08:58

Data-less components alpine Alpine.store() store in alpine

24
  • x-init

00:10:46

x-init alpine $nextTick init method

25
  • Scope

00:09:15

Scope in alpine

26
  • x-transition

00:11:52

x-transition alpine x-transition.duration x-transition:enter.duration x-transition:leave.duration x-transition.opacity x-transition.scale transition tailwind alpine

27
  • x-for , x-if

00:07:27

x-for , x-if alpine

28
  • x-bind

00:05:18

استفاده از x-bind در alpine

29
  • x-bind class toggle

00:11:28

Shorthand syntax x-bind x-bind Binding classes شرط در x-bind Class object syntax

30
  • x-bind - Binding styles

00:07:49

x-bind - style alpine Binding styles alpine

31
  • x-on - events

00:15:45

x-on The event object Keyboard events alpine Modifiers alpine Custom events alpine outside alpine debounce alpine

32
  • x-model

00:15:56

x-model alpine

33
  • x-effect

00:04:49

x-effect alpine

34
  • x-ref , x-ignore

00:06:00

x-ref , x-ignore

35
  • x-cloak , x-teleport

00:08:19

x-cloak , x-teleport

36
  • magic properties

00:13:07

magic properties $id $watch $root $data $nextTick $el

37
  • مثال عملی - dropdown

00:11:34

مثال عملی - dropdown

38
  • مثال عملی - modal

00:11:28

مثال عملی - modal alpine js

39
  • مثال عملی - Accordion

00:12:39

مثال عملی - Accordion

40
  • مثال عملی - Tabs

00:10:04

مثال عملی - Tabs Tabs alpine js

41
  • مثال عملی - Tooltip

00:08:39

tooltip alpine js

42
  • مثال عملی - Alert

00:06:05

مثال عملی - Alert Alert in alpine js

43
  • مثال عملی - Toggle - Password

00:11:19

مثال عملی - Toggle - Password

44
  • alpine plugins - mask

00:09:29

alpine plugins - mask mask alpine

45
  • alpine plugins - intersect

00:13:41

intersect alpine js

46
  • alpine plugins - persist

00:08:11

Persist Plugin alpine Persist در الپاین

47
  • alpine plugins - focus

00:05:00

alpine plugins - focus focus alpine

48
  • alpine plugins - collapse

00:06:16

alpine plugins - collapse collapse alpine js

49
  • alpine plugins - anchor

00:08:07

alpine plugins - anchor anchor alpine js

50
  • alpine plugins - sort

00:05:59

alpine plugins - sort

51
  • alpine plugins - morph - اتمام سرفصل آلپاین

00:10:36

alpine plugins - morph

52
  • Magic Actions - بخش دوم

00:08:34

$parent $event in livewire

53
  • Magic Actions - بخش سوم

00:24:58

dispatch in livewire renderless in livewire skipRender in livewire

54
  • امنیت رو جدی بگیرید !!!

00:07:44

امنیت رو جدی بگیرید !!!

55
  • فرم ها - بخش دوم

00:14:46

فرم ها - بخش دوم submit form livewire confirm livewire prompt livewire

56
  • فرم ها - بخش سوم

00:09:59

فرم ها - بخش سوم اعتبارسنجی در لایووایر livewire validation

57
  • فرم ها - بخش چهارم

00:06:16

فرم ها - بخش چهارم اعتبارسنجی فرم ها در لایووایر onUpdate livewire as livewire validation message livewire validation translate livewire validation

58
  • فرم ها - استفاده از modal برای ساخت رکورد جدید

00:11:45

فرم ها - استفاده از modal برای ساخت رکورد جدید livewire modal create

59
  • فرم ها - استفاده از modal برای نمایش رکورد

00:08:00

فرم ها - استفاده از modal برای نمایش رکورد

60
  • فرم ها - تغییر وضعیت

00:09:13

change status livewire on change livewire

61
  • فرم ها - استفاده از toast - چالش

00:09:06

فرم ها - استفاده از toast - چالش toast in livewire 3

62
  • فرم ها - Update - ویرایش

00:10:20

فرم ها - Update - ویرایش

63
  • فرم ها - Update - ویرایش - بخش دوم

00:07:52

فرم ها - Update - ویرایش - بخش دوم

64
  • فرم ها - بخش پنجم

00:07:31

realtime validaiton livewire blur in livewire

65
  • فرم ها - بخش ششم

00:16:48

فرم ها - بخش ششم form object livewire

66
  • فرم ها - بخش هفتم

00:10:44

فرم ها - بخش هفتم - form object update

67
  • فرم ها - بخش هشتم

00:09:49

فرم ها - بخش هشتم form object livewire reset and pull method

68
  • فرم ها - بخش نهم

00:10:13

فرم ها - بخش نهم

69
  • فرم ها - بخش نهم - pagination

00:09:02

صفحه بندی در لایووایر livewire pagination

70
  • pagination - بخش دوم

00:10:08

pagination - بخش دوم

71
  • query string parameters

00:11:14

query string parameters in livewire جستجو در لایووایر

72
  • redirect

00:07:22

redirect در لایووایر

73
  • lazy loading

00:10:19

lazy loading livewire 3 لیزی لودینگ در لایووایر

74
  • file upload

00:07:00

file upload livewire اپلود عکس و فایل در لایووایر

75
  • file upload - multiple

00:06:23

file upload - multiple

76
  • file upload - loading - progress

00:10:12

file upload - loading - progress

77
  • file download

00:05:22

دانلود فایل در لایووایر

78
  • Session Properties livewire

00:06:38

Session Properties در لایووایر

79
  • Computed Properties livewire

00:12:28

Computed Properties livewire

80
  • Locked Properties livewire

00:04:26

Locked Properties livewire

81
  • Request Bundling-Offline States-Teleport

00:06:39

Request Bundling Offline States Teleport

82
  • properties

00:11:44

properties

83
  • properties - بخش دوم

00:10:25

properties - بخش دوم

84
  • HTML Directives

00:15:01

HTML Directives livewire wire:model

85
  • HTML Directives - بخش دوم

00:10:28

HTML Directives - بخش دوم wire:target wire:dirty wire:navigate

86
  • HTML Directives - بخش سوم

00:10:18

wire:transition wire:offline wire:confirm

87
  • HTML Directives - بخش چهارم

00:11:01

HTML Directives - بخش چهارم wire:init wire:poll wire:ignore

88
  • HTML Directives - بخش پنجم

00:13:38

wire:replace wire:stream

89
  • Lifecycle Hooks - مدیریت چرخه حیات

00:14:40

Lifecycle Hooks - مدیریت چرخه حیات در لایووایر

90
  • Lifecycle Hooks - مدیریت چرخه حیات - بخش دوم

00:07:24

Lifecycle Hooks - مدیریت چرخه حیات updated updating livewire

91
  • Lifecycle Hooks - مدیریت چرخه حیات - بخش سوم

00:09:42

Lifecycle Hooks - مدیریت چرخه حیات - بخش سوم hydrate dehydrate render

92
  • Lifecycle Hooks - مدیریت چرخه حیات - بخش چهارم

00:15:01

Lifecycle Hooks - مدیریت چرخه حیات - بخش چهارم rendering rendered exception

93
  • کامپوننت های توو در توو

00:07:20

Nesting Components livewire کامپوننت های توو در توو در لایووایر

94
  • کامپوننت های توو در توو - بخش دوم

00:10:14

Reactive props Binding to child data using wire:model livewire 3

دوره های دیگر مدرس

مشاهده همه دوره ها

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

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