توضیحات

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

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

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

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

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

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

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

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

 

 


laravel لاراول livewire لایو وایر

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

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

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

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

  • سلام استاد دمت گرم
    دوره واقعا عالی و فوق العادست و هرچیزی که نیاز بود یادبگیریم تو دوره بود
    استاد وفقد اگه میشه یه اپدیت کوچیک برای livewire 3 بزار که خیلی چیزا فرق کرده

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

  • سلام وقت بخیر
    میخواستم بدونم آیا از LIVE WIRE در ایجاد اپ چت هم میشه استفاده کرد؟
    و اینکه ایا LIVE WIRE به درد کار با JS بدون ارتباط با سرور هم میخوره یا خیر؟ مثلا با زدن یک دکمه یک ردیف از ورودی ها ساخته بشن و نمایش داده بشن؟

    ممنون از شما

    • سلام وقت بخیر.
      سرویس چت اصلی ترین موضوع داشتن سرویس websocket هست اما بصورت کلی میتونید ازش استفاده کنید.
      در خصو۱ سوال دومتون، خیر کاربرد و کار لایووایر چیز دیگه ای هست.
      برای جاوااسکریپت فرانت سایت میتونید از فریمورک alpine.js استفاده کنید.

  • سلام وقت بخیر
    دو تا سوال یکی اینکه من اصلا جاوااسکریپت و ایجکس بلد نیستم و فقط پی اچ پی و لاراول کار کردم آیا شما از جاوااسکریپت استفاده میکنید توی این دوره؟؟
    و دوم اینکه چون دورتون بروز نیست پیشنهاد میکنید دوره تون را؟؟

    • سلام وقت بخیر.
      خیر، نیاز به دانش js نیست
      این دوره رر اساس ورژن ۲ هست و اگه قصد یادگیری بر اساس ورژن ۲ دارید میتونه کمکتون کنه بعضی از دوستان هم بعد از دیدن این دوره توی داکیومنتش با ورژن ۳ هم آشنا شدند
      شاید دوره را آپدیت کنیم به ورژن ۳ که فعلا براش برنامه ای نداریم🙏

  • با سلام و احترام

    من یک برنامه نویس فول استک هستم. 3سال پیش بعنوان نمونه، یک پروژه ی حرفه ای و کاملا مستقل و تماماً با لایووایر 2 طراحی کردم که همچنان پابرجاست و در حال کار کردن هست. و پس از اومدن نسخه 3 لایووایر هم خوشحال شدم که یکسری مشکلات رو رفع کرده بودند. آپدیت کردم و خیلی بهتر شده.
    همه چیز خوب هست. ولی یک مشکل رو نتونستم رفع کنم، خیلی هم جستجو کردم. و بخاطر همون مورد هم لایووایر رو گذاشتم کنار و دیگه پروژه ای رو با اون طراحی نکردم.
    مشکل اینکه فرض کنیم یک پروژه ی تمام لایووایری داریم. یعنی یک layout عمومی و مادر. که توی اون، میاییم یک صفحه ی ایندکس با اون layout میسازیم. که طبیعتاً داخل اون از یکسری ماژول ها و کامپوننت های مبتنی بر javascript , css , jquery استفاده میکنیم. حالا ما میخواهیم تک تک قطعات و سکشن های مختلف این صفحه رو با یک ماژول لایووایری فراخوانی و به صورت کاملا مستقل، هر کدومشون فعالیتی داشته باشن. این ماژول ها و سکشن ها، طبیعتاً خودشون از قطعات و لایه های زیرین تری از لایووایر پیاده سازی میشن. تا اینجا اوکی؟
    حالا مشکل اینجاست که اون ماژول و کامپوننت هایی که توی قالب صفحه ی اصلی لود کردیم، انتظار داریم که توی تمام توی لایه های مختلف لایووایر، کار کنند. ولی اینطور نیست. بعضی ها کار میکنند، و بعضی اصلا کار نمیکنند. یا ناقص کار میکنند. مثلا شما اومدی از یک کامپوننتی استفاده کردی که برات نمودار ایجکسی رسم میکنه. توی قالب اصلی کدهاش کار میکنه، ولی توی لایه های زیرین لایووایر و قطعات زیرین اون، اصلا کار نمیکنه. یا مثلا کدهای CSSش کار میکنند، و نمودار قالبش اوکی میشه، و معلومه که قراره اینجا نمودار باشه، ولی توش خالی هست و اصلا دیتا توش نمیشینه.

    من راه حل های مختلفی رو از منابع معتبری مثل stackoverflow و غیره دیدم و تست کردم، ولی در اکثر موارد، و روی اکثر کامپوننت ها، اصلا جواب نمیده و راه حل کاملا غیر حرفه ای و غیراصولی هست. اینکه شما بیای توی ماژول زیرین لایووایری، مجدداً اون کتابخانه ها و فایل های CDN یا فایل های محلی کامپوننت رسم نمودار رو، توی ماژول لایووایریت دوباره لود کنی. همونطور که عرض کردم، با اینکه غیراصولی هست این کار، ولی توی خیلی کم از کامپوننت ها جواب میده. و عمدتاً جواب نمیده. و راه حل های دیگه هم تست کردم. اما بی نتیجه.

    مطمئنم متوجه عرایض بنده شده اید. و اگر چنین موردی رو برخورد کرده اید و راه حلی قطعی و اصولی براش دارید، به بنده نیز اطلاع بدید.

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

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

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

  • با سلام و احترام خدمت شما
    من بعد از اینکه آموزش لاراول را در سایت شما استفاده کردم، این دوره لایو وایر را خریدم. ولی زمان استفاده با توجه به اینکه ورژن سه را نصب کردم، به یک سری مشکلات برخوردم (مثل عمل نکردن wire:model.live). خلاصه یه مقدار دلسردم شدم. می خواهم برم آموزش vue از سایت شما ببینم تا بتونم فرانت سایتم را داینامیک کنم. حال سوالم اینه:
    من که بک اند سایتم می خواهم لاراول باشه(در یک سایت فروشگاهی)، آیا میشه فرانت ام با vue باشه و این مشکلی از لحاظ سئو ایجاد نمی کنه.
    یا بهتر با لایو وایر باشه.؟؟
    (ویدیو های معرفی دوره ها را صدبار دیدم.)

    • سلام وقت بخیر.
      شما دوره لایووایر را مانند ویدیو ها با ورژن ۲ برید جلو و تموم که شد کافیه توی داکیومنت بخش Upgrade Guide را مطالعه کنید تا با تغیرات ورژن ۳ آشنا بشید.
      درخصوص فرانت شما از فریمورک های مختلف میتوانید استفاده کتید اما اگه قصد استفاده از vue یا react دارید. پیشنهاد بنده اینکه از فریمورک های اونها مثله nuxt.js و next.js استفاده کنید و بک اند هم بصورت api با لاراول بنویسید

    • سلام مجدد.
      مشکل حل شد. راه حل رو اینجا می ذارم شاید به درد کسی بخورد:
      1- در لایو وایر ورژن 3 نباید از عبارت @livewireScripts برای فرا خوانی آلپاین استفاده کرد. این امر بصورت خودکار انجام می شود.
      2- از آخرین ورژن لاراول (الان از آخرین ورژن 10) استفاده شود. (همین نسخه 10 هم چند تا ورژن کوچک خورده). مثلا در ورژن های اخیر پوشه layoutدر داخل پوشه component قرار می گیرد، و همین برای لایووایر مهم است.
      -------------------------------------------------------------------------
      و یک سوال دیگه از آقای شیخ داشتم:
      اینکه آیا برای ساخت یک سایت مهم و پربازید می شود روی لایو وایر حساب باز کرد.؟ و یا بهتر است از vue یا react استفاده شود.
      ممنون از آموزشهای بسیار مفید شما.

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

  • درود علی مرسی از دوره های فوق العادت
    مقداری تغیرات داشته ولی چیز جالبی بهش اضافه شده
    اضافه کنید عالی میشه الان داکیومنت استیبل نیست مثلا بحث navigate داشتم کار میکردم روش یه چیزی میخواد که نمیفهممش یه layout خاص میدی بهش بعد نمیتونم @section استفاده کنم برا پاس دادن دیتا بهش یکم داستان داره

  • سلام استاد
    ممنون میشم یک قسمت اضافه کردن 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 یاد بگیریم ؟

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

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

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