Topics - TutorialFlow

Leave a Comment / Examples, React JS / By admin

In this tutorial, we are going to deploy React JS(Front End) and Node JS(Back End) as a single application in Heroku Server. Without deploying in individual servers, we will deploy both React JS & Node JS in a single server., so that API calls can be connected only from our front end to Back end. …

ReactJS + Node JS in Heroku in Minutes Read More »

Snake Game – Java In 10 Minutes

Learn React JS in 5 minutes

Images to PDF In Java (ITextPdf Library)

HTML Tags: Summary

Leave a Comment / HTML / By Shrikant

Tag Description <!– … –> Defines a comment <!DOCTYPE> Defines the document type <html> Defines the root of an HTML document <head> Contains meta information about the document, such as the title and character encoding <title> Defines the title of the document, which is displayed in the browser’s title bar or tab <body> Contains the …

HTML Tags: Summary Read More »

HTML Web Storage

Leave a Comment / HTML / By Shrikant

HTML web storage provides two objects for storing data on the client: LocalStorage – Data is stored permanently, until it is explicitly deleted. Example code:

<!DOCTYPE html>

<html>

<body>

// Store data in local storage

localStorage.setItem("user", JSON.stringify({name: "shri kumar", age: 30}));

// Retrieve data from local storage

let user = JSON.parse(localStorage.getItem("user"));

console.log(user); // {name: "shri kumar", age: 30}

</script>

</body>

</html>

SessionStorage – Data is stored for a single session and is deleted when the browser is closed. Example Code:

<!DOCTYPE html>

<html>

<body>

// Store data in session storage

sessionStorage.setItem("username", "shri kumar");

// Retrieve data from session storage

let user = sessionStorage.getItem("username");

console.log(user); // "shri kumare"

</script>

</body>

</html>

HTML Media

Leave a Comment / HTML / By Shrikant

Multimedia on the web is images, music, videos, movies and animations. it comes with alot of format. some sample are mp3, mp4, .mpg, .wmv, and .avi. Images:

<!DOCTYPE html>

<html>

<body>

</body>

</html>

The <img> element is used to include images in a webpage. The src attribute specifies the URL of the image file, and the alt attribute provides alternative text …

HTML Media Read More »

HTML Canvas Graphics

Leave a Comment / HTML / By Shrikant

The HTML <canvas> element is used to draw graphics on a web page. Example:

<!DOCTYPE html>

<html>

<body>

var canvas = document.getElementById("myCanvas");

var ctx = canvas.getContext("2d");

ctx.fillStyle = "rgb(200,0,0)";

ctx.fillRect(10, 10, 55, 50);

</script>

</body>

</html>

HTML Forms:

Leave a Comment / HTML / By Shrikant

Example for HTML Forms :

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<form>

<label for="email">Email:</label>

<label for="password">Password:</label>

<label for="gender">Gender:</label>

<option value="female">Female</option>

<option value="other">Other</option>

</select>

<input type="checkbox" id="terms" name="terms"> I accept the terms and conditions

</label>

</form>

</body>

</html>

you can also use action tag as shown below to submit to actionpage define: <form action=”/actionPage.html”> If you click the “Submit” button, the form-data will be sent to a page called “/actionPage.html”.

HTML Responsive Web Design

Leave a Comment / HTML / By Shrikant

Responsive web design creates web pages that will look great and user friendly on all devices. It is responsible for will automatically adjust for different screen sizes ,devices and viewports. To create a responsive website, add the <meta> tag to all your web pages: Syntax: <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> Below is the example for responsive design : Example: HTML …

HTML Responsive Web Design Read More »

HTML Layouts

Leave a Comment / HTML / By Shrikant

HTML layouts provide a way to design web pages in well-structured. it consist of many sections. page layout example:

HTML JavaScript

Leave a Comment / HTML / By Shrikant

JavaScript also known as client side script used to make HTML pages more dynamic. it is widely used for image processing, form validations, checks and dynamically changing content. We need to write javascript under <script> tag. Syntax: <script>document.getElementById(“test”).innerHTML = “Hello World!”;</script>

<!DOCTYPE html>

<html>

<head>

<title>JavaScript Example</title>

</head>

<body>

<h1 id="greeting">Hello, World!</h1>

// Get the h1 element by its id

var greeting = document.getElementById("greeting");

// Change the text of the h1 element

greeting.innerHTML = "Welcome to my World";

</script>

</body>

</html>

HTML Iframe :

Leave a Comment / HTML / By Shrikant

An HTML iframe is used to embed another document within the current HTML document. Syntax <iframe src=”url” title=”description”></iframe> Example:

<!DOCTYPE html>

<html>

<body>

<h2>Iframes</h2>

</body>

</html>

src attribute refer to the target need to be fetch inside iframe. title refer to frame title height & width refer to size of the iframe need to be loaded inside parent window.

HTML Attributes

Leave a Comment / HTML / By Shrikant

1) Class Attribute The HTML class attribute is used to specify a class for an HTML element. it can be used many times in single file. the file could be CSS or JS file. In below example .fruit will be applied to both div elements.

<!DOCTYPE html>

<html>

<head>

<style>

.fruit {

background-color: green;

color: grey;

border: 3px solid black;

margin: 25px;

padding: 25px;

}

</style>

</head>

<body>

<h2>Apple</h2>

</div>

<h2>Banana</h2>

</div>

</body>

</html>

2) id Attribute The HTML id attribute is used to define a unique id …

HTML Attributes Read More »

Cookie	Duration	Description
cookielawinfo-checkbox-analytics	11 months	This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics".
cookielawinfo-checkbox-functional	11 months	The cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional".
cookielawinfo-checkbox-necessary	11 months	This cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary".
cookielawinfo-checkbox-others	11 months	This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other.
cookielawinfo-checkbox-performance	11 months	This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance".
viewed_cookie_policy	11 months	The cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data.

TutorialFlow

How to Configure/Serve Domains & SubDomains in NgInx server

Top Java Interview Programs

ReactJS + Node JS in Heroku in Minutes

Snake Game – Java In 10 Minutes

Learn React JS in 5 minutes

Images to PDF In Java (ITextPdf Library)

HTML Tags: Summary

HTML Web Storage

HTML Media

HTML Canvas Graphics

HTML Forms:

HTML Responsive Web Design

HTML Layouts

HTML JavaScript

HTML Iframe :

HTML Attributes