آموزش رایگان 0 تا 100 livewire
با گسترش وب اپلیکیشنهای مدرن، وجود ابزارهایی به منظور هر چه سادهتر کردن فرآیند ساخت آنها، بشدت نیاز میشود. ابزارهایی مانند vue یا react، در این زمینه بسیار قدرتمند هستند، اما پیچیدگی استفاده از آنها برای یک توسعه دهندهی فول استک، غیرقابل اجتناب است.لایووایر یک فریمورک فول استک برای لاراول است. یعنی با استفاده از آن هم بک اند و هم قابلیت های فرانت به زبان php نوشته میشود و نیازی به کدنویسی جاوااسکریپت نداریم. با استفاده از آن، که میتوانید صفحات وب خود را داینامیک کنید و میتوانید کامپوننت های هوشمند بسازید که به صورت زنده با سرور در ارتباط باشند.
لایووایر چیست؟
امروزه توسعه دهندگان از ابزارهایی مانند کتابخانه React و فریمورک Vue برای ساخت برنامه های وب مدرن استفاده میکنند که بسیار قدرتمند هستند. اما اغلب آماده سازی و کار با آنها همیشه برای توسعه دهندگان کمی چالش برانگیز بوده است. فریمورک Livewire یک فول استک فریمورک برای لاراول محسوب می شود که بدون کم کردن راحتی کدنویسی لاراول سعی میکند به برنامه نویسان فول استک کمک کند تا بهترین اپلیکیشن های تحت وب را با استفاده از لاراول ایجاد کنند و ویژگی های مشابه ویژگی های ویو جی اس و ری اکت را در اختیار داشته باشند.
چرا لایووایر؟
همانطور که میدانیم زبان PHP یکی از قدرتمندترین زبان های برنامه نویسی توسعه سمت سرور Backend است. همچنین این زبان دارای فریمورک های قدرتمند است مانند فریمورک laravel ، فریمورک سیمفونی و ... که یکی از محبوب ترین های آن ها فریمورک Laravel است. لاراول در سال های اخیر با بروزرسانی های مستمر و اضافه شدن ویژگی های قدرتمند توانسته به عنوان محبوب ترین فریمورک دنیای برنامه نویسی لقب بگیرد و توسعه دهندگان زیادی را شیفته خود کند. لاراول به شدت بین توسعه دهندگان وب محبوب است و دارای جامعه آماری بالایی است. برخی از ویژگی های آن مانند امنیت بالا، کدنویسی آسان و سریع باعث شده تا این محبوبیت دو چندان شود.
Livewire چگونه کار میکند؟
- فریمورک لایووایر خروجی هر کامپوننت Component را با صفحه رندر میکند که ازنظر دوستدار SEO است.
- هنگام رخ دادن یک تعامل لایووایر یک درخواست Ajax را به سمت سرور ارسال میکند!
- در مرحله بعد سرور آن Component را مجدد رندر و اجرا میکند و HTML جدید را در Response برمیگرداند.
- Livewire سپس هوشمندانه DOM را مطابق آنچه که تغییر کرده است بهروزرسانی میکند!
آیا Livewire از websockets استفاده میکند؟
خیر، لایووایر از وب سوکت استفاده نمیکند و صرفاً به درخواستهای Ajaxبرای ارتباط با سرور متکی است! این بدین معناست که بسیار قابل اطمینان و مقیاسپذیر است. پس در نتجیه از وب سوکت استفادهنشده است.
آیا لایووایر جایگزین Vue است؟
تا حدودی میتواند جایگزین ویو جی اس باشد. اما تا حدی که کامپوننت های شما فقط از Axios برای ارسال درخواستها به سمت سرور استفاده میکنند.
آیا امکان استفاده از جاوا اسکریپت در Livewire وجود دارد؟
Livewire با فریمورک AlpineJs به خوبی کار میکند (برای این نیاز ساختهشده است). اگر قصد استفاده از کتابخانههای شخص ثالث مانند Select2 و ... را دارید لایووایر Api هایی جهت این کار در نظر گرفته است. نکته جالب این است که افزونهای جهت استفاده از اجزای vuejes در Livewire در نظر گرفتهشده است.
چرا باید Livewire را یاد گرفت؟
گر توسعهدهنده لاراول هستید پیشنهاد میکنیم لایووایر را یاد بگیرید. چرا که امکانات بی نظیر آن به کمک شما خواهد آمد. پس اگر قصد دارید حرفهایتر در فریمورکlaravel کد بزنید اقدام به یادگیری کنید. لایووایر امکان بهروزرسانی هوشمند کامپوننت ها را در اختیار شما قرار میدهد و میتوانید بدون بار گزاری مجدد صفحه وب با ارسال درخواست به سمت سرور، دیتا را بهروزرسانی کنید.
میزان محبوبیت آن چگونه است؟
لایووایر مدت زمانی کوتاهی است که منتشرشده است اما توانسته توجه بسیاری از توسعهدهندگان لاراول را به خود جلب کند. بسیاری از توسعهدهندگان در حال استفاده از آن هستند. با توجه به اینکه فریمورک لاراول محبوبترین فریمورک دنیاست به همین دلیل پیشبینی میشود با توجه به امکانات عالی فریمورک Livewire روز بهروز به توسعهدهندگان آن افزوده شود و آینده خوبی داشته باشد.
چه چیزهایی با لایووایر میشود ساخت؟
تقریباً همه کارهایی که قبلاً با استفاده از جی کوئری و ریکوئست های ایجکس انجام میدادیم با لایووایر بدون نوشتن کد جاوا اسکریپت قابل انجام است.
نحوهی کار آن به چه صورت است؟
برای آن که بهتر درک کنیم Livewire چیست ، ابتدا باید نحوهی کار آن در لاراول را بدانیم که به طور اجمالی در چهار بخش زیر خلاصه میشود:
- ابتدا برای Livewire کامپوننتهایی را تعریف میکنیم که خروجی اولیهی این کامپوننتها مثل دستور include در blade، در صفحه رندر میشوند. به این صورت برای سئو هم مناسب و به عبارتی seo friendly است.
- زمانی که تعاملی در صفحه رخ میدهد، Livewire یک درخواست Ajax را به همراه دادههای جدید به سمت سرور ارسال میکند.
- سرور کامپوننتها را دوباره رندر میکند و ساختار HTMLجدید را برای کاربر ارسال میکند.
- سپس Livewire ساختار DOM را بر اساس دادههای آپدیت شده و خروجی کامپوننتها، بهصورت هوشمند تغییر میدهد.
نیازمندیهای اولیه
برای شروع کار، علاوه بر HTML و CSS، فقط به دانش کافی در زمینهی لاراول نیاز دارید و بدون نیاز به جاوا اسکریپت میتوانید وب اپلیکیشن پویای خود را ایجاد کنید.
آیا یادگیری لایووایر آسان است؟
بله، یادگیری livewire در صورتی که شما بر لاراول تسلط داشته باشید اصلاً کار سختی نیست و با مشاهده دوره آموزشی میتوانید به سادگی آن را فرا بگیرید.
آیا یادگیری لایووایر الزامی است؟
خیر یادگیری کار آن الزامی نیست. اما اگر جز برنامهنویسان لاراول محسوب میشوید و قصد دارید در این فریمورک به شکل پیشرفته و بهتری کار کنید آشنایی با lآن میتواند به شما کمک کند به شکل پیشرفتهتری پروژههای خود را پیادهسازی کنید.
چقدر زمان لازم است تا لایووایر را یاد بگیرم؟
زمان شخصی وجود ندارد اما اگر شما بر مباحث لاراول مسلط باشید و همچنین درک مناسبی از جاوا اسکریپت داشته باشید میتوانید بهسادگی در زمان بسیار کوتاهی کار با آن را یاد بگیرید و شروع به استفاده از آن کنید.
پیش نیازهای یادگیری لایووایر چه هستند؟
برای آنکه بتوانید دوره آموزش آن را مشاهده کنید باید با لاراول آشنا باشید و درک مناسبی از جاوا اسکریپت داشته باشید تنها در این صورت است که میتوانید دوره آموزش livewire را به شکل کامل مشاهده کنید و کار با آن را یاد بگیرید.
Livewire نسخه 2 منتشر شد
لایووایر نسخه دوم اخیراً منتشرشده است که تغییرات جذابی داشته است. Livewire نسخه 2 با لاراول 8 که بهتازگی منتشرشده است هماهنگی بیشتری پیداکرده است و در مقابل لاراول نسخه 8 نیز بهصورت رسمی با منتشر کردن پکیج جانبی Laravel Jetstream به پشتیبانی Livewire پرداخته و توصیه کرده برای پیادهسازی ویوهای پروژه خود از آن استفاده کنید.
نتیجهگیری
Livewire یک فول استک فریمورک برای فریمورک لاراول است. دارای امکانات بی نظیر و داکیومنت کاملی است. در مدت زمان کوتاهی که منتشرشده توانسته توسعهدهندگان را به سمت خود بکشاند. پیشبینی میشود در آینده با توجه به کاربران بالای لاراول روز به روز به توسعهدهندگان آنهم اضافه شود. با لایووایر میتوانید کامپوننت های هوشمند بسازید که به صورت زنده با سرور در ارتباط باشند و بدون بارگذاری کامل صفحه بخش از آن بهروزرسانی شود.
سرفصل های دوره
ارتباط real-time با دیتابیس
ارتباط real-time با دیتابیس (delete - update)
actions & properties
validation - submit action
اکشن ها Actions
Firing Events
چرخه حیاط Livewire
آپلود فایل
صفحه بندی - Pagination
معرفی پروژه
ایجاد پروژه - کامپوننت های index - header-footer
پروژه - قسمت 2
پروژه قسمت 3
پروژه قسمت 4
پروژه قسمت 5 (صفحه ثبت نام)
پروژه قسمت 6 ( صفحه ورود و خروج)
پروژه قسمت 7 (ثبت نظرات)
پروژه قسمت 8 (sweet alert در livewire)
پروژه قسمت 9 (ثبت پاسخ)
پروژه قسمت 9 (ساخت SPA) - وب سایت تک صفحه ای
پروژه قسمت 10 (صفحه سرچ)
پروژه قسمت 11 (صفحه سرچ)
پروژه قسمت 12
افزودن google reCaptcha V3 به پروژه livewire
پیشنیاز های دوره چه چیزهایی هستند؟
- این دوره پیشنیازی ندارد
نظرات دانشجویان
مدرس دوره
