Code Kayak - Kayaking your code

Beginning JWT in Laravel

By admin | August 24, 2019 | No Comments | Laravel

Intsall the followoing package in your Laravel project First you can install the third-party JWT package by running the following command in your terminal

composer require tymon/jwt-auth:dev-develop --prefer-source

1	composer require tymon/jwt-auth:dev-develop --prefer-source

Open config/app.php and add the following provider to the providers array:

'providers' => [ 
......
 Tymon\JWTAuth\Providers\LaravelServiceProvider::class,

],

1

2

3

4

5

'providers' => [

......

Tymon\JWTAuth\Providers\LaravelServiceProvider::class,

],

'aliases' => [
 ....
'JWTAuth' => Tymon\JWTAuth\Facades\JWTAuth::class, 
'JWTFactory' => Tymon\JWTAuth\Facades\JWTFactory::class,
 ]

1

2

3

4

5

'aliases' => [

....

'JWTAuth' => Tymon\JWTAuth\Facades\JWTAuth::class,

'JWTFactory' => Tymon\JWTAuth\Facades\JWTFactory::class,

]

Use the following command to publish JWT provider

php artisan vendor:publish --provider="Tymon\JWTAuth\Providers\JWTAuthServiceProvider"

1	php artisan vendor:publish --provider="Tymon\JWTAuth\Providers\JWTAuthServiceProvider"

Now you can use following command to generate […]

Introduction to JWT

By admin | August 24, 2019 | No Comments | Uncategorized

JWT stands for JASON Web Token which is an open standard based on RFC 7519 You can use JWT to securely transfer information between any two bodies using JSON objects which is digitally signed so information is trusted and verified JWT can send data via URL, POST request or HTTP header. JWT itself has the […]

Vue.js components for your development

By admin | August 15, 2019 | No Comments | Vue.js

Vue Notification Vue Date Picker Vue Yes/No dialoag

Vue.js on:change event

By admin | August 2, 2019 | No Comments | Vue.js

Vue has the change event which will be fired when you change the data in your html controlls So you can add the textChangeHandler method to your control as shown below.

<input  :id="product.id" v-on:change="textChangeHandler($event)" v-model='purchaseorder.products[index]' />

1	<input :id="product.id" v-on:change="textChangeHandler($event)" v-model='purchaseorder.products[index]' />

Now you can define your handler like below

 methods:{
    textChangeHandler:function($event){
       console.log($event.target.id)
     });
  }

1

2

3

4

5

methods:{

textChangeHandler:function($event){

console.log($event.target.id)

});

}

Here you can simply capture the id of the control

Adding loading indicator to your Vue.js application

By admin | July 23, 2019 | No Comments | Vue.js

In this tutorial we will see how to add the loading indicator for your Vue.js application so that you can give better user experience to web users. You can follow these steps to add full screen loader https://www.npmjs.com/package/vue-loading-overlay #1 First step is to install the

How to create Vue applications

By admin | July 21, 2019 | No Comments | Vue.js

In this article we will see how to create vue application with Vue CLI 1 First you install the VUE CLI in your computer. If you already have installed you can skip this step

npm install -g @vue/cli
# OR
yarn global add @vue/cli

1

2

3

npm install -g @vue/cli

# OR

yarn global add @vue/cli

2 Then you can create the vue project named vue-routing-example

vue create vue-routing-example

1	vue create vue-routing-example

After creating the project you can check whether your […]

How to run your first React code

By admin | July 20, 2019 | No Comments | React

Laravel and Vue.JS Installation

By admin | July 20, 2019 | No Comments | Laravel

We will try to install the Laravel latest version which comes Vue.js 1 First thing you have to install the composer if you already have not installed in your computer 2 Next you can run following command in your terminal

php composer.phar global require "laravel/installer"

1	php composer.phar global require "laravel/installer"

This will download the composer file to install the Laravel project 3 Now you […]

All you need to know about Angular Routing

By admin | September 13, 2018 | No Comments | Angular

In this article I am going to discuss all you need to know about Angular routing when you develop single page application. In Single page application you have lot of navigation between components and modules. So you can study how to route among components and how to route among modules Why do you need routing […]

Angular Load json data in Restful API

By admin | September 12, 2018 | No Comments | Angular

In this article, I am going to show you how to display JSON data. We will fetch the data in JSON format from the RESTful api. We will follow these steps to do this Create Angular Project Create a component name Products Create a Angular Service to fetch data Add HTTPClient module to AppModule Show […]

Beginning JWT in Laravel

Introduction to JWT

Vue.js components for your development

Vue.js on:change event

Adding loading indicator to your Vue.js application

How to create Vue applications

How to run your first React code

Laravel and Vue.JS Installation

All you need to know about Angular Routing

Angular Load json data in Restful API

Frontend Development

Learn Java

Mobile App Development

Backend Development

Blog

Frontend Development

Learn Java

Mobile App Development

Backend Development