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

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

How to Download and Install Atom Text Editor

To get started with Atom, we’ll need to get it on your system. This section will go over installing Atom on your system as well as the basics of how to build it from source. Installing Atom should be fairly simple. Generally, you can go to https://atom.io and you should see a download button as shown here: The button or buttons should be specific to your platform ...
Read More

What is the best editor for javascript?

Best JavaScript IDE & Source Code Editors to Use for practicing JavaScript programming & learn the good skills to develop web applications. Best JavaScript IDE and Source Code Editors The basic features are the same in functioning, each JavaScript IDE and source code editor has some distinct advantages, and disadvantages as well, over others. Here is our perfect choice of the 16 best JavaScript IDEs ...
Read More

Different Ways to Display Output Results in JavaScript

Some of the possible ways we can display output in JavaScript is covered in this tutorial. console.log() We use the console.log() method to display the output in the browser console. How to open browser console? Chrome: View -> Developer -> Developer Tools Firefox: Tools -> Web Developers -> Web Console Safari: Developer -> Show Error Console Or, simply right click on the page and select Inspect / Inspect Element and then ...
Read More

Operators in Javascript

An operator is used to perform task for one or more values into a single resultant output value. JavaScript operators are classified as: Arithmetic Logical Comparison String An operator operates on operand or operands. The combination of one or more operators is referred to as an expression. JavaScript Arithmetic Operators Operator Description + Addition – Subtraction * Multiplication ** Exponentiation / Division % Modulus (Division ...
Read More