Web Development

Introduction to Node.js

In this article, we will take you through the basic idea of NodeJS and its package manager NPM, Installation guide and a basic example with When to use it

Software Engineering

Build an HTML form to insert data in a database in PHP MySQLi

In this article, we are going to see how a form is made and how the details entered by the user are stored in a database. We will use PHP and MySQL

Software Engineering

Start using Local Storage in JavaScript in Browser

Local storage is a key value storage such that you can store a data as a set of size 2 such as {key, value}. To get the value back, we need to pass key, then we get back value.

Software Engineering

Work with files on the web using FileReader API in JavaScript

FileReader object helps in reading data from a file or a Blob and store it in a JavaScript variable. The read is done asynchronously so as not to block the browser.

Software Engineering

Get started with BLOBs in JavaScript

BLOB (Binary Large OBject) is a data type which can be used to store binary data. We can convert our files and images into binary data and store it using BLOB. They are immutable objects that represent raw data.

Software Engineering

Using CSS Selectors to work with specific HTML elements

CSS Selectors are used to define the element(s) to which a particular set of CSS rules should be applied. The following article will take you through different selectors like class selector, attribute selectors, and selector combinations etc.

Software Engineering

Understanding and working with Third Party Cookies

In this article, you will learn what are third party cookies and how it works?, Cookie profiling, its concern and comparison of third party cookie with first party cookie and a demonstration to build your own page with a third party cookie

Software Engineering

Understanding and working with Cookies

In this article, you will understand the basic idea of cookies, different types of cookies like third party and persistent, how to set, get and delete cookies in JavaScript?, how to view cookies? and how the World looks at it? and a demo to understand the inner workings of cookies

Software Engineering

Web workers and its API: Run intensive tasks in the background

In some situations where javascript has to run big loops, the browser may prompt error messages. The situation explained above can be handled using Web Workers, who will do all the computationally expensive tasks without interrupting the user interface and typically run on separate threads.

Software Engineering

Page Visibility API: Know when a user is on your page

it was impossible for developers to specify the code that can be executed under any case of unloading a page. In order to solve this problem, Page Visibility API was introduced. The API will listen to any visible change of the page under all the cases, regardless of that, it's on phone or desktop.

Software Engineering

Working with device location using HTML Geolocation API

HTML Geolocation API is used to get the current position of the user. The Geolocation API is used using the navigator.geolocation object.The Geolocation interface represents an object able to programmatically obtain the position of the device.

Software Engineering

Working with HTTP requests in Python

The internet is made up of a bunch of resources hosted on different servers and interact using HTTP. What is HTTP and how it works? Working with different HTTP requests in Python using the requests library Understanding the information that web resources interact with and use it programmatically

Software Engineering

Working with Clipboard API and events in HTML

The Clipboard API provides a way to hook into the common clipboard operations of cutting, copying and pasting so that web application can adjust the clipboard data as required. There are two ways we can interact with the system clipboard Document.execCommand() and asynchronous Clipboard API

Software Engineering

Working with images in HTML

Images can be inserted into our HTML page using tag. The tag is an empty tag, which means that it does not have a closing tag. We can insert parameters of the element using various attributes like src, alt, height and width.

Software Engineering

Working with history object of HTML DOM

The browsers history is present in the history object. We can use the window part (window.history) or just simply history. It contains an array of URLs or links visited by the user.

Software Engineering

Working with audio in HTML5

The HTML element is used to embed sound or music element in our HTML page. It may contain one or more audio sources, represented using the src attribute or the element: the browser will choose the most suitable one. We will discuss about in in later part of the article

Software Engineering

Working with video in HTML5

The HTML Video tag embeds a media player which supports video playback into the document. We can use for audio content as well, but the tag may provide a more appropriate user experience.

Software Engineering

Viewing and Changing IndexedDB contents of any website using Chrome DevTools

We will try to check the IndexedDB contents of a website using Chrome DevTools. (Using Firefox Developer Tools is also very similar.) We will add a few records and then try to view and update it using the DevTools.

Software Engineering

Working with IndexedDB in HTML5

IndexedDB is a JavaScript-based object-oriented database which lets you store just about anything in the user's browser. It uses indexes to search data efficiently. DOM storage is good to use to store small amount of data like login session in a website but not for storing large amounts of data

Software Engineering

Introduction to Canvas

The canvas element is part of HTML5 specification and allows for rendering of 2D shapes and bitmap images. It is a low level, procedural model that updates a bitmap. Canvas also helps in making 2D games, animations, scenes or any graphics in general using JavaScript.