Background Image moving horizontally on scrolling down – from left to right

Basic format HTML file: Stylesheet Styling: Javascript Function: You can also see it in action at CodePen page.
Read More

Responsive Navigation Bar – Hamburger Icon Animations (Menu Bar – Hamburger)

Hamburger Icon Animations https://codepen.io/RRoberts/pen/ZBYaJr Create files into same folder for better and easy understanding of an Icon animations. follow these step by step process: Step 1: Create an Index.html and save file Step 2: Create CSS file Step 3: Adding jQuery to Web Pages (Index.html) You can use one of these two ways to include jquery: Download the jQuery library from jQuery.com Include jQuery from ...
Read More

React – Setting Up an Environment, Visual Studio Code, Node.js and Yarn

Step 1. How To Install Node.Js And NPM On Windows 10 for React Check the Installation process (Tutorial link) Step by step guide given below in detail: How To Install Node.Js And NPM On Windows 10 for React Step 2: How to Install Yarn in Windows Yarn is a package manager that doubles down as project manager. Whether you work on one-shot projects or large ...
Read More

How To Install Node.Js And NPM On Windows 10 for React

Introduction to Node.js and NPM Node.js is a run-time environment which includes everything you need to execute a program written in JavaScript. It’s used for running scripts on the server to render content before it is delivered to a web browser. Node.js is an open source server environment It’s absolutely free to use It runs on various platforms (Windows, Linux, Unix, Mac OS X, etc.) Node.js ...
Read More

How to Link CSS to HTML – Learn Styling HTML with CSS

CSS stands for Cascading Style Sheets. HTML5 elements are organized with the use of CSS. CSS saves a lot of work. It can control the layout of multiple web pages all at once. We can use CSS in 3 ways: Inline – by using the style attribute in HTML elements Internal – by using a <style> element in the <head> section External – by using ...
Read More

What is React? React JS Fundamentals Concept

React is a JavaScript library for creating better user interfaces. Single-page or mobile applications. React: Rendering data to the DOM (Document Object Model). React applications usually requires the use of additional libraries for state management and routing. Redux and React Router are respective examples of such libraries. Components are the building blocks of React. You can think of a component as a collection of HTML, CSS, JS, and some internal data specific to that component. These ...
Read More

JavaScript “Use Strict” Mode

“use strict”; Defines that JavaScript code should be executed in “strict mode”. Strict mode makes several changes to normal JavaScript semantics: Eliminates some JavaScript silent errors by changing them to throw errors. Prohibits some syntax likely to be defined in future versions of ECMAScript. See transitioning to strict mode, if you want to change your code to work in the restricted variant of JavaScript. Browsers not supporting ...
Read More

JavaScript Code Structure And Statements

JavaScript Programming Structure A computer program is a list of “instructions” to be “executed” by a computer. In a programming language, these programming instructions are known as statements. A JavaScript program is a list of programming statements. In HTML, JavaScript codes are executed and run by the web browser. The first thing we’ll study is the building blocks of code. Statements JavaScript statements are composed of: Values, Operators, Expressions, Keywords, and Comments. ...
Read More

External scripts in JavaScript Or Adding Separate JavaScript file to HTML

If we have a lot of JavaScript code, we can put it into a separate file. Script files are attached to HTML with the src attribute: Here, /path/to/script.js is an absolute path to the script from the site root. One can also provide a relative path from the current page. For instance, src=”script.js” would mean a file “script.js” in the current folder. To attach more than one scripts, use multiple tags: Please note: ...
Read More

The “script” tag in JavaScript

The “script” tag JavaScript programs can be inserted into any part of an HTML document with the help of the <script> tag. For instance: The <script> tag contains JavaScript code which is automatically executed when the browser processes the tag. The <script> tag has a few attributes that are rarely used nowadays but can still be found in old code: The type attribute: <script type=…> The old HTML standard, HTML4, required a script to have ...
Read More