Tutorials

This tutorial tackles on how to create a statistical representation of data in MySQL Database using Chart.js with PHP to fetch data from database. In this tutorial, I'm going to show a bar chart representation of data from our database. I've also added a form that can save data to our database to practice this tutorial.

This tutorial tackles on how to create a simple gallery viewer where you can view all the images uploaded using FancyBox. To have the images in our database, we're gonna create an image uploader using PHP/MySQLi.

Learn on how to create a Simple SpriteSheet Animation using Pygame framework. Pygame is a cross-platform set of Python modules designed for creating games. It includes computer graphics and sound libraries designed to be used with the Python programming language.

This tutorial will show you how to install ReactJS and on how to set up dependencies for ReactJS. Also, we're gonna be making a "Hello World" app using ReactJS. In order to install the dependencies of ReactJS, we're gonna need to use Node.js.

This tutorial tackles on how to create a fixed alert on top-right corner using CSS, Vue,js and with the help of axios.js and PHP validation. This an additional practice if you wanted to learn more about the basics of vue.js.

This tutorial tackles on how to validate input using Vue.js with the use of PHP validations. This can be used to check users input to avoid unnecessary data into your database. In this tutorial, I have applied required validation, pregmatch function, email validation and website validation.

This tutorial tackles on how to create a registration form using Vue.js with the help of PHP/MySQLi. This will also show you how to create a simple input validation with the use of vue.js. We are gonna be using axios in this tutorial to handle our request from our PHP Registration API.

This tutorial tackles on how to create a simple login using vue.js with the help of PHP/MySQLi. This includes a simple login validation. Also, we are gonna be using axios to check the login of our user.

This is the last part of my Vue.js CRUD tutorial wherein we are going to update and delete data in our database. We are going to create two more modals for our update and delete. In this tutorial, with the help of axios, we're gonna update and delete data in our database using our API.

This is the second part of my Vue.js CRUD tutorial wherein we are going to insert data into our database. I'll be making a customize modal with some styles from bootstrap to showcase how to hide/show a div using vue.js. In this tutorial, with the help of axios, we're gonna insert data into our database using our API.