Recently Released.

Newly Released in the last 30 days
Video preview
Adocasts Plus Exclusive
Exclusive
Editing & Updating Courses

Editing & Updating Courses

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

Video preview
Adocasts Plus Exclusive
Exclusive

Creating A New Course

In this lesson, we'll add the ability to create a new course within the active organization.

Video preview
Adocasts Plus Exclusive
Exclusive
Querying & Listing Courses

Querying & Listing An Organization's Courses

In this lesson, we'll query the active organization's courses and list them out in a table.

Video preview
Adocasts Plus Exclusive
Exclusive
Statuses & Access Levels

Replicating Behaviors for Access Levels & Statuses

In this lesson, we'll replicate everything we've done for difficulties to add our access levels and statuses.

Video preview
Adocasts Plus Exclusive
Exclusive
Reusable Sorting

Creating A Reusable Sorting Vue Component

In this lesson, we'll extract the drag-and-drop logic we added in the last lesson into a reusable Vue component so we can easily make use of the same behavior for our access levels & statuses.

Video preview
Adocasts Plus Exclusive
Exclusive
Drag & Drop Sorting

Sorting Difficulties with Drag & Drop

In this lesson, we'll allow our user's to customize the ordering of their difficulties via drag-and-drop using VueDraggable. When they commit a change by dropping an item, we'll persist the updated sort to our database.

Video preview
Adocasts Plus Exclusive
Exclusive
Exists in Organization Validation

Reusable VineJS Exists In Organization Validation

In this lesson, we'll take our difficulty's exists in organization VineJS validation and make it reusable so we can easily use it for our statuses, access levels, courses, etc.

Video preview
Adocasts Plus Exclusive
Exclusive
Deleted Replacement

Replacing A Course's Deleted Difficulty

In this lesson, we'll add the ability to gracefully handle instances where a required relationship's record is being deleted. When a difficulty is being used by a course, we'll have our users select a replacement difficulty for the one being deleted.

Video preview
Adocasts Plus Exclusive
Exclusive
Deleting Difficulties

Confirming & Deleting Difficulties

In this lesson, we'll add the ability to delete an organization's difficulties. We'll also make use of our ConfirmDeleteDialog component to confirm the deletion action with our user.

Video preview
Adocasts Plus Exclusive
Exclusive
Updating Difficulties

Updating Difficulties

In this lesson, we'll add the ability to update an organization's difficulties using our useResourceActions composable.

Video preview
Adocasts Plus Exclusive
Exclusive
Listing and creating difficulties

Listing & Creating Difficulties

In this lesson, we'll create a page to list the active organization's difficulties. Then, we'll add the ability to create a new difficulty and add a new color picker type to our FormInput component.

Video preview
Adocasts Plus Exclusive
Exclusive
Confirm Delete Dialog

The Confirm Delete Dialog & Deleting the Active Organization

In this lesson, we'll create a reusable confirm deletion dialog and bind its state into our use resource actions composable. We'll then incorporate this all together to allow users to delete their active organization.

Video preview
Adocasts Plus Exclusive
Exclusive
Editing the Active Organization

Editing the Active Organization

In this lesson, we'll make use of our useResourceActions composable to add the ability for our user's to edit their active organization.

Video preview
Adocasts Plus Exclusive
Exclusive
Resource Action Composable

Creating A UseResourceActions Composable

In this lesson, we'll create a composable that'll be in charge of maintaining form and dialog state for the resources throughout our application, starting with our organizations.

Video preview
Adocasts Plus Exclusive
Exclusive
Social Authentication with AdonisJS Ally & Google
AdonisJS In 30 #9.0
・
Nov 06

How To Add Social Authentication with AdonisJS Ally & Google

In this lesson, we'll learn how we can use AdonisJS Ally to add social authentication to our applications. We'll use Google for our demonstration, but this same process also applies to GitHub, Facebook, Discord, LinkedIn, Twitter, & more

Video preview
Adocasts Plus Exclusive
Exclusive
Switching Organizations

Switching Between Organizations

In this lesson, we'll add the ability for our users to change which of their organizations is their active organization via our organization selector.

Video preview
Adocasts Plus Exclusive
Exclusive
Form Dialog Component

The Form Dialog Component & Adding Organizations

In this lesson, we'll add a new form dialog component that simplifies the create and update forms we'll use throughout our application. We'll then use this component to add a create organization dialog within our organization selector.

Lessons.

Amplify + Nuxt #2.0
・
Aug 15, 20

How To Add Authentication Using AWS Amplify's Auth Class In A Nuxt App

In this lesson we'll go over how to add authentication to our Nuxt application using AWS Amplify. We'll also go over how to setup a Vuex store to interface with Amplify's Auth API.

Aug 10, 20

Quick Tip: You Can Transition Text Decoration, A Little

Text decoration is a supported transition property when it comes to color and thickness. Let's examine a couple quick examples of this working.

Aug 08, 20

All About JavaScript Arrow Functions

Arrow functions offer a concise alternative for standard functions. Though, there are important functionality differences regarding this binding, constructors, generators, and more.

Aug 05, 20

Introducing and Understanding JavaScript Promises

A promise allows us to delay the execution of code that's dependent upon information retrieved by an asynchronous operation. We'll expand on what this means, how to use promises, and how to go about creating one.

Aug 03, 20

How to Setup a Vue App Without a Bundler Using Snowpack (Version 1)

We'll cover how to setup a Vue project utilizing Snowpack V1 instead of a bundler, like Webpack. We'll also be using http-vue-loader so we can easily work with .vue single-file components.

Amplify + Nuxt #1.0
・
Aug 02, 20

How To Setup AWS Amplify in a New Nuxt Project

We go over how install the AWS Amplify CLI and configure it locally on our machine. We'll create a new Nuxt project using create-nuxt-app. Then lastly, we'll configure Amplify to our Nuxt project so the two can successfully communicate with one another.

Jagr logo
Jul 18, 20

Jagr Is Coming Soon, Here's Where We Stand

Jagr, a developer education hub, is currently in development and will be coming soon. This post will be used to keep you up-to-date with where we stand.

Showing 321 to 327 of 327 results