توضیحات

با گسترش وب اپلیکیشن‌های مدرن، وجود ابزارهایی به منظور هر چه ساده‌تر کردن فرآیند ساخت آن‌ها، بشدت نیاز می‌شود. ابزارهایی مانند vue یا react، در این زمینه بسیار قدرتمند هستند، اما پیچیدگی‌ استفاده از آن‌ها برای یک توسعه دهنده‌ی فول استک، غیرقابل اجتناب است.

Livewire یک فریم‌ ورک فول استک برای لاراول است که میتونید صفحات وب سایت خود را داینامیک کنید و در کنارش راحتی لاراول را داشته باشید.دوستان آموزش رایگان لاراول در وب سایت قرار گرفته، برای مشاهده اینجا را کلیک کنید.

livewire به شما کمک ‌می‌کند بدون آن که خودتان را درگیر api نویسی برای ارتباط برقرار کردن با کتابخانه‌های جاوا اسکریپتی مثل vue یا react کنید بتوانید به سادگی صفحات وب سایت را بدون نیاز به api نویسی داینامیک کنید.

livewire یک فریمورک fullstack مربوط به laravel است. fullstack به این معنی که هم بخش frontend را پوشش می‌دهد و هم backend . این دو بخش به شکل یک پارچه‌ای در livewire عمل می‌کنند.

برای مثال شما در بخش frontend می‌خواهید مشخص کنید با کلیک کردن بر روی یک المنت در سمت سرور چیزی ذخیره سازی شود.

با استفاده از vue و react شما نیاز دارید که به api لاراول برای انجام اینکار درخواست ارسال کنید اما در livewire این کار به سادگی اضافه کردن یک متد است.

برای آشنایی از مباحث و پروژه های این دوره حتما ویدیو معرفی دوره را مشاهده کنید.

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

آموزش رایگان لاراول


laravel livewire لایو وایر

مدرس دوره علی شیخ
مدت دوره 12:00:31
تعداد ویدیو 66

وضعیت دوره : کامل شده
قیمت دوره : 349,000 261,000 تومان
% 25 تخفیف

نظرات ارزشمند شما:

برای ارسال نظر ابتدا باید وارد سایت شوید

  • سلام استاد
    ممنون میشم یک قسمت اضافه کردن Persian datepicker به پروژه رو پیاده سازی کنید توی پروژه های واقعی خیلی خیلی نیاز میشه و من نه آموزش فارسی براش پیدا کردم نه انگلیسی :)

    • سلام وقت بخیر.
      موضوعی که میفرماید مربوط به فرانت هست و ما پکیج های جاوااسکریپتی داریم که تقویم را نشان میدهند حالا با توجه به اینکه سمت فرانت از چه کتابخانه ای js استفاده میکنید.

  • سلام استاد در پروژه اخر چت روم من از لاراول 9 استفدا میکنم همه کد هامون رو مشابه شما انجام دادم وای هیچ لاگی انجام نمیشود هیچ اروری در صفحه خودش نداره فقط وقتی به صفحه
    laravel-websocket
    میرم وقتی رانش میکنم چند تا خطا میدهد
    GET https://cdn.plot.ly/plotly-latest.min.js net::ERR_CONNECTION_CLOSED
    laravel-websockets:197 Uncaught ReferenceError: Plotly is not defined
    at Object.success (laravel-websockets:197:34)
    at u (jquery-3.3.1.min.js:2:27457)
    at Object.fireWith [as resolveWith] (jquery-3.3.1.min.js:2:28202)
    at k (jquery-3.3.1.min.js:2:77651)
    at XMLHttpRequest.<anonymous> (jquery-3.3.1.min.js:2:79907)
    (anonymous) @ laravel-websockets:197
    u @ jquery-3.3.1.min.js:2
    fireWith @ jquery-3.3.1.min.js:2
    k @ jquery-3.3.1.min.js:2
    (anonymous) @ jquery-3.3.1.min.js:2
    load (async)
    send @ jquery-3.3.1.min.js:2
    ajax @ jquery-3.3.1.min.js:2
    w.<computed> @ jquery-3.3.1.min.js:2
    getJSON @ jquery-3.3.1.min.js:2
    loadChart @ laravel-websockets:165
    (anonymous) @ laravel-websockets:138
    t.emit @ pusher.min.js:8
    e.updateState @ pusher.min.js:16
    connected @ pusher.min.js:16
    e @ pusher.min.js:16
    r @ pusher.min.js:17
    (anonymous) @ pusher.min.js:17
    (anonymous) @ pusher.min.js:16
    a @ pusher.min.js:16
    (anonymous) @ pusher.min.js:16
    (anonymous) @ pusher.min.js:16
    t.finish @ pusher.min.js:9
    onMessage @ pusher.min.js:9
    t.emit @ pusher.min.js:8
    e.onMessage @ pusher.min.js:8
    socket.onmessage @ pusher.min.js:8
    jquery-3.3.1.min.js:2 POST http://127.0.0.1:8000/laravel-websockets/event 422 (Unprocessable Content)

    • سلام وقت بخیر.
      ارور connection داده و احتمالا بخاطر فیلترینگ هست و با فیلتر شکن تست کنید و حتما هم سورس کدی که در اختیارتون هست و ورژن پکیج ها مشخص هست را تست کنید.
      لطف کنید متن کد و یا ارور ها را توی کامنت بین سه عدد بک تیک قرار داده و ارسال کنید.

  • سلام
    خیلی ممنون از دوره خوبتون
    یه چیزی که ذهنمو درگیر کرده اینه که یعنی فقط باید جاهایی که نیاز به درخواست ajax و این مسائل هست باید از کامپوننت های لایووایر استفاده کنیم؟
    اگه کل پروژه رو توسط کامپوننت های لایووایر ایجاد کنیم و از کنترلر های لاراول استفاده نکنیم مشکلی پیش نمیاد؟
    از لحاظ بازدهی و عملکرد برنامه منظورمه

    • سلام وقت بخیر.
      مشکلی نیست، اما شما جاهای که بهش نیاز دارید ازش استفاده کنید.

  • سلام استاد ...
    یک مشکلی دارم با پکیجی که بابات سبد خرید معرفی کردید..(Darryl)

    محصول با سشن اضافه میشه به سبد خرید ظاهرا ...

    ولی وقتی با getContent میخوام بگیرمش میگه خالیه ...
    دقیقا هم عین دستور عمل داکیومنتش رفتم ..

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

    • سلام وقت بخیر.
      با سورس کدی که در اختیارتون هست تست و مقایسه کنید و در صورت امکان ورژن نصبی توی پروژه را نصب کنید.

  • سلام استاد میخواستم بدونم اگه یک سایت تک صفحه ای با لایو وایر طراحی کنید سرعت سایت نسبت به چند صفه ای پایین نمیاد ؟
    و این که اگه مثلا داخل if کد باشه ولی if اجرا نشه وقتی میخواد سایت لود بشه کد های داخل ایفی که اجرا نشده خونده میشه
    منظورم اینه سرعت لود کاهش پیدا میکنه
    و حدودن صفحه ای اصلی سایت باید چند مگ باشد ؟

    • سلام وقت بخیر.
      ببنید با لایووایر شما نمیتوانید سایت تک صفحه ای بزنید و این یکی از تفاوت هاش با فریمورک های js هست که توی ویدیو توضیحات و ویدیو دوره هم بهش اشاره کردیم.
      درمورد سوال دومتون ببینید کدها که توی مثال ما php هستند در سمت سرور اجرا میشه و بعد ارسال میشه، اگه شرطی وجود داره اونو در ابتدا بررسی میکنه و کدهای html ای که توی اون شرط هستند فقط برگشت داده میشه و اینو خودتون خیلی ساده میتوانید تست کنید و سمت مرورگر توی سورس کد و یا inspect بررسی کنید. این مود هم توی دوره رایگان php بهش اشاره شده

  • سلام استاد عزیز ... من دوره رو تهیه کردم و کامل دیدم ...

    میخواستم بدونم چیزی مشابه مثلا روتر vue.js تو لایو وایر وجود نداره که بشه بین روت ها بدون رفرش شدن جا به جا شد ؟

  • استاد سلام
    امیدوارم حالتون خوشحال و عالی باشید
    استاد من لاروال و فروشگاه اینترنتی با لاراول رو تو سایتتون مشاهده و تمرین کردم
    الان میخوام لایووایر رو یاد بگیرم
    برای آموزش لایو وایر نیاز هست دوره api نویسیتون هم ببینم یا نه ؟
    من که در هر صورت باید api نویسی رو ببینم اما میخوام بدونم بدون اون همه میشه لایو وایر کار کرد یا نه

    • سلام وقت بخیر.
      ممنون از شما🙏
      خیر نیازی نیست، توی توضیحات و ویدیو معرفی دوره کامل در مورد پیش نیاز های دوره صحبت شده

    • سلام وقت بخیر.
      خیر، نیازی نیست کامل در مورد پیش نیاز های دوره توی توضیحات و ویدیو معرفی دوره گفته شده، حتما ویدیو معرفی دوره را مشاهده کنید.

  • سلام استاد شیخ عزیز
    تشکر ویژه بابت دوره های محشر
    من میخواستم بدونم آیا با استفاده از این دوره، من میتونم پروژه ای رو که با دوره فروشگاه لاراول زدم ویرایش کنم و سایت فروشگاهیم رو به لایو وایر مجهز کنم؟
    آیا برای من که مبتدی هستم کار سختی هست؟

    یا بهتره از نوع با لایو وایر بنویسم؟

    • سلام وقت بخیر.
      ممنون از شما، اگه دوره فروشگاهی لاراول را دیده باشید و کار و تمرین کرده باشید توی سطح مبتدی نیستید😁
      ببینید میتوانید به جاهای که نیاز دارید اضافه کنید، اما بحث، بحث آموزش هست پس از صفر پیاده سازی کنید تا با اینکار تمرین بیشتری کرده باشید

    • کلا و طبق تجربه ای که شما دارید
      لایو وایر بهتره برای پروژه های لاراولی ؟
      یا vue ?

      چون من شنیدم ( فقط در حد شنیدن ) که برای پروژه های بزرگ vue مناسبتره

      میخواستم نظر شمارو بدونم
      ممنونم

    • لایووایر و vue کلا فرق داره روند کاریشون، برای درک بهتر ویدیو معرفی و قسمت های ابتدای رایگان دوره لایووایر را ببینید، البته اگه با vue اشنا هستید.

  • سلام و خداقوت استاد
    ممنون بابت آموزش های خوبی که گذاشتید ، من وب سایتم را طراحی کردم و در local همه چیز به درستی کار می کنه، ولی متاسفانه زمانی که وب سایت رو روی host بارگزاری کردم به ارور های مختلفی که مربوط به لایووایر بود برخوردم و عملا Component لایووایر کار نمی کنه
    میخواستم بدونم آیا برای بارگزاری روی هاست config خاصی هست که باید انجام داد یا نکته ای وجود داره؟؟

    پیشاپیش ممنون از پاسخگویی شما

    • سلام وقت بخیر.
      کار خاصی خیر نداره، مانند deploy پروژه لاراولی هست و چک کنید که cache های پروژه را پاک میکنید

    • باز تغییری نکرد
      من کانفیگ مربوط به لاراول رو مثل همیشه انجام دادم و هیچ مشکلی نداره ولی بخش هایی که مربوط به لایووایر هستن دچار مشکل شدن

      کش مربوط به لایووایر bootstrap/cache/livewire-components پاک کردم
      آیا جای دیگه ای هم هست؟ "از لاراول 8 استفاده می کنم"

      به نظرم هسته لایووایر که جاوااسکریپ هست اینجا عمل نمی کنه
      "دلیل : صفحاتی که مثل صفحه login/register که شما در آموزش استفاده کردید با تغییر یک مقدار نمایش login یا register تغییر میکنه این موضوع در local به درستی کار می کنه ولی در host خیر ؛ همچنین فرم ها در خود components عملیاتی میشه ولی در host مثل لایووایر ارجا میشه و ارور get/post میده"
      بخاطر این دلایل بنده نظرم روی عمل نکردن هسته لایووایر هست.

      لطفا اگر کسی به این مشکل برخورده و راه حل داره پیشنهاد بده

      پیشاپیش ممنون از مشارکتتون

    • سلام وقت بخیر.
      عذر خواهی بابت تاخیر در پاسخ🙏
      در صورت امکان سورس کدتون را توی تلگرام وب پروگ ارسال کنید تا بررسی بشه

    • درود بر شما جناب شیخ عزیز
      ممنون بابت حمایت و پشتیبانی خوبتون و متشکرم که وقت گذاشتید مشکل منرو حل کردید

      با اجازتون راهکار مشکلم رو اینجا میزارم که دیگر دوستان متوجه راه حل بشن

      من در قسمت routs\web زمانی که داشتم کامپوننت رو Use می کردم به بزرگ یا کوچک بودن حروف دقت نداشتم و چون سروری که استفاده می کنم لینوکس بود به بزرگ و کوچک بودن حروف حساس بود در نتیجه مسیر کاپوننت رو پیدا نمی کرد و منجر به پیغام خطا می شد.

      باز تشکر ویژه می کنم خدمت جنابعالی و سایت خوبتون
      انشالله این کامنت بتونه مشکل دیگران رو هم حل کنه

  • سلام و خسته نباشید جناب اقای شیخ
    سوالی داشتم ، آیا با خود livewire به تنهایی میتونیم اپلیکیشن spa یا single page apllication بسازیم ؟ یا باید vue یا React یاد بگیریم ؟

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

    من سایت های زیادی رو دیدم ولی خب هیچ کدوم مثل سایت شما در زمینه اموزش های وب اینقد کاربردی نبوده و اون تعهد شما در ارائه کامل مطالب اموزشی رو در کمتر سایتی دیدم که جای تشکر داره

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

  • سلام وقت بخیر
    به نظر شما بین livewire و vuejs کدومش بهتره؟
    و اینکه اگه livewire رو یاد بگیریم دیگه نیازی به یادگیری vuejs نیست؟
    چون به نظر میاد کاربردشون یکیه

    • سلام وقت بخیر.
      این دوتا، دو موضوع جدا هستند. ویدیو های بخش اول دوره لایووایر و vue را برای آشنایی بیشتر میتونید مشاهده کنید.
      شما در ابتدا باید کمی با چیزاهای که میخواهید مقایسه کنید آشنا بشید، تا بتونید مقایسه کنید.

  • سلام استاد/ ممنون بابت آموزش خوبتون
    من یک پروژه درست کردم که چند کاربری هست و برای ویرایش از model استفاده کردم
    wire:click="$emitTo('user.ps.delete' , 'showDeleteForm' , {{ $p->id }})"
    اینجا چطور میتونم از checksum برای آی دی استفاده کنم که هر کاربری با دستکاری کردن نتونه پست های دیگران رو ویرایش کنه

    • سلام وقت بخیر.
      شما درخواست را میفرستید سمت سرور و سمت سرور چک میکنید، کاربری که لاگین هست اجازه و یا دسترسی تغییر داره یا خیر. مثله یک پروژه معمولی در لاراول

    • ممنون از پاسخگویی سریعی که دارید.

      در پروژه ها برای اینکه ویرایش ها و حذف از طریق ID صورت میگیره میایم در لاراول ID رو با '''URL::signedRoute('editUser', ['id' => $u->id]);''' هش می کنیم که غیر قابل دستکاری از سمت دیگر کاربران و مرورگر باشه و در قسمت ROUTE اون رو چک می کردیم

      در پروژه های لایووایر وقتی میخوایم ویرایشی انجام بدیم ID رو از طریق emitTo میفرستیم

      کاربر اگر بخواد پست دیگر کاربران رو عوض یا حذف کنه خیلی راحت میتونه با ویرایش مرورگر کد رو دستی تغییر بده
      '''wire:click="$emitTo('user.ps.edit' , 'showEditForm' , 60)" '''
      (اینجا اگر کسی عدد 60 رو تغییر بده دستور اجرا میشه)

      در روش اول با URL صفحه رو انتقال میدادیم ولی در لایووایر با باز شدن مدال صفحه ای تغییر نمی کنه که بخوایم از signedRoute استفاده کنیم

      آیا لایووایر چیزی داره که اینجا ID رو هش کنیم و در Component بررسی کنه


      البته این کارو هم در Component انجام دادم که قبل از ویرایش بررسی کنه USER_ID رکورد با '''AUTH:USER->ID''' مطابقت داره یا نه

    • خب ببینید، شما که نباید اصلا دکمه ویرایش و یا حذف را به کاربری که پست مال اون نیست نمایش بدید. شما این موارد را برای کاربری که لاگین هست و پست ماله اون هست باید نمایش بدید. یا اصلا نمایش هم که میدهید کل اون درخواست میره برا سرور، اونجا چک میکنید چه کسی لاگین هست و این پستی که قرار تغییر کنه مال اون هست یا نه، یه زمانی شما گروهی از نویسنده دارید و همه اونا میتونند یک پست را ویرایش کنند.

    • سلام وقت بخیر.
      ببینید لایووایر یک فریمورک لاراول هست و توی پروژه لاراولی میتونید ازش استفاده کنید.پس شما هر کجا که پروژه لاراولی داشته باشید میتوتید از لایووایر استفاده کنید.

  • استاد عزیز سلام من به یه مشکلی بر خوردم که دیگه ادامه دادن آموزش فایده ای نداره .. نمیدونم چرا فرمان های مربوط به اکشن ها و دیتا بایندینگ اصلا کار نمیکنه..
    مثل wire : model wire : click و کلا بقیه دستور مربوط بهش ...
    از اینکه لایو وایر درست فراخونی شده و پیش نیازاش رعایت شده مطمئنم ..
    lay out هم اوکیه ..خود لایو وایر رانه چون پراپس ها و کامپوننت ها رو نمایش میده و بر میگردونه ... پلاگین هاییم که مروبط به لایو وایره واسه نرم افزار میزبان نصب کردم .. هم رو php storm هم vs پروژه رو تست کردم ....

    واقعا نمیشه آموزشو ادامه داد تا این مشکلم بر طرف شه

    • سلام وقت بخیر.
      اگه مراحل را درست رفته باشید نباید مشکلی داشته باشید، با فایل تمرینی دوره تست کنید، چندین بار پروژه جدید ایجاد کنید، ورژن ها را چک کنید،دایرکتیو livewireScripts@ چک کنید و ...

  • استاد وقتتون بخیر .. من بطور خیلی ناگهانی تمام روت هام توسط لاراول پیدا نمیشه و همرو ارور 404 میده ... کامپوننت ها رو به همون صورت فول پیج که گفتید روت کردم .. درست کار میکرد امروز صبح پروژه رو باز کردم دیدم هیچ کدوم از روتام باز نمیشه ... روت کش و روت کلیر هم تست کردم جواب نداد

    • سلام وقت بخیر.
      نباید مشکلی باشه
      دستور php artisan optimize:clear هم تست کنید.
      دستور composer dump-autoload و یا composer update هم تست کنید.

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

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