Tutorials

PHP CodeIgniter 4 - CRUD Application Tutorial

Submitted by oretnom23 on

In this tutorial, we will tackle about creating a CRUD (Create, Read, Edit, and Delete) Operation in PHP CodeIgniter 4. CRUD Operations is one the most common function or feature of the web applications that contains a dynamic data. Here, you will learn how to retrieve, store, update, and delete data into the Database using the PHP CodeIgniter Framework. I will be providing a simple web application source code below that contains a CRUD Opertaion.

Manage Data in Window.LocalStorage Tutorial

Submitted by oretnom23 on

In this tutorial, we will tackle about Managing Data using window.localStorage() in JavaScript. Here, I will be providing a simple application source code that contains a CRUD (Create, Read, Update, and Delete) operations.

What is localStorage in JavaSctipt?

The localStorage is a property of the window that allows you to store data. It has no expiration. Save key-value data in your web browser.

Custom Confirmation Modal in JavaScript Tutorial

Submitted by oretnom23 on

This tutorial tackles about Creating a Custom Confirmation Modal in JavaScript. This is a dynamic confirmation message which allows your user to confirm first before executing the JS function. This can be used for some action or feature in your current or future web application projects such as delete operations. The confirmation feature before executing an action in a web application can help your user to prevent unintentional execution of the action.

Optimizing the Uploaded Image in PHP Tutorial

Submitted by oretnom23 on

In this tutorial, I will show you a way how to upload images in PHP with reduced quality and resized resolution. This kind of feature might be helpful to your current or future project that uploads and displays lots of images. It will help your project load the pages faster even there are a lot of images are being shown because instead of displaying the original size and quality of the images is optimized. For example, you are developing a Blog Site and each blog or article has a thumbnail or banner image.

PHP Batch Insertion from Array Tutorial

Submitted by oretnom23 on

In this tutorial, we will tackle Inserting the Data from Array in MySQL Database using PHP. Here, I will show you a technique to easily insert multiple data rows into the database. This technique or idea can be helpful for mass data insertion of a form for some feature of a PHP Projects such as POS or Cashiering System, Shopping Cart, and more.

Video Element Picture-In-Picture in JavaScript Tutorial

Submitted by oretnom23 on

In this tutorial, I will show how to Create a Picture-In-Picture Feature for your website's videos. The Picture-In-Picture is a feature that allows your user to stream the video within an inset window on your screen. With this, the user can continue reading the other content of the page while the video still playing in a window of your screen. Users can also continue to stream the video using the said feature while they are at the other window.

Creating a Simple Form with Multiple Step and validation using JavaScript and jQuery

Submitted by oretnom23 on

In this tutorial, I will show how to Create a Simple Form with Multiple Step and validation using JavaScript and jQuery. The goal of this tutorial is to give you an idea to create the said form by Manipulating the HTML Elements. Here, we will be creating a simple form that contains a single form but has multiple steps. Each step has some required fields and some have field type validation. In the form, the user cannot proceed to the next step if there's an invalid field in the visible step.

Sending Mail in Python using Django Framework Tutorial

Submitted by oretnom23 on

In this tutorial, we will tackle about Sending Mail in Python using Django Framework. We will be using the GMail STMP as our Email Host for sending mail. Here, you will learn the process or steps that need to be done to send mail from your Python Django App. We will be creating a simple Django Project that contains a Send Us a Message Form. Using the said form, the app will be sending an email to the site email receiver.

Gettign Started

Download Python and pip in your local machine.

Creating a Login Form with Google Authentication (oAuth2) in PHP and JavaScript Tutorial

Submitted by oretnom23 on

In this tutorial, we will tackle about how to create a web application Login Form with Google Authentication/ Google OAuth API. Here, you will learn how to set up a project and register the app in google console developer. Also, we will be creating a simple login form web application with the said login authentication. The scripts will be written in HTML, CSS, JavaScript, and PHP. In the application, the user credential will also be stored in the database using MySQL Database.