username

password

Gain insights into AdonisJs fundamentals. Delve into routes, controllers, middleware, and hooks. Discover practical examples, illustrations, and quizzes to confidently build your full-stack applications.

sim.tar.gz

volad

volad-copy

volad-try

volad-copy-copy

volad-try-copy

logger

This course is a detailed guide to AdonisJs. AdonisJs, inspired by Laravel, is a Node.js framework that allows developers to build full-stack web applications and micro-API servers. 

In this course, you will cover the fundamentals: routes, controllers, middleware, hooks, and more. Each chapter contains code examples and illustrations to enhance your learning, and you will also be able to quiz yourself on the materials covered. 

By the time you are done with the course, you'll have plenty of hands-on practice, and will be able to confidently write your full-stack applications in AdonisJs.

Building Full-Stack Web Applications with AdonisJs

The validation provider in AdonisJs is used to validate user input. Let's create a form to submit the username and email and see how we can use the validator provider to check the validity of the user input and display errors.

# Using the validation provider

HOST=0.0.0.0
PORT=3333
NODE_ENV=development
APP_URL=http://${HOST}:${PORT}
CACHE_VIEWS=false
APP_KEY=
DB_CONNECTION=mysql
DB_HOST=mysql
DB_PORT=3306
DB_USER=root
DB_PASSWORD=root
DB_DATABASE=newsletter
DB_SOCKETPATH=
SESSION_DRIVER=cookie
HASH_DRIVER=bcrypt

'use strict'

/*
|--------------------------------------------------------------------------
| Ace Commands
|--------------------------------------------------------------------------
|
| The ace file is just a regular Javascript file but with no extension. You
| can call `node ace` followed by the command name and it just works.
|
| Also you can use `adonis` followed by the command name, since the adonis
| global proxy all the ace commands.
|
*/

const { Ignitor } = require('@adonisjs/ignitor')

new Ignitor(require('@adonisjs/fold'))
  .appRoot(__dirname)
  .fireAce()
  .catch(console.error)


'use strict'

/*
|--------------------------------------------------------------------------
| Http server
|--------------------------------------------------------------------------
|
| This file bootstrap Adonisjs to start the HTTP server. You are free to
| customize the process of booting the http server.
|
| """ Loading ace commands """
|     At times you may want to load ace commands when starting the HTTP server.
|     Same can be done by chaining `loadCommands()` method after
|
| """ Preloading files """
|     Also you can preload files by calling `preLoad('path/to/file')` method.
|     Make sure to pass relative path from the project root.
*/

const { Ignitor } = require('@adonisjs/ignitor')

new Ignitor(require('@adonisjs/fold'))
  .appRoot(__dirname)
  .fireHttpServer()
  .catch(console.error)


React

Dart

GoJS React

Typescript React

Vue.js

> Press Run and wait for the output to be displayed in the Output tab. You will see a form in which username and email are required fields and follow a particular format. Now, click on the link under the Run button and enter values in the form. 

## Explanation

Look at **app/Validators/Test.js**. We define the rules inside `rules()`. In line 6, we specify that the username is a required field and has to be at least three characters long. In line 7, we specify that the email is a required field and has to be in a valid email format. The rules are from the [Indicative](https://indicative.adonisjs.com/guides/master/introduction) package. We define our own custom validation error messages in lines 10-17. In lines 18-21, we add a `fails()` method to handle validation failures. 

To use the Adonis validator package, we need to register it in the `providers` variable inside **start/app.js**. We do so in line  22 of **start/app.js**.

Next, we add the `getform()` and `postform()` methods in **app/Controllers/Http/TestController.js**. 

We call the `Test` validator by attaching it to a route in line 21 of **start/routes.js**. Note that the `TestController.postForm` won’t be called until all the validation passes.

We create a form with the username and email fields in **resources/views/form.edge**. When this form is submitted, the **app/Validators/Test.js** validator will check the validity of the form, and the error for each input field will be displayed.

Learn to validate user input using the AdonisJs validation provider.

Introduction

Routing and Middleware

Controllers and Views

Request and Response

Session, Validator, and Logger

Database

Hooks, Mail, and Events

Tests

Conclusion

Appendix

Validator