Autocomplete textbox with Vue.js PHP and MySQL

By adding autocomplete on a textbox makes it easier to search for an item. It displays a suggestion list based on the input in the textbox.

I am using the Axios package for loading suggestions.

In this tutorial, I show how you can add autocomplete textbox using a custom component in Vue.js. I am using PHP to fetch data from the MySQL database and return a response for suggestions.

Autocomplete textbox with Vue.js PHP and MySQL

Read more

Ember vs. Vue: Which Framework Suits You?

Ember and Vue are the two fastest-growing JavaScript frameworks right now. With Ember releasing its version 3.7 this year and Vue’s version 3 slated to come out later in the year, the popularity of both frameworks has been increasing rapidly.

Medium highlights how this popularity is because maintaining JavaScript is challenging and time-consuming. Updating a single line of code can result in around 11 updates on the UI. JavaScript is one of the most in-demand forms of programming with Yoss reporting that 72% of tech workers use the coding language. With many coders using it, there is a huge demand for programs that can simplify the language. This wide user base is the reason why JavaScript frameworks like Ember and Vue are the most employed tools by coders. It significantly reduces the amount of code that needs to be written, which in turn reduces the chance of mistakes that would cause the UI to be out of sync with the data.

Frameworks allow coders to build components that combine to form a web app. Because these components are responsible for the data they require, this cuts down coding time as not everything has to be defined.

Vue and Ember are two of the easiest frameworks to learn and use. With well-structured guides and great API documentation, the two are thriving despite having no single company backing them up. Other competitor frameworks are owned and updated by giant companies, which is why they have a much higher user base and are seen as more sustainable. React was developed by Facebook, while Angular was developed by Google and uses Microsoft’s TypeScript.

If you want to streamline your coding efficiency, which should you use? Vue or Ember?

Ember vs. Vue: Which Framework Suits You?

Read more

Filter records by Date range with Vue and PHP

Date range filter without datepicker sometimes gets complex and there is always a possibility that the user specifies the date in a different format. In this case, need to handle it either in the client-side or server-side script.

By allowing datepicker the user only needs to pick a date in a given format.

Date filter helps to generate a report and view records between specific dates.

To add datepicker I am using datepicker Vue component in the example.

In this tutorial, I show how you can filter records by date with Vue.js and PHP.

Filter records by date range with VueJS and PHP

Read more