Autoplay
Autocomplete
HTML5
Flash
Player
Speed
Previous Lecture
Complete and continue
Build Along: Vue3 Time Blocking App
Getting comfortable in Vue3 - The Basics
Section Overview (2:52)
Building our main application view (11:25)
Creating our weekly calendar (4:26)
Rendering events in our app (8:13)
Manipulating events with the Drag and Drop API
Section Overview (1:09)
Designing a data store with the Composition API (3:43)
Creating state mutations in our data store (5:11)
Rescheduling events using the Drag & Drop API (9:07)
Using MouseEvents to change the time of events (8:43)
Advanced State Manipulation with the Composition API
Section Overview (1:39)
Adding state mutations for add event, delete event, and edit calendar (4:33)
Creating our Add Event modal with reusable logic (4:46)
Building our Add Event form and modeling reactive data (8:14)
Implementing our DatePicker component (9:36)
Basic form validation and submitting our Add Event (6:09)
Adding the edit event feature (7:51)
Deleting events from our planner and our store (1:45)
Editing state calendars (7:09)
Wrapping Up
Section Overview (1:00)
Adding transitions to our modals (2:08)
Adding animations to overlapping events (2:38)
Final look at our app (2:09)
Adding the edit event feature
Lecture content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock