We continue from Part 1 where we created controllers and views for Customer and Item models; now, we’ll move onto Invoice model and get the real stuff done. If you happened to land here randomly, then first go through the following articles chronologically since these are the prerequisite before you proceed here any further: Having … Read more
We continue our journey of building the Invoicing app in Laravel 9. In order to continue here, you need to go through last couple of articles where we defined models, migrations and invoice template. Following are the links to those previous articles which are prerequisite before proceeding ahead in this article: So, let’s continue from … Read more
In this tutorial, we’ll create dynamic input fields using Livewire, a full-stack framework for Laravel to make reactive components. We’ll use Laravel 9 for this tutorial, however any latest version of Laravel should also work. Laravel 9.x requires a minimum PHP version of 8.0. This tutorial assumes that Composer and PHP 8 along with required … Read more
In this tutorial we’ll use Alpine.js in order to achieve dynamic input fields functionality. In previous article we used Vue to have the same functionality. Alpine is similar to Vue syntax-wise, however, it’s very lightweight as compared to Vue. Sometimes Alpine is regarded as modern replacement to jQuery and it forms an integral part of … Read more
In previous article we employed jQuery to create dynamic input fields in an old fashion way. Let’s move ahead and use Vue to create the same functionality with modern syntax. Here we’ll use Tailwind along with Vue for managing look and feel. Remember this, incorporating Vue and Tailwind directly using <script> is not recommended – … Read more
In this article, we’ll learn how to create dynamic input fields using jQuery. Creating dynamic input fields is one of the most common techniques applied in web-app development; for instance, in an invoicing app, one needs to enter multiple inventory items in an invoice. Since exact number of inventory items are unknown at the start, … Read more
In Laravel landscape, Blade templating engine has been the tool of choice when it comes to developing frontends of traditional webapps. However, with the explosion of Single Page Applications (SPAs) more and more options came into play in Laravel frontend development; people have been coming up with a number of smart solutions like Livewire, Inertia.js … Read more
In this tutorial we’ll build a data-table in a Laravel 9 app employing VILT (Vue, Inertia, Laravel, Tailwind) stack while using Composition API of Vue3. The data-table will have the field-based searching capability along with pagination and sorting. Laravel 9.x requires a minimum PHP version of 8.0. This tutorial assumes that you are using Linux, … Read more
In previous article we employed Fetch API to make AJAX calls from within Alpine.js in order to dynamically update the data table from backend database. Now let’s make life easier by introducing Livewire. In this article, we’ll incorporate simple search capability utilizing Livewire component in Laravel 9 app. So, let’s buckle up! Laravel 9.x requires … Read more
What we learned in previous article is simple search within the data which is already available to client; let’s up the ante and employ Fetch API to make AJAX calls from within Alpine.js in order to dynamically update the data table from backend database. Laravel 9.x requires a minimum PHP version of 8.0. This tutorial … Read more