GEO location with HTML5 and jQuery

This tutorial shows you how to display the geographic location or Geo location of a user or device on a Google map, using your browser’s HTML5 Geolocation feature along with the Google Maps JavaScript API.

What is Geolocation?

Geolocation refers to the identification of the geographic location of a user or computing device via a variety of data collection mechanisms. Typically, most geolocation services use network routing addresses or internal GPS devices to determine this location. Geolocation is a device-specific API. This means that browsers or devices must support geolocation in order to use it through web applications. You may find about Geolocation here Google Geolocation Continue reading “GEO location with HTML5 and jQuery”

Create React JS Application on Windows

In this tutorial I am going to show you how we can create React JS application in Windows environment.

Before reading this tutorial please make sure you have installed the node.js in your system. Please have a look at this here for node.js installation

Prerequisites

I’ll assume you do have some familiarity with HTML and JavaScript, but you should be able to follow along even if you haven’t used them before.

Please follow the below steps one by one in order to create React application.

Continue reading “Create React JS Application on Windows”

How to Install Node.js and NPM on Windows

I am going to show you how to install node.js (zip) on Windows OS. Node.js is a JavaScript runtime built on Chrome’s V8 JavaScript engine and it uses an event-driven, non-blocking I/O model that makes it lightweight and efficient. Node.js package ecosystem, npm, is the largest ecosystem of the open source libraries.

Here we will see how to install zip version of node.js, not Windows installer (msi).

Please find below installation instructions step by step.

Continue reading “How to Install Node.js and NPM on Windows”

ReactJS REST API DELETE Example

React is a declarative, efficient, and flexible JavaScript library for building user interfaces. The full documentation is available at https://reactjs.org/. In this tutorial I will show you how to delete the existing resource (REST API DELETE) using React JS framework. The article, ReactJS REST API DELETE Example, will use ready made available REST API https://jsonplaceholder.typicode.com/posts for testing purpose. You can also create and deploy your own service using PHP, Codeigniter or Spring, Jersey etc. and call using React JS framework. Here you will see only DELETE example (other HTTP verbs GET, POST, PUT, HEAD, OPTIONS etc.).

You may also like to read ReactJS REST API GET Example ReactJS REST API POST Example ReactJS REST API PUT Example

Continue reading “ReactJS REST API DELETE Example”

ReactJS REST API PUT Example

React is a declarative, efficient, and flexible JavaScript library for building user interfaces. The full documentation is available at https://reactjs.org/. In this tutorial I will show you how to update the existing resource (REST API PUT) using React JS framework. The article, ReactJS REST API PUT Example, will use ready made available REST API https://jsonplaceholder.typicode.com/posts for testing purpoase. You can also create and deploy your own service using PHP, Codeigniter or Spring, Jersey etc. and call using React JS framework. Here you will see only PUT example (other HTTP verbs GET, POST, DELETE, HEAD, OPTIONS etc.).

You may also like to read ReactJS REST API GET Example ReactJS REST API POST Example ReactJS REST API DELETE Example

Continue reading “ReactJS REST API PUT Example”

ReactJS REST API POST Example

React is a declarative, efficient, and flexible JavaScript library for building user interfaces. The full documentation is available at https://reactjs.org/. In this tutorial I will show you how to create new resource (REST API POST) using React JS framework. The article, ReactJS REST API GET Example, will use sample ready made available REST API https://jsonplaceholder.typicode.com/posts for testing purpoase. You can also create and deploy your own service using PHP, Codeigniter or Spring, Jersey etc. and call using React JS framework. Here you will see only POST example (other HTTP verbs are GET, PUT, DELETE, HEAD, OPTIONS etc.).

You may also like to read ReactJS REST API GET Example ReactJS REST API PUT Example ReactJS REST API DELETE Example

Continue reading “ReactJS REST API POST Example”

ReactJS REST API GET Example

React is a declarative, efficient, and flexible JavaScript library for building user interfaces. The full documentation is available at https://reactjs.org/. In this tutorial I will show you how to fetch data from REST service using React JS framework. The article, ReactJS REST API GET Example, will use sample ready made available REST API https://jsonplaceholder.typicode.com/posts for testing https://jsonplaceholder.typicode.com/posts. You can also create and deploy your own service using PHP, Codeigniter or Spring, Jersey etc. and call using React JS framework. Here you will see only GET example (other HTTP verbs POST, PUT, DELETE, HEAD, OPTIONS etc.).
You may also like to read https://www.roytuts.com/tic-tac-toe-game-using-react-js/  ReactJS REST API POST Example ReactJS REST API PUT Example ReactJS REST API DELETE Example

Continue reading “ReactJS REST API GET Example”

Username availability check using Codeigniter, AJAX and MySQL

This tutorial will show you how you can check username availability using Codeigniter, AJAX and MySQL. Sometimes we need to check username availability instantly before a user presses the submit button after filling a long-sized signup form. In this case we can use AJAX technique with any server side technologies like PHP, Codeigniter, Servlet, Struts, JSF, Spring etc. for checking whether the input username is avaialable for creating new user account or it has already been taken by someone else. So if we give instant result to the user for username availability then sometimes it makes more sensible than while pressing the submit button and goes top of the signup form to rectify the username input field if input username is not available. So after finishing this example “username check availability using Codeigniter, AJAX and MySQL” you will be able to apply the same logic to any server side technologies.

Continue reading “Username availability check using Codeigniter, AJAX and MySQL”

Tic-tac-toe game using React JS

In this tutorial you will see how to build Tic-tac-toe (tic tac toe) game using React or React JS https://reactjs.org/. React is a declarative, efficient, and flexible JavaScript library for building user interfaces. You may read more about tic-tac-toe game at https://en.wikipedia.org/wiki/Tic-tac-toe. You may also read tic tac toe using Java here https://www.jeejava.com/tic-tac-toe-game-using-java/

Prerequisites

Knowledge of HTML and JavaScript

Continue reading “Tic-tac-toe game using React JS”