Coursera Plus Annual is 40% Off — Ends June 29.

Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Laracasts

Crafting Vue Modals

via Laracasts

Go to class Write review
Boot.dev Ad

The Most Addictive Python and SQL Courses

Learn More → DataCamp Ad

PowerBI Data Analyst - Create visualizations and dashboards from scratch

Learn More →

Overview

AI, Data Science & Cloud Certificates from Google, IBM & Meta — 40% Off
One plan covers every Professional Certificate on Coursera. 40% off Coursera Plus Annual.
Unlock All Certificates
In this course, I'll show you how to build dynamic, responsive modal components using Vue 3 and Inertia. js. In each episode, I'll introduce new techniques, such as smooth transitions, click-outside behavior, URL-based modals, comprehensive testing with Laravel Dusk, and much more. We'll begin with the essentials, and then incrementally dig further into some fairly complex techniques. So buckle up!

Syllabus

  • Modal Essentials
    • Basic User Edit Modal
    • Reusable Modal Component
    • Smooth Transitions
    • Escape Key And Outside Clicks
    • Configurable Modal
    • Reusable Edit Modal
  • Backend-Powered Modals
    • Backend Powered Modal System
    • Improving The Backend Powered Modal
  • URL-Based Modals
    • Backend Setup
    • Frontend Implementation
    • Redirection Handling
  • Testing and Refactoring
    • E2E Testing With Laravel Dusk
    • E2E Testing Refactor
    • Refactor And Cleanup

Taught by

Pascal Baljet

Reviews

Start your review of Crafting Vue Modals

Go to class

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.