Recently Released.
Newly Released in the last 30 days
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.
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.
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.
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.
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.
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.
Updating Difficulties
In this lesson, we'll add the ability to update an organization's difficulties using our useResourceActions composable.
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.
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.
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.
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.
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
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.
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.
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.
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.
Let's Learn Adonis 5: Intro to Models
This lesson is all about models. We'll learn what they are, how to define them, what they're used for, and some of the extended capabilities they provide.
Let's Learn Adonis 5: Altering Tables with Migrations
In this lesson, we'll expand on migrations a bit further by discussing how to alter existing databases using migrations.
Let's Learn Adonis 5: Migrations
This lesson is all about migrations. We'll discuss what they are, how to use them, and how they're integrated within Adonis. Then we'll put them to use.
Let's Learn Adonis 5: Installing and Configuring Lucid
In this lesson, we'll be learning how to install and configure Lucid, Adonis' Object-Relational Mapping (ORM) system, within our application.
Let's Learn Adonis 5: Controllers, Services, Resources, and Namespacing
In this lesson, we'll be hammering down several Adonis topics in one swoop. We'll be covering Controllers, which in turn allow us to utilize Services, Resources, and Namespacing.
Let's Learn Adonis 5: Routes and Route Handling
In this lesson, we learn the basics of Adonis routing and route handling by covering how to define a route, render a page, respond with JSON, simplify our route definitions, and more.
Let's Learn Adonis 5: Project Structure and the Ace CLI
We'll learn our way around Adonis' project structure and gain an understanding of what goes where. We'll also discuss Adonis' Ace CLI.
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.
Let's Learn Adonis 5: Prerequisites & Creating A New Project
We'll be learning a little about what Adonis is, the prerequisites to get started, and how to create a new project.
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).
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.
How To Use A Custom Domain in AWS Amplify with Route53
In this lesson, we'll be adding a custom domain to both our production and stage AWS Amplify builds using a Route53 hosted zone.
How To Deploy a Nuxt SPA to AWS Amplify for Production
We'll learn how to create and deploy an Amplify production environment so that our development data and production data are separate from one another.
How To Deploy A Nuxt SPA To AWS Amplify
In this lesson we cover how to deploy our Nuxt application as an SPA to AWS Amplify.
Implementing Our Private & Public Amplify GraphQL API In Our Nuxt App
In this lesson we'll be implementing the publicly and privately accessible GraphQL API that we created in the last lesson within our Nuxt project.
How To Add A Public And Private GraphQL API with AWS Amplify
In this lesson we cover how to add a GraphQL API with AWS Amplify consisting of both public and private endpoints.
Adding Register and Login Flows Using AWS Amplify in a Nuxt App
We continue with our Amplify authentication by implementing our login and register flows within our Nuxt app. We'll add registration, email confirmation, login, login, and session persisting.
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.
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.
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.
Showing 301 to 320 of 324 results