Blog

python tutorials and learn python

Created with Sketch.

JavaScript Drag and Drop

JavaScript Drag and Drop Summary: in this tutorial, you’ll learn about the JavaScript drag and drop API and how to use it to implement a simple drag&drop application. Introduction to JavaScript Drag and Drop API HTML5 formally introduced the drag-and-drop specification. Most modern web browsers have implemented native drag-and-drop based on the HTML5 spec. By…
Read more

JavaScript FormData

JavaScript FormData Summary: in this tutorial, you’ll learn about the JavaScript FormData API and how to post the FormData using fetch API. Introduction to the JavaScript FormData API Suppose you have a subscription form with two fields name and email. <form id=”subscription”> <h1>Subscribe</h1> <div id=”message”></div> <div class=”field”> <label for=”name”>Name:</label> <input type=”text” id=”name” name=”name” placeholder=”Enter your…
Read more

JavaScript IndexedDB

JavaScript IndexedDB Summary: in this tutorial, you’ll learn about the IndexedDB and how to use it to persistently store data inside the browser. What is indexedDB IndexedDB is a large-scale object store built into the browser. The IndexedDB allows you to persistently store the data using key-value pairs. The values can be any JavaScript type…
Read more

JavaScript sessionStorage

JavaScript sessionStorage Summary: in this tutorial, you’ll learn how to use the JavaScript sessionStorage to store data only for a session. Introduction to JavaScript sessionStorage The sessionStorage object stores data only for a session. It means that the data stored in the sessionStorage will be deleted when the browser is closed. A page session lasts…
Read more

JavaScript localStorage

JavaScript localStorage Summary: in this tutorial, you’ll learn about the Storage type and how to use the JavaScript localStorage to store persistent data. Introduction to the Storage type The Storage type is designed to store name-value pairs. The Storage type is an Object with the following additional methods: setItem(name, value) – set the value for…
Read more

JavaScript Cookies

JavaScript Cookies Summary: in this tutorial, you’ll learn about HTTP cookies and how to use JavaScript to manage the cookies effectively. What is a cookie An HTTP cookie is a piece of data that a server sends to a web browser. Then, the web browser stores the HTTP cookie on the user’s computer and sends…
Read more

Web API

Web API This section introduces you to the Web APIs specified in the HTML5 specification. These Web APIs allow you to use the modern functions provided by the web browsers in your web applications. Section 1. Client Storage Cookies – learn about HTTP cookies and how to use JavaScript to manage cookies more effectively. localStorage –…
Read more

JavaScript Countdown Timer

JavaScript Countdown Timer Summary: in this tutorial, you’ll learn how to develop a reusable JavaScript countdown timer. What is a countdown timer A countdown timer is a virtual clock running on a landing page. And it counts down from a certain date to indicate the beginning (or the end) of an event. On eCommerce websites,…
Read more

Javascript Form Validation

Javascript Form Validation Summary: in this tutorial, you’ll learn about JavaScript form validation by building a signup form from scratch. What is form validation? Before submitting data to the server, you should check the data in the web browser to ensure that the submitted data is in the correct format. To provide quick feedback, you…
Read more

Learn JavaScript Debounce Function By Building the Wikipedia Search App

Learn JavaScript Debounce Function By Building the Wikipedia Search App Summary: in this tutorial, you’ll learn about JavaScript debounce function and how to use it to improve application performance. To understand the debounce function, you’re going to build a Wikipedia Search application using the debouncing programming technique. Create the project folder structure First, create a…
Read more