- مدرس دوره : حسن خسروجردی ( رزومه )
- تعداد ویدیوها : 94 ویدیو
- مدت زمان دوره : 15:32:00
- سطح دوره : پیشرفته
- وضعیت دوره : در حال برگزاری
- تاریخ آخرین بروزرسانی : 1403/08/13
دوره آموزش پروژه محور Livewire
در دنیای ساخت وب اپلیکیشن های امروزی ، نیاز به ابزار های ساده و متناسب با تکنولوژی استفاده شده امری ضروری میباشد . بیایید با یک مثال ساده یکی از مشکلات بزرگ برنامه نویسان لاراول را باهم بررسی کنیم : فرض کنید شما به عنوان یک برنامه نویس لاراول، در حال طراحی و ساخت یک سامانه چت آنلاین یا چت روم هستید ، از آنجایی که فریمورک لاراول بر اساس زبان PHP نوشته شده و این زبان هم در دسته زبان های سمت سرور میباشد، برای اعمال هرگونه تغییر نیازمند بارگذاری مجدد صفحه یا Refresh شدن صفحه هستید . حال فرض کنید با ارسال و دریافت هر پیام صفحه نیز ریفرش شود !!! این عمل باعث میشود تا کاربر شما به هیچ عنوان از این سامانه استفاده نکند . خب تا اینجا شما به عنوان یک برنامه نویس لاراول کار خود را به درستی انجام داده اید اما نیاز برنامه شما رفع نشده است . در این زمان احساس نیاز به یک زبان برنامه نویسی در سمت کاربر مانند جاوااسکریپت بیش از پیش حس میشود. اما جاوااسکریپت هم به تنهایی برای پیاده سازی یک سامانه چت آن هم بصورت خام مناسب نیست زیرا پیچیدگی بسیار زیادی دارد . راه حل بعدی استفاده از کتابخانه ها و یا فریمورک های موجود در این زمینه میباشد مانند React , Vue و ... که استفاده از این نوع تکنولوژی هایی هم نیازمند زمان زیاد برای یادگیری و درگیر شدن با یک زبان برنامه نویسی دیگر است. دقیقا در این مرحله است که فریمورک لایو وایر Livewire به کمک برنامه نویسان لاراول می آید تا بدون درگیر شدن با زبان های برنامه نویسی سمت کاربر بتوانند نیاز های برنامه های خود را برطرف سازند.
در واقع لایو وایر یک فریمورک فول استک لاراول میباشد و این امکان را میدهد تا تمامی نیاز های یک برنامه نوشته شده با لاراول را برطرف سازیم و بتوانیم رابط کاربری پویا و مدرن طراحی کنیم.
فریمورک Livewire برای ساخت SPA یا Single Page Application بسیار مناسب بوده و این امکان را میدهد تا بدون نیاز به استفاده از کتابخانه هایی مانند ری اکت این کار را انجام دهید.
سرفصل های دوره :
مقدمه ای بر Livewire |
کار با کامپوننت ها در Livewire |
Form Validation |
فرم ها |
Events |
Lifecycle |
Pagination |
Timeout |
Auto Refresh Page |
پروژه عملی : پیاده سازی SPA |
پروژه عملی : ساخت بلاگ |
پروژه عملی : ساخت سامانه چت آنلاین |
پیش نیاز های دوره :
- تسلط به HTML , CSS
- تسلط به Laravel
فهرستـــ ویدیوها
مدت زمان دوره 15:32:00با مشاهده آنلاین جلسات در سایت ، هزینه اینترنت شما به صورت نیم بها محاسبه خواهد شد.
livewire چیست ؟ چرا باید از livewire استفاده کنیم؟
livewire چیست ؟ چرا باید از livewire استفاده کنیم؟
ساخت کامپوننت - رندر کامپوننت
ساخت کامپوننت - رندر کامپوننت inline component render component change config file livewire
Passing Parameters
Receiving Parameters Passing Parameters ارسال و دریافت پارامتر در لایووایر mount()
مقدمه کار با فرم ها
مقدمه کار با فرم ها ایونت ها wire:model wire:keydown wire:click wire:submit wire:submit.prevent events
مدیریت فرم ها - بخش اول
مدیریت فرم ها - بخش اول event livewire keydown livewire wire.model loading livewire مدیریت لودینگ در لایووایر
ارسال پارامتر به متد و عملیات delete
ارسال پارامتر به متد و عملیات delete در لایووایر delete livewire route model binding livewire
جستجوی زنده - livesearch
جستجوی زنده - livesearch نحوه نوشتن کد js در لایووایر js method livewire javascript in livewire
x-transition
x-transition alpine x-transition.duration x-transition:enter.duration x-transition:leave.duration x-transition.opacity x-transition.scale transition tailwind alpine
x-bind class toggle
Shorthand syntax x-bind x-bind Binding classes شرط در x-bind Class object syntax
x-on - events
x-on The event object Keyboard events alpine Modifiers alpine Custom events alpine outside alpine debounce alpine
Magic Actions - بخش سوم
dispatch in livewire renderless in livewire skipRender in livewire
فرم ها - بخش چهارم
فرم ها - بخش چهارم اعتبارسنجی فرم ها در لایووایر onUpdate livewire as livewire validation message livewire validation translate livewire validation
فرم ها - استفاده از modal برای ساخت رکورد جدید
فرم ها - استفاده از modal برای ساخت رکورد جدید livewire modal create
Lifecycle Hooks - مدیریت چرخه حیات - بخش دوم
Lifecycle Hooks - مدیریت چرخه حیات updated updating livewire
Lifecycle Hooks - مدیریت چرخه حیات - بخش سوم
Lifecycle Hooks - مدیریت چرخه حیات - بخش سوم hydrate dehydrate render
نظرات کاربران در رابطه با این دوره