EdgeJS

Edge

8 Series
70 Lessons
22h 13m

Edge is a feature-packed template engine for Node.JS that AdonisJS utilizes out-of-the-box. It comes with support for conditionals, looping, partials, layouts, components, and so much more.

Series.

Lessons.

Video preview
Adocasts Plus Exclusive
Free in 13 days
Filtering A Query By Pattern Likeness
Let's Learn AdonisJS 6 #8.1
・
Apr 27

Filtering A Query By Pattern Likeness

In this lesson, we'll learn how to add a pattern filter to our movies.index page that will allow us to filter our movies list by title using a case-insensitive pattern search.

Video preview
Adocasts Plus Exclusive
Free in 13 days
Creating A Movie List Page
Let's Learn AdonisJS 6 #8.0
・
Apr 27

Creating A Movie List Page

In this lesson, we'll create a page to list all of our movies. Since we have a lot of movies, in this module, we'll focus on adding filters and pagination to this list.

Video preview
Adocasts Plus Exclusive
Free in 4 days
AdonisJS 6 Session Authentication in 15 Minutes
AdonisJS in 15 #5.0
・
Apr 18

AdonisJS 6 Session Authentication in 15 Minutes

In this lesson, we'll learn how to add authentication to a new AdonisJS 6 application using the session guard. In these 15 minutes, you'll learn how to register a user, logout a user, verify a user's credentials and log them in, and more.

Video preview
Creating A Login Form and Validator
Let's Learn AdonisJS 6 #6.5
・
Apr 12

Creating A Login Form and Validator

In this lesson, we'll apply what we've learned to create a login page as well as a validator for our login form.

Video preview
Creating An EdgeJS Form Input Component
Let's Learn AdonisJS 6 #6.4
・
Apr 12

Creating An EdgeJS Form Input Component

In this lesson, we'll create a form input component with EdgeJS to simplify adding inputs throughout our application and to extract away old value and validation error logic.

Video preview
Reusing Old Form Value After A Validation Error
Let's Learn AdonisJS 6 #6.3
・
Apr 09

Reusing Old Form Values After A Validation Error

In this lesson, we'll learn how we can easily repopulate our form input values with their previously submitted values when our VineJS validator finds and sends back an error.

Video preview
Displaying Validation Errors
Let's Learn AdonisJS 6 #6.2
・
Apr 09

Displaying Validation Errors and Validating from our Request

In this lesson, we'll learn how we can display feedback for invalid fields noted by errors from our VineJS validators. We'll also see how we can validate directly from our request using request data.

Video preview
Validating Form Data with VineJS
Let's Learn AdonisJS 6 #6.1
・
Apr 09

Validating Form Data with VineJS

In this lesson, we'll learn how to validate form data using AdonisJS homegrown validation library, VineJS. With VineJS we can easily ensure our request body consists of properties we need, in the types we need them, with valid values.

Video preview
Accepting Form Data
Let's Learn AdonisJS 6 #6.0
・
Apr 05

Accepting Form Data

In this lesson, we'll take a look at how we can create a register form and accept data from that form within our route handler.

Video preview
Easy SVG Icons with Edge Iconify
Let's Learn AdonisJS 6 #3.10
・
Feb 21

Easy SVG Icons with Edge Iconify

In this lesson, we'll learn how we can install and use the edge-iconify package giving us super easy access within our EdgeJS files to any of the SVG icon packages available through Iconify.

Video preview
HTTP Method Spoofing HTML Forms
Let's Learn AdonisJS 6 #3.9
・
Feb 17

HTTP Method Spoofing HTML Forms

In this lesson, we'll learn how we can enable HTTP Method Spoofing to allow AdonisJS to spoof intended HTTP Verbs for basic HTML form POST requests.

Video preview
Form Basics and CSRF Protection
Let's Learn AdonisJS 6 #3.8
・
Feb 17

Form Basics and CSRF Protection

In this lesson, we'll cover the basics of working with HTML forms in AdonisJS and how they incorporate Cross-Site Request Forgery (CSRF) protection via AdonisJS Shield.

Video preview
Share vs Global Data Flow
Let's Learn AdonisJS 6 #3.7
・
Feb 17

Share vs Global Data Flow

In this lesson, we'll compare the difference between sharing information with an EdgeJS instance and defining a Global within EdgeJS.

Video preview
State vs Share Data Flow
Let's Learn AdonisJS 6 #3.6
・
Feb 17

State vs Share Data Flow

In this lesson, we'll learn about the difference between passing information directly into EdgeJS' state and sharing information with EdgeJS.

Video preview
Extracting A Layout Component
Let's Learn AdonisJS 6 #3.5
・
Feb 13

Extracting A Layout Component

In this lesson, we'll learn how we can create EdgeJS layouts using components so that we don't have to redefine or HTML structure for every page in our application.

Video preview
Making A Button Component Using Slots
Let's Learn AdonisJS 6 #3.4
・
Feb 13

Use Slots To Make A Button Component

In this lesson, we'll learn about EdgeJS component slots by making a versatile button component that can gracefully handle both links and button types.

Video preview
Component Tags, State, and Props
Let's Learn AdonisJS 6 #3.3
・
Feb 13

Component Tags, State, and Props

In this lesson, we'll learn how to use EdgeJS components within AdonisJS as direct tags. We'll also learn about our component's state and props

Video preview
Making A Reusable Movie Card Component
Let's Learn AdonisJS 6 #3.2
・
Feb 10

Making A Reusable Movie Card Component

In this lesson, we'll learn how we can make a movie card component with EdgeJS that we can define once and easily use throughout our markup.

Video preview
EdgeJS HTML and ClassNames Utiltiies
Let's Learn AdonisJS 6 #3.1
・
Feb 10

HTML Attribute and Class Utilities

In this lesson, we'll take a look at a few powerful utilities provided by EdgeJS that make working with attributes and conditional classes a breeze.

Video preview
EdgeJS Templating Basics
Let's Learn AdonisJS 6 #3.0
・
Feb 10

EdgeJS Templating Basics

In this lesson, we'll learn the basics of AdonisJS's homegrown template engine EdgeJS. We'll cover interpolation, conditional statements, looping, variables, state, and more!

Showing 1 to 20 of 70 results