Category Archives: Javascript

create-comment-system-with-jquery-ajax-and-laravel-7

Create comment system with jquery ajax and laravel 7

Hello World, Welcome to ProjectsPlaza.com. Today we will learn how to create a comment system with jQuery Ajax and Laravel 7. In this tutorial, we will save comments and show instantly with the total comments count. This gonna be a very interesting tutorial for me as well as for you (I hope). I have divided this tutorial into the following parts:

  • Create a Post model
  • Create a Comment model
  • Define the hasMany relationship in Post Model
  • Add dummy data for post
  • Create a PostController and define a method for post list and post detail
  • Create templates for post and post detail with comments and show data
  • Setup route
  • Add a comment with jquery ajax and  show instantly

Continue reading

create-reactjs-application-with-laravel-api

create reactjs application with laravel api

Hello World, Today i am going to create reactjs application with laravel api from scratch. In this application, we will fetch data from database with laravel resource api and show in reactjs application. In this tutorial, I have created two different application one is in laravel and other is in reactjs and then we have connected these both with api.

Laravel

  • Install Laravel
  • Create product model and migration
  • Generate dummy data
  • Create Product resource
  • Route for api request
  • Test our application

Continue reading

How to work with ajax in laravel

Hello World, Today i am going to discuss that how to work with ajax in laravel. In this tutorial, We will create simple example to perform ajax working in laravel. In this example, We will click on a button then load the data with jquery ajax technology and show in the html div element. I hope you will learn and enjoy this tutorial.

Continue reading

creat-a-single-page-application-with-reactjs

Create a dynamic single page application with ReactJs

Hello World, Today I am going to create a dynamic single page application with reactJs. This tutorial is an extended version of the Previous Tutorial. Please read the previous tutorial to understand this tutorial. In the previous tutorial, we have created the static single page application. In this tutorial, we will create a dynamic application. We will use JSON Placeholder to fetch the fake data and show that data in our application.

Continue reading

creat-a-single-page-application-with-reactjs

Create a single page application with reactjs

Hello World, Welcome to my website. Today I am going to create a single page application with reactjs. In this tutorial, we will create a simple blog application pages. for example, All Post Pages, Post Detail Page, All Category List Page, Single category post list page, etc. I have divided this tutorial into the following parts:

  • Setup ReactJs
  • Create components
  • Apply Routing

Continue reading

create-hello-world-app-with-reactjs

Create a hello world app with reactJs

Hello World, Welcome to my website. Today I am going to create a hello world app with reactjs. In this tutorial, we will cover the following things.

  • Introduction of ReactJs
  • Setup reactjs and create hello world app with reactjs

Continue reading

fetch-data-from-database-with-codeigniter-and-angularjs

Fetch data from database with codeigniter and angularjs

Hello World, Today we are going to fetch data from database with codeigniter and angularjs. In this tutorial we will learn that how we can fetch data from mysql database with codeigniter and show that data with angularjs. We will also learn that how we can implement search with angularjs. I have divided this tutorial in following parts.

Continue reading

create-single-website-with-angularjs

Create single page website with angularjs

how to install angularjHello World, Today we are going to discuss that how we can Create single page website with angularjs. This is very informative and easy tutorial. With the help of this tutorial you will be able to create single page application without reloading the page. It means you can easily navigate from one page to another without reloading the page. Following is the content of this tutorial.

Continue reading

Create-website-with-nodejs,-express-and-handlebars

Create website with nodejs express and handlebars

Hello World, Today we are going to Create website with nodejs express and handlebars. In my previous articles i have explained that how to create simple static website with nodejs, express and jade. In this tutorial we will learn how to create website with nodejs, express and handlebars. Following is the content of this article:

Continue reading