آموزش Livewire

به‌عنوان توسعه‌دهنده، ما همیشه به دنبال ابزارها، کتابخانه‌ها و چارچوب‌هایی هستیم که کار ما را آسان‌تر کنند. برای توسعه‌دهندگان و برنامه نویسان لاراول نیز به این صورت خواهد بود. به همین دلیل است که فریمورک ... ادامه

برگزارکننده:  مکتب‌خونه  مکتب‌خونه
مدرس دوره:
4 (1 رای)
سطح: مقدماتی
 پلاس
  
زمان مورد نیاز برای گذارندن دوره:  12 ساعت
مجموع محتوای آموزشی:  12 ساعت ویدئو
 (قابل دانلود می‌باشد)

آنچه در این دوره می‌آموزیم:

 معرفی Livewire

 کاربرد Livewire

 کامپوننت‌های Livewire

 ویژگی‌ها در کامپوننت

پیش‌نیاز‌ها

سرفصل‌های دوره آموزش Livewire

معرفی Livewire

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

  Livewire چیست
"09:36  
  تفاوت Livewire با دیگر فریم‌ورک‌های js
"09:35  
  نصب Livewire
"07:03  
کامپوننت‌ها

در فصل دوم نحوه ایجاد کامپوننت‌ها آموزش داده شده است. هم‌چنین در این فصل به بررسی مباحثی مانند: ارسال پارامتر به کامپوننت، کامپوننت تمام صفحه و کامپوننت تودرتو پرداخته شده است.

  ایجاد کامپوننت
"12:54  
  ارسال پارامتر به کامپوننت
"15:04  
  کامپوننت تمام صغحه
"12:30  
  کامپوننت تودرتو
"11:02  
Property

در فصل سوم پس از بررسی کامپوننت‌ها به نحوه Reset و Fill کردن Property ها پرداخته شده است. در این فصل همچنین به مفاهیم Data Binding و Model Modifier و در نهایت Property کامپیوتر پرداخته شده است.

  Fill و Reset
"06:07  
  Data Binding
"13:32  
  Model Modifier
"09:19  
  Computer Property
"08:54  
Action

در فصل چهارم پس از آشنایی با Action به Action Modifier و Magic Action پرداخته شده است.

  آشنایی با Action
"08:37  
  Action Modifier
"07:04  
  Magic Action
"07:16  
Event

در فصل پنجم ابتدا به آشنایی با Event پرداخته شده است. همچنین در این فصل محدوده Event و Lifecycle Hooks مورد بررسی قرار گرفته است.

  آشنایی با Event
"17:43  
  محدوده Event
"08:33  
  Lifecycle Hooks
"08:18  
ویژگی‌ها در کامپوننت

مسائل فصل ششم شامل Validation و Real-Time Validation می‌باشد. همچنین در این فصل به بررسی آپلود، پیش‌نمایش موقت و دانلود فایل، نحوه Query String و مفهوم Pagination  پرداخته شده است.

  Validation
"10:02  
  Real-time Validation
"10:56  
  آپلود فایل
"18:59  
  پیش‌‌نمایش موقت فایل
"05:30  
  دانلود فایل
"05:05  
  Query String
"05:50  
  Pagination
"10:20  
  Flash Message
"09:08  
ویژگی‌ها در رابط کاربری

در فصل هفتم به انواع ویژگی‌ها در رابط کاربری پرداخته شده است. در این فصل به مباحثی مانند: Loading States ،Prefetching ،Polling ،Dirty State ،Offline و Defer Loading پرداخته شده است.

  Loading States
"15:27  
  Polling و Prefetching
"09:13  
  Offline و Dirty State
"09:27  
  Defer Loading
"05:53  
پروژه Authentication

در فصل هشتم پس از معرفی و آماده‌سازی پروژه Authentication به بررسی ایجاد کامپوننت‌ها از جمله کامپوننت Auth، کامپوننت Register، کامپوننت Login و کامپوننت Logout پرداخته شده است.

  معرفی پروژه Authentication
"03:18  
  آماده‌سازی پروژه
"14:55  
  کامپوننت Auth
"08:31  
  کامپوننت Register
"18:28  
  کامپوننت Login
"17:39  
  Logout
"11:12  
پروژه ToDo

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

  معرفی پروژه ToDo
"04:36  
  مدل و مایگریشین تسک
"11:41  
  کامپوننت ایجاد تسک
"08:46  
  کامپوننت نمایش پیام
"07:28  
  کامپوننت نمایش تسک‌ها
"14:39  
  فیلتر
"15:32  
  کامپوننت ویرایش تسک بخش اول
"12:56  
  کامپوننت ویرایش تسک بخش دوم
"16:17  
  حذف تسک
"03:23  
پروژه سبد خرید

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

  معرفی پروژه سبد خرید
"03:17  
  مدل و مایگریشن محصول
"05:10  
  کامپوننت ایجاد محصول بخش اول
"17:25  
  کامپوننت ایجاد محصول بخش دوم
"24:06  
  کامپوننت نمایش محصول
"10:48  
  افزودن به سبد خرید
"14:23  
  سبد خرید در هدر
"08:59  
  کامپوننت سبد خرید
"09:06  
  ویرایش سبد خرید
"06:30  
  حذف از سبد خرید
"11:44  
پروژه چت روم

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

  معرفی پروژه چت روم
"03:36  
  مدل و مایگریشن روم و پیام‌ها
"08:03  
  نمایش روم‌ها
"12:58  
  نمایش پیام‌های یک روم
"08:33  
  ذخیره پیام
"15:08  
  Websocket چیست؟
"09:16  
  Broadcast کردن پیام بخش اول
"18:20  
  Broadcast کردن پیام بخش دوم
"10:11  
  Broadcast کردن روم
"12:00  
  نمایش کاربران چت روم
"16:46  
  نمایش Typing
"28:35  

درباره دوره

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

معرفی دوره آموزش Livewire

در این دوره آموزش Livewire، کار با فریم ورک لایو وایر آموزش داده می‌شود و کاربر با دیدن و گذراندن دوره می‌تواند روند و ساختار توسعه‌ خود را کاملاً دگرگون کند. به طور خاص، با Livewire، به عنوان یک چارچوب فول استک برای لاراول کاربر قادر خواهد بود که بدون کدنویسی جاوا اسکریپت، رابط‌های پویا بسازد. دوره آموزش لایو وایر نام برده در ١١ جلسه به مدت ١٢ ساعت، به صورت کاملاً پروژه محور به کاربران ارائه می‌شود.

هدف از برگزاری دوره آموزش Livewire چیست؟

لایو وایر (Livewire) یک فریم‌­ورک فول­‌استک برای لاراول است. فول‌استک به این معنی که هر دو بخش ‌FrontEnd و BackEnd را پوشش می‌دهد. با استفاده از Livewire می‌توانید صفحات وب‌سایت خودتان را داینامیک کنید و در کنار این داینامیک بودن راحتی لاراول را نیز داشته باشید. در دوره آموزش Livewire به طور کامل با فریم‌ورک Livewire و نحوه کار با آن آشنا می‌شوید.

در دنیای امروز که «وب اپلیکیشن‌های مدرن» با سرعت هر چه تمام در حال گسترش هستند، استفاده از ابزار‌هایی در جهت ساده‌تر کردن فرایند ساخت این اپلیکیشن‌­ها بسیار لازم و ضروری است. ‌از جمله ابزار‌هایی که در تولید این اپلیکیشن­‌ها بسیار قدرتمند و کاربردی هستند می‌توانیم به Vue.JS یا React.JS اشاره کنیم.

لایو وایر کمک می‌کند شما بدون اینکه درگیر API نویسی باشید صفحات وب­‌سایت­‌تان را برای برقراری ارتباط با فریم‌ورک‌های جاوا اسکریپت مانند Vue.JS یا React.JS داینامیک کنید. اصلی‌­ترین هدف از برگزاری این دوره آموزش کامل و صحیح فریم­‌ورک لایو وایر است.

دوره آموزش Livewire مناسب چه کسانی است؟

برای اینکه افراد بتوانند به طور کامل و بدون وجود هیچ ابهامی از آموزش لایو وایر بهره‌مند شوند، لازم است که قبل از شروع این دوره ابتدا با لاراول آشنایی داشته باشند. به این صورت مطالب این دوره نیز قابل درک و راحت‌تر خواهد بود. همچنین تمامی افرادی که در تلاش برای ساخت وب‌­سایتی جذاب و داینامیک هستند نیز می­‌توانند مخاطب این دوره باشند.

منابع یا الزاماتی که دوره بر اساس آن‌ها تدریس می‌شود‌:

کاربرد و اهمیت لایو وایر و نیاز به آموزش صحیح مباحث مربوط به لایو وایر به عنوان اصلی­‌ترین الزامات برگزاری این دوره شناخته می­‌شوند. منابع مورد استفاده در این دوره منابع رایج در تدریس لایو وایر و جزوه استاد درس است.

آموزش Livewire در چند جلسه و کجا تدریس شده است؟

دوره آموزش لایو وایر در 11 فصل و در وب‌­پروگ تهیه و به وسیله مکتب­‌خونه منتشر شده است. این یازده فصل به شرح زیر است:

  • معرفی Livewire
  • کامپوننت‌های Livewire
  • Property
  • Action
  • Event
  • ویژگی‌ها در کامپوننت
  • ویژگی‌ها در رابط کاربری
  • پروژه Authentication
  • پروژه ToDo
  • پروژه سبد خرید
  • پروژه چت روم

درباره استاد

maktabkhooneh-teacher علی شیخ

علی شیخ در سال ۱۳۹۴ در رشته مهندسی کامپیوتر فارغ‌التحصیل شد و به عنوان برنامه‌نویس وب در شرکت معدنی و صنعتی چادرملو شروع به کار کرد. تخصص اصلی ایشان در زبان‌های جاوا اسکریپت و php است. وی به دلیل این که به آموزش علاقه زیادی داشت، تصمیم به راه‌اندازی وب‌سایتی در این زمینه به نام وب پروگ گرفت و اکنون از سال 1398 تاکنون توانسته‌است سهم کوچکی در آموزش به افراد علاقه‌مند به برنامه‌نویسی را داشته باشد.

مشاهده پروفایل و دوره‌‌های استاد

نظرات کاربران

تا کنون نظری برای این دوره ثبت نشده است. برای ثبت نظر باید ابتدا در دوره ثبت نام کرده و دانشجوی دوره باشید.
مهدی مختاری ثابت 1401-10-27
سلام . توی جلسه 7 از پروژه چت روم گفته شد که در جلسه قبل وب سرور socket رو ایجاد کردیم در حالی که توی جلسه قبلش همچین چیزی گفته نشده و کانفیگ socket رو آموزش ندادن جایی که دقیقا من باهاش به مشکل برخوردم ! لطفا اگر امکانش هست نحوه ایجاد و کانفیگ وب سرور socket رو به آموزش ها اضافه کنید .

دوره‌های پیشنهادی

سوالات پرتکرار

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

سوالات پرتکرار

پس از سپری شدن زمان دوره، به محتوای دوره دسترسی خواهم داشت؟
بله؛ پس از سپری شدن مدت زمان دوره شما به محتوای دوره دسترسی خواهید داشت و می توانید از ویدئوها، تمارین، پروژه و دیگر محتوای دوره در صورت وجود استفاده کنید ولی امکان تصحیح تمارین توسط پشتیبان و دریافت گواهی نامه برای شما وجود نخواهد داشت.

 Laravel Livewire چیست؟

لایو وایر Laravel Livewire کتابخانه‌ای است که ساخت رابط‌های مدرن، واکنشی و پویا را با استفاده از Laravel Blade به عنوان زبان قالب ساده می‌کند. اگر می‌خواهید برنامه‌ای پویا و واکنش‌پذیر بسازید و جایگزینی عالی برای یک چارچوب کامل جاوا اسکریپت مانند Vue.js پیدا کنید، Livewire گزینه‌ای بسیار مناسب و منطقی برای این کار است.

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

کاربردهای Livewire

می‌توان از Livewire برای اجرای عملکردهای زیر، بدون بارگذاری مجدد صفحه استفاده کرد:

  • صفحه‌بندی
  • اعتبار سنجی فرم
  • اطلاعیه
  • پیش‌نمایش آپلود فایل

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

Livewire در مقابل Vue

Vue همیشه فریم ورک فرانت‌اند ترجیحی برای توسعه‌دهندگان لاراول بوده است تا تعامل را به برنامه‌های خود اضافه کنند. اگر در حال حاضر از Vue برای تقویت اپلیکیشن­‌های خود استفاده می‌کنید، Livewire برای یادگیری شما اختیاری است؛ اما اگر تازه‌کار هستید که امور لاراول فرانت‌اند انجام می‌دهید و به دنبال Livewire به عنوان جایگزین Vue هستید، بله می‌توانید از Livewire به عنوان جایگزین Vue استفاده کنید. منحنی یادگیری به اندازه یادگیری Vue شیب‌دار (سختی یادگیری) نخواهد بود، زیرا بیشتر از Blade برای نوشتن فایل‌های قالب خود استفاده می‌کند و به صورت کلی برای مبتدیان بسیار مناسب است.

چرا Laravel Livewire

Laravel Livewire باعث ایجاد یک روند در میان جامعه توسعه‌دهندگان لاراول شده است. چیزی که باعث شهرت آن شده، دلیل ساخت رابط‌های پویا و پاسخگو بدون عدم استفاده از امکانات لاراول به‌حساب می‌آید. برای ساختن رابط‌های شگفت‌انگیز مجبور نیستید هیچ فناوری دیگری را از راه خود بیاموزید.

Livewire شما را قادر می‌سازد تا با مفاهیم مشابه React و Vue رابط ایجاد کنید. React و Vue ابزارهای بسیار قدرتمندی هستند اما پیچیدگی‌ها و لایه‌هایی از داده را در برنامه اضافه می‌کنند.

Livewire ممکن است جایگزین Vue JS شود زیرا به طرز شگفت‌انگیزی در چارچوب AlpineJS کار می‌کند و برای ارائه API هایی برای افزودن پشتیبانی در ادغام کتابخانه شخص ثالث ساخته شده است. Livewire در حال به رسمیت شناخته شده است و شرکت‌های بسیاری از آن استفاده می‌کنند.

مزایای Livewire چیست؟

می‌توان به عنوان مزایای Livewire به موارد زیر اشاره کرد:

  • برای مبتدیان مناسب است، زیرا درخواست‌های AJAX را می‌توان با دانش اندک یا بدون دانش جاوا اسکریپت انجام داد.
  • سازگار با SEO، زیرا HTML در اولین رندر به مرورگر ارسال می‌شود.
  •  امکان ادغام در صفحات لاراول وجود دارد.
  • امکان تست خودکار به دلیل مجموعه تست گنجانده شده است.

معایب Livewire چیست؟

به عنوان معایب Livewire می‌توان به موارد زیر اشاره کرد:

  •  افزایش بار سرور، زیرا تمام تغییرات وضعیت از طریق درخواست AJAX انجام می‌شود.
  • عیب‌یابی دشوارتر انجام خواهد شد.

Livewire چگونه کار می‌کند؟

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

1. Livewire خروجی کامپوننت اولیه را به صفحه‌نمایش می‌دهد. دقیقاً مانند قالب معمولی Blade که توسط سرور رندر شده است.

2. هنگامی‌که یک تعامل اتفاق می‌افتد، Livewire یک درخواست AJAX را با داده‌های به روز شده به سرور ارسال می‌کند.

3. سرور کامپوننت را دوباره ارائه می‌کند و با HTML به روز شده پاسخ می‌دهد.

4. سپس Livewire به طور هوشمند DOM را با توجه به آنچه تغییر کرده است جهش می‌دهد.

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

سخن پایانی

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

Livewire برای برنامه‌هایی که به‌شدت تقاضامحور هستند، انتخاب خوبی نیست؛ اما در شرایطی که می‌خواهید یک برنامه ارائه‌شده توسط سرور با واکنش‌پذیری زیادی داشته باشید، Livewire انتخاب خوبی به‌حساب می‌آید. اگر می‌خواهد Livewire را به صورت اصولی برای پیاده‌سازی پروژه‌های خود بیاموزید، هم‌اکنون با ثبت‌نام در دوره آموزش Livewire اولین و مهم‌ترین قدم در این راه را بردارید. همچنین به عنوان مکمل می‌توانید از دوره‌های آموزشی پولی و رایگان Livewire زیادی در سطح وب استفاده کنید، اما برای نقطه شروع این دوره آموزش لایو وایر بهترین انتخاب است و به شما کمک می‌کند مسیر طولانی را میانبر برید.

صفحات پربازدید
poster
  
برگزار کننده:  مکتب‌خونه
  
زمان مورد نیاز برای گذارندن دوره:  12 ساعت
مجموع محتوای آموزشی:  12 ساعت ویدئو
 (قابل دانلود می‌باشد)