Recently Released.

Newly Released in the last 30 days
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.

Video preview
Adocasts Plus Exclusive
Exclusive
Listing the User's Organizations

Listing the User's Organizations

In this lesson, we'll update our organization middleware to query all the user's organizations. We'll then provide everything into our Vue page state via Inertia and begin building our organization select component.

Video preview
Adocasts Plus Exclusive
Exclusive
Setting the Active Organization

Setting & Loading the User's Active Organization

In this lesson, we'll set up our organization middleware and actions that'll be in charge of loading the user's active organization and role

Lessons.

Video preview
Singleton Services and the Idea of Caching
Let's Learn AdonisJS 6 #2.12
・
Jan 31

Singleton Services and the Idea of Caching

In this lesson, we'll learn about singleton services and how to use them as a store to hold temporary information throughout our server's life by building a simple in-memory caching service.

Video preview
Vite and Our Assets
Let's Learn AdonisJS 6 #2.5
・
Jan 24

Vite and Our Assets

In this lesson, we'll learn how Vite is integrating into our EdgeJS views to serve our JavaScript and CSS files.

Video preview
Adocasts Plus Exclusive
Exclusive
Mixins and Compose
Dec 17, 23

A Deep Dive Into Mixins & Compose

In this lesson, we'll walk through what mixins are and how they work by first inspecting them as plain objects then working our way into classes then finally TypeScript. We'll then implement mixins via AdonisJS' compose utility.

Desktop app for NPM
Dec 08, 22

Easily Manage & Update Your NPM Packages With This Desktop App!

In this video, we'll see how we can easily audit, manage, and update our NPM packages/dependencies and their versions using a graphical user interface (GUI) called the NPM Desktop Manager.

Understanding Promises in Loops
Nov 24, 22

Understanding JavaScript Promises in ForEach, Map, and Reduce Loops

In this lesson, we'll take a look at how promises work when we try to await them inside newer callback-based loops, like forEach, map, and reduce.

AdonisJS Quick Tip #10.0
・
Oct 09, 22

How To Use Vue 3 with TypeScript in an AdonisJS Project

In this lesson, we’ll learn how to set up a Vue 3 TypeScript application within our AdonisJS project using Webpack Encore. We’ll start by getting Vue 3 working, then sprinkle in TypeScript support.

Cross-Tab Communication #3.0
・
Dec 12, 20

Cross-Tab Communication in JavaScript using a BroadcastChannel

We discuss how to do cross-tab communication with a BroadcastChannel, the browser's native API to communicate across browser instances. It's rather similar to using a SharedWorker, just without the worker.

Cross-Tab Communication #2.0
・
Nov 28, 20

Cross-Tab Communication in JavaScript using a SharedWorker

In this lesson we'll be going over how to do cross-tab communication using a SharedWorker. SharedWorkers are Web Workers that are sharable across browser-instances (tabs, windows, etc).

Cross-Tab Communication #1.0
・
Nov 18, 20

How To Do Cross-Tab Communication In JavaScript With LocalStorage

In this lesson, we'll be going over how to do cross-tab communication using LocalStorage. Of the three methods we'll be discussing, this one is the most browser compatible method; despite it being a workaround.

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.