قیمت این دوره: 499,000 تومان
  • مدرس دوره : حسن خسروجردی
  • تعداد ویدیوها : 41 ویدیو
  • مدت زمان دوره : 6:49:00
  • سطح دوره : پیشرفته
  • وضعیت دوره : در حال برگزاری
  • تاریخ آخرین بروزرسانی : 1402/12/09
ثبتـــ نام در این دوره ثبت نام در دوره
دوره آموزش پروژه محور 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. تسلط به Laravel
  2. تسلط به HTML , CSS

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

مدت زمان دوره 6:49: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

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

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

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

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