مشاهده همه دوره‌ها
Techniquesمتوسط9 قسمت

مودال‌ها با پشته TALL

Modals with the TALL Stack

For such a simple concept, modals can often be tricky to implement. Where exactly do we place them? Where should the event listeners to toggle their display be stored? And how to we make them dynamic? In this series, one piece at a time, we'll discuss everything you need to know about modals within the TALL (Tailwind, Alpine, Laravel, Livewire) stack.

قسمت‌های دوره

HTML و CSS برای یک مودال پایه

10m 34s

Quickly build a basic modal with HTML and Tailwind CSS in this friendly Laracasts lesson—perfect for getting started with clean, simple modal design.

آن را به یک کامپوننت Blade + Alpine تبدیل کنید

7m 16s

Extract your modal HTML into a reusable Blade component and easily add Alpine.js support for interactivity in this friendly, step-by-step Laracasts tutorial.

تکنیک شماره ۱: یک هش URI مودال را تغییر می‌دهد

6m 14s

Learn how to toggle modals using the URI hash technique for seamless display control before diving into Livewire integration in this friendly Laracasts tutorial.

از Alpine برای رهگیری ارسال فرم استفاده کنید

5m 25s

Learn how to use Alpine.js to intercept form submissions and display a confirmation modal, creating a smooth, interactive user experience in this Laracasts episode.

تکنیک شماره ۲: مدیریت وضعیت مودال با Livewire

8m 29s

Discover how to effortlessly manage and toggle modal state using Livewire’s magic in this friendly, hands-on Laracasts tutorial for dynamic Laravel apps.

همگام‌سازی Livewire و Alpine

13m 19s

Learn to sync Livewire and Alpine using @entangle for seamless modal behavior—closing on outside clicks or escape key—in this clear, friendly Laracasts tutorial.

ترنزیشن‌های پایه Alpine

4m 9s

Quickly enhance your modal’s design with smooth scale and fade transitions using Alpine.js and Tailwind CSS in this friendly, hands-on Laracasts lesson.

یک مثال کامل

13m 32s

Build a dynamic user management page with Tailwind UI, adding a delete button that triggers a detailed confirmation modal in this engaging Laracasts tutorial.

تغییر وضعیت مودال‌های Alpine با استفاده از رویدادها

8m 25s

Control Alpine modals app-wide with an event-based $modals.show('name') API—dispatch on window and handle toggles from a Blade modal.

یادگیری را ادامه دهید

تصویر بندانگشتی واقعی شوید با Laravel Echo
واقعی شوید با Laravel Echo

با Jeffrey Way

  • 8 قسمت
  • حرفه‌ای
  • Techniques
تصویر بندانگشتی لارابیت‌های محمد
لارابیت‌های محمد

با Mohamed Said

  • 4 قسمت
  • متوسط
  • Techniques
تصویر بندانگشتی ۱۰ تکنیک برای کد تمیزتر
۱۰ تکنیک برای کد تمیزتر

با Jeffrey Way

  • 10 قسمت
  • متوسط
  • Techniques
تصویر بندانگشتی BaseCode بارگذاری مجدد
BaseCode بارگذاری مجدد

با Jason McCreary

  • 16 قسمت
  • متوسط
  • Techniques
تصویر بندانگشتی جزئیات دقیق ارسال فاکتور
جزئیات دقیق ارسال فاکتور

با Jeffrey Way

  • 5 قسمت
  • حرفه‌ای
  • Techniques

دوست دارید گاهی خبرهای Laracasts را ایمیل کنیم؟