undefined

VueJS

VueJS is a JavaScript framework with data binding created by Evan You. It allows you to build complex user interfaces with simplistic HTML-like markup.

3 Series
90 Lessons
null

Lessons

Video preview
Adocasts Plus Exclusive
Exclusive
Listing Organization Members
Video preview

Listing Current Organization Members

In this lesson, we'll query and list all current members within our active organization.

Video preview
Adocasts Plus Exclusive
Exclusive
Updating & Deleting an Organization
Video preview

Updating & Deleting an Organization

In this lesson, we'll begin work on our organization's settings page by adding the ability to update and delete the active organization.

Video preview
Adocasts Plus Exclusive
Exclusive
Account Deletion & Deleting Dangling Organizations
Video preview

Account Deletion & Cleaning Dangling Organizations

In this lesson, we'll add the ability for our user's to delete their accounts. During account deletion, we'll also delete any organization's this user is the only member of, keeping them from dangling inside our database without users.

Video preview
Adocasts Plus Exclusive
Exclusive
Safely Updating the User's Email
Video preview

Allowing Users to Safely Update Their Account Email

In this lesson, we'll add the ability for our users to safely update their account email address. We'll require them to confirm their password, then make the update in our database and log it to the user's email histories.

Video preview
Adocasts Plus Exclusive
Exclusive
Profile Settings
Video preview

User Profile Settings

In this lesson, we'll add our user profile settings form and update logic.

Video preview
Adocasts Plus Exclusive
Exclusive
Settings Shell
Video preview

Creating the Settings Shell

In this lesson, we'll create shell specifically for our settings pages to live between our pages and their layouts.

Video preview
Adocasts Plus Exclusive
Exclusive
Storing Lesson Reordering
Video preview

Storing Lesson Order Changes & Handling Cross-Module Drag & Drops

In this lesson, save the changes made to lessons inside a course when a user uses drag-and-drop to move a lesson. Users can change the lesson order inside a single module or move a lesson into a new module, so we'll need to handle both use cases.

Video preview
Adocasts Plus Exclusive
Exclusive
Storing Module Reordering
Video preview

Storing Module Order Changes from Vue Draggable

In this lesson, we'll persist sort order changes to the database when dragging and dropping a course's modules using Vue Draggable

Video preview
Adocasts Plus Exclusive
Exclusive
Lesson & Module Tag Selector
Video preview

Patching Tag Changes for our Modules & Lessons

In this lesson, we’ll incorporate our Tag Selector component into our modules and lessons to facilitate easy visibility and updates of their statuses and access levels.

Video preview
Adocasts Plus Exclusive
Exclusive
Setting A Publish Date & Time
Video preview

Adding A Publish Date & Time Input

In this lesson, we'll add publish at date & time fields to our lesson form. We'll learn how we can split these two values apart for their inputs and join them back together before sending to the server. We'll also touch on timezone considerations.

Video preview
Adocasts Plus Exclusive
Exclusive
Editing & Deleting Lessons
Video preview

Editing & Deleting Course Lessons

In this lesson, we'll add the ability to edit and delete lessons from a course's module. When editing, we'll also decrement the order field for all lessons within the module after the lesson being deleted.

Video preview
Adocasts Plus Exclusive
Exclusive
Creating & Listing Course Lessons
Video preview

Creating & Listing Sortable Course Lessons

In this lesson, we'll add the ability to create new lessons within a course's module. We'll then list the lessons within their designated module using the order specified by the user.

Video preview
Adocasts Plus Exclusive
Exclusive
Course Module CRUD
Video preview

Creating, Editing, & Deleting Course Modules

In this lesson, we'll add the ability to create, edit, and delete a course's modules using the reusable components and composables we've created in past lessons.

Video preview
Adocasts Plus Exclusive
Exclusive
Listing Sortable Course Modules
Video preview

Querying & Listing Sortable Course Modules

In this lesson, we'll query and add a sortable list of a course's modules on the courses show page.

Video preview
Adocasts Plus Exclusive
Exclusive
Tag Selector Component
Video preview

The Tag Selector

In this lesson, we'll define a reusable tag selector component that we'll use for our difficulties, access levels, and statuses. This component will accept props that will automatically send a patch request to our server to update values as they change.

Video preview
Adocasts Plus Exclusive
Exclusive
Showing Course Details
Video preview

Showing A Course's Details

In this lesson, we'll add our courses show page, which will be in charge of displaying the course details along with its modules & lessons. In this lesson we'll lay the groundwork, then in the next module we'll add in our modules & lessons.

Video preview
Adocasts Plus Exclusive
Exclusive
Deleting Courses
Video preview

Deleting Courses

In this lesson, we'll add the ability to delete courses from an organization with confirmation from our user.

Video preview
Adocasts Plus Exclusive
Exclusive
Editing & Updating Courses
Video preview

Editing & Updating Courses

In this lesson, we'll add the ability to edit and update a course within the active organization.

Showing 19 to 36 of 89 results