Let's Learn AdonisJS 6

36 Lessons
3h 55m

In this series, we'll learn AdonisJS 6 step-by-step in a beginner-friendly way. Covering topics like routing, controllers, services, EdgeJS, Lucid ORM, forms, filtering, authentication, etc.

Module 1 Introduction (5 lessons)

Video preview
Introducing AdonisJS
Let's Learn AdonisJS 6 #1.0
Jan 24

Introducing AdonisJS

In this lesson, we'll introduce AdonisJS by giving a brief overview of what it is and what it offers. We'll also talk about some of its first-party and framework-agnostic packages.

Video preview
Before We Begin
Let's Learn AdonisJS 6 #1.1
Jan 24

What We'll Need Before We Begin

In this lesson, we'll talk about some prerequisites to AdonisJS and this series. These include installing NodeJS, VS Code, a database environment, and Redis.

Video preview
Creating A New AdonisJS Project
Let's Learn AdonisJS 6 #1.2
Jan 24

Creating A New AdonisJS 6 Project

In this lesson, we'll create our first AdonisJS 6 project and learn how we can boot it up and open it within VS Code.

Video preview
Project Structure
Let's Learn AdonisJS 6 #1.3
Jan 24

Project Structure

In this lesson, we'll learn how AdonisJS uses our project to boot up and which folders and files within our project matter as we get started with learning AdonisJS 6

Video preview
VS Code Extensions and Configuration
Let's Learn AdonisJS 6 #1.4
Jan 24

VS Code Extensions and Configuration

In this lesson, we'll install three extensions for VS Code from the AdonisJS Core Team to make our lives easier as we build applications. We'll also configure Prettier and ESLint with auto-formatting and lint fixing on save.

Module 2 Fundamentals (18 lessons)

Video preview
Routes and How To Create Them
Let's Learn AdonisJS 6 #2.0
Jan 24

Routes and How To Create Them

In this lesson, we'll learn how to define routes within AdonisJS and how those routes work.

Video preview
Rendering a View for a Route
Let's Learn AdonisJS 6 #2.1
Jan 24

Rendering a View for a Route

In this lesson, we'll learn how we can use the EdgeJS Template Engine to render HTML views and send them back as the response for our routes. We'll also see how we can pass dynamic data into our views from our route handler.

Video preview
Linking Between Routes
Let's Learn AdonisJS 6 #2.2
Jan 24

Linking Between Routes

In this lesson, we'll learn how we can link between the routes we have defined in our application. We'll also learn about the importance of HTTP Method verbs and resources to standardize our route definitions.

Video preview
Loading A Movie Using Route Parameters
Let's Learn AdonisJS 6 #2.3
Jan 24

Loading A Movie Using Route Parameters

In this lesson, we'll learn how we can reuse a route definition using route parameters to show any item we have for our movie resource.

Video preview
Valdating Route Parameters
Let's Learn AdonisJS 6 #2.4
Jan 24

Validating Route Parameters

In this lesson, we'll learn how we can return a 404 Not Found exception when someone tries to view a movie that doesn't exist. We'll then learn how we can validate our route parameters using Regular Expressions or matchers.

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
Settings Up Tailwind CSS
Let's Learn AdonisJS 6 #2.6
Jan 24

Setting Up Tailwind CSS

In this lesson, we'll learn how to install and configure PostCSS and Tailwind CSS within our AdonisJS 6 project using Vite.

Video preview
Markdown Content
Let's Learn AdonisJS 6 #2.7
Jan 27

Reading and Supporting Markdown Content

In this lesson, we'll learn how we can support Markdown content by switching our movies from HTML to Markdown. To do this, we'll make use of the DimerApp Markdown package.

Video preview
Listing Movies from their Markdown Files
Let's Learn AdonisJS 6 #2.8
Jan 27

Listing Movies from their Markdown Files

In this lesson, we'll learn how we can list movies and their details directly from our movies directory using a YAML-based declaration called frontmatter.

Video preview
Let's Learn AdonisJS 6 #2.9
Jan 27

Extracting Reusable Code with Services

In this lesson, we'll learn about services and how we can use them to extract reusable code in a way that makes it super simple to use throughout your project.

Video preview
Cleaning Up Routes with Controllers
Let's Learn AdonisJS 6 #2.10
Jan 31

Cleaning Up Routes with Controllers

In this lesson, we'll learn what controllers are and how they can be used to drastically simplify our route definitions by allowing us to move our route handlers off the route definition and into the controller.

Video preview
Structuring Data with Models
Let's Learn AdonisJS 6 #2.11
Jan 31

Defining A Structure for our Movie using Models

In this lesson, we'll introduce the concept of models by using one to define the properties our movies should contain. We'll then stub some methods that will mock calls we'll later be able to use to load data from our database.

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
Environment Variables
Let's Learn AdonisJS 6 #2.13
Feb 04

Environment Variables and their Validation

In this lesson, we'll learn how we can securely store sensitive and environment-based variables using our .env file. We'll also learn how AdonisJS adds type-safety to these variables using our env.ts file as validation.

Video preview
Improving Our Cache with Redis
Let's Learn AdonisJS 6 #2.14
Feb 04

Improved Caching with Redis

In this lesson, we'll install and configure the AdonisJS Redis package. We'll then swap out our singleton in-memory cache service with a Redis cache implementation.

Video preview
Deleting Items and Flushing our Redis Cache
Let's Learn AdonisJS 6 #2.15
Feb 04

Deleting Items and Flushing our Redis Cache

Not everyone is perfect, and one day you'll accidentally cache bad data and need a way to quickly clear it out. In this lesson, we'll learn how we can create two routes to clear a single Redis key or flush the entire database.

Video preview
Custom Starter Kits
Let's Learn AdonisJS 6 #2.16
Feb 06

Quick Start Apps with Custom Starter Kits

In this lesson, we'll take a look at AdonisJS' bring your own kit feature that allows us to use Git repositories as starter kits when creating a new AdonisJS application.

Video preview
NodeJS Subpath Imports
Let's Learn AdonisJS 6 #2.17
Feb 06

Easy Imports with NodeJS Subpath Imports

In this lesson, we'll learn about NodeJs Subpath Imports and how AdonisJS leverages them to help simplify our import paths throughout our application.

Module 3 Building Views with EdgeJS (11 lessons)

Video preview
Adocasts Plus Exclusive
Free in 1 day
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!

Video preview
Adocasts Plus Exclusive
Free in 1 day
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
Adocasts Plus Exclusive
Free in 1 day
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
Adocasts Plus Exclusive
Free in 4 days
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
Adocasts Plus Exclusive
Free in 4 days
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
Adocasts Plus Exclusive
Free in 4 days
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
Adocasts Plus Exclusive
Free in 8 days
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
Adocasts Plus Exclusive
Free in 8 days
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
Adocasts Plus Exclusive
Free in 8 days
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
Adocasts Plus Exclusive
Free in 8 days
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
Adocasts Plus Exclusive
Free in 12 days
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.

Module 4 Database and Lucid ORM Basics (2 lessons)

Video preview
Adocasts Plus Exclusive
Free in 12 days
Configuring Lucid and our Database Connection
Let's Learn AdonisJS 6 #4.0
Feb 21

Configuring Lucid and our Database Connection

In this lesson, we'll learn how we can configure Lucid to use a different driver other than SQLite; PostgreSQL is shown but MySQL and MSSQL are much the same. Then, we'll set up our connection details so that we can successfully connect to our database.

Video preview
Adocasts Plus Exclusive
Free in 12 days
Let's Learn AdonisJS 6 #4.1
Feb 21

Understanding our Database Schema

In this lesson, we'll walk through how to understand a database schema diagram. We'll then discuss the schema we'll be working with throughout this series; describing the tables, columns, data types, and relationships.

excited robot

More in the works!

Add to your watchlist to get notified when new lessons are added

Sign in or sign up to add to your watchlist