آموزش Livewire

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

4 (3 امتیاز)
144 دانشجو
مقدماتی
محتوای دوره
پیش‌نیاز‌ها
درباره دوره
نظرات کاربران
درباره استاد

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

معرفی Livewire

کاربرد Livewire

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

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

محتوای دوره

11 فصل 65 جلسه 12 ساعت ویدیو
معرفی Livewire
کامپوننت‌ها
Property
Action
Event
ویژگی‌ها در کامپوننت
ویژگی‌ها در رابط کاربری
پروژه Authentication
پروژه ToDo
پروژه سبد خرید
پروژه چت روم

پیش‌نیاز‌ها

درباره دوره

به‌عنوان توسعه‌دهنده، ما همیشه به دنبال ابزارها، کتابخانه‌ها و چارچوب‌هایی هستیم که کار ما را آسان‌تر کنند. برای توسعه‌دهندگان و برنامه نویسان لاراول نیز به این صورت خواهد بود. به همین دلیل است که فریمورک 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
  • پروژه سبد خرید
  • پروژه چت روم

 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 زیادی در سطح وب استفاده کنید، اما برای نقطه شروع این دوره آموزش لایو وایر بهترین انتخاب است و به شما کمک می‌کند مسیر طولانی را میانبر برید.

اطلاعات بیشتر

امتیاز و نظرات کاربران

4

از مجموع 3 امتیاز

2 نظر

6 ماه پیش

دوره خوبیه

محمدحسین شکراللهی

محمدحسین شکراللهی

1 سال پیش

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

مهدی مختاری ثابت

مهدی مختاری ثابت

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

درباره استاد

علی شیخ
علی شیخ
19 دوره
37,417 دانشجو

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

اطلاعات بیشتر

دیگر دوره‌های علی شیخ

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

حداقل و حداکثر زمانی که می توانم یک دوره را بگذرانم چقدر است؟

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

پس از سپری شدن زمان دوره، به محتوای دوره دسترسی خواهم داشت؟

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

صفحات پربازدید