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

معرفی دوره

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

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

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

نصب Livewire

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

Artisan Commands

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

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

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

Full-Page Components - بخش دوم

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

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

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

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

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

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

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

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

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

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

Reusable Data Alpine

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

x-init alpine $nextTick init method

Scope in alpine

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

x-for , x-if alpine

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

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

x-bind - style alpine Binding styles alpine

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

x-model alpine

x-effect alpine

x-ref , x-ignore

x-cloak , x-teleport

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

مثال عملی - dropdown

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

مثال عملی - Accordion

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

tooltip alpine js

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

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

alpine plugins - mask mask alpine

intersect alpine js

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

alpine plugins - focus focus alpine

alpine plugins - collapse collapse alpine js

alpine plugins - anchor anchor alpine js

alpine plugins - sort

alpine plugins - morph

$parent $event in livewire

dispatch in livewire renderless in livewire skipRender in livewire

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

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

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

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

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

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

change status livewire on change livewire

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

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

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

realtime validaiton livewire blur in livewire

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

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

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

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

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

pagination - بخش دوم

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

redirect در لایووایر

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

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

file upload - multiple

file upload - loading - progress

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

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

Computed Properties livewire

Locked Properties livewire

Request Bundling Offline States Teleport

properties

properties - بخش دوم

HTML Directives livewire wire:model

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

wire:transition wire:offline wire:confirm

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

wire:replace wire:stream

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

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

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

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

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

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

کامپوننت های توو در توو - بخش سوم Listening for events from children Dynamic child components

تست نویسی در لایووایر - اتمام سرفصل های دوره