مشاهده همه دوره‌ها
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.

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

تصویر بندانگشتی چگونه اپ‌های خط فرمان بسازیم
چگونه اپ‌های خط فرمان بسازیم

با Jeffrey Way

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

با Jason McCreary

  • 16 قسمت
  • متوسط
  • Techniques
تصویر بندانگشتی تکنیک‌های احراز هویت در Laravel
تکنیک‌های احراز هویت در Laravel

با Jeffrey Way

  • 2 قسمت
  • متوسط
  • Techniques
تصویر بندانگشتی چگونه یک تیم توسعه بسازیم
چگونه یک تیم توسعه بسازیم

با Matt Stauffer

  • 12 قسمت
  • متوسط
  • Techniques
تصویر بندانگشتی نورافکن مهمان
نورافکن مهمان

با Jeffrey Way

  • 13 قسمت
  • متوسط
  • Techniques

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