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!
Overview
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
