Learn how to detect animation events in JavaScript Photo by Pankaj Patel on Unsplash In JavaScript we can detect animation events . The list of available animation events are animationstart → Triggered when an animation is started animationiteration → Triggered on each iteration of animation animationend → Triggered at the end of animation animationcancel → Triggered when …
Tag Archives: Coding
Terminal Commands to Save Time and Make You More Productive
Learn essential terminal commands for every developer Photo by Mika Baumeister on Unsplash If you’re a programmer, then most of the time you will be using the terminal. This article lists some of the most important Mac/Linux terminal commands. Basic Commands clear → Clears the screen. Alternatively, we can use Cmd + K . reset → Resets …
Continue reading “Terminal Commands to Save Time and Make You More Productive”
11 Extremely Useful JavaScript Tips
Level up your JavaScript game Image by David Monje from Unsplash 1. Converting to Boolean Using the !! Operator Sometimes, we need to check if a variable exists or if it has a valid value, to consider them as a true value. For this kind of validation, you can use the !! (double-negation operator). A simple !!variable, which will automatically …
Five Ways to Loop Through a JavaScript Array
Learn the different methods to loop through arrays in JavaScript Photo by Zan on Unsplash In JavaScript there are many ways to loop through Array. Loops which can break or skip (continue) an iteration: for while do…while for…in 2. Loops which we cannot break or skip an iteration: forEach Tip: To create an array with a …
Continue reading “Five Ways to Loop Through a JavaScript Array”
15 VS Code Extensions to Save Your Time and Make You a Better Developer
A list of useful VS Code extensions for frontend developers VS Code has a marketplace, and it contains a collection of plugins that can be installed into the text editor to make it more powerful. We can open market place by selecting Extension option in View menu or simply press shift + cmd + XÂ . …
Continue reading “15 VS Code Extensions to Save Your Time and Make You a Better Developer”
Detecting Battery Status in JavaScript.
Learn how to detect battery status in JavaScript using Battery Manager. Image by Brett Jordan. The BatteryManager interface provides ways to get information about the system’s battery charge level. We can use the Battery Manager to detect charging state Battery percentage Time needed to charge 100% The remaining time until the battery is completely discharged. First, let’s …
Creating a Color Generator Website in JavaScript
Learn about how to create a website which will generate unique colours Image by Paola Galimberti This is how the final result looks like In this tutorial we are only focusing on Javascript , you can just copy and paste the html and css from the above pen. The UI has Color Block → Created using JavaScript …
Continue reading “Creating a Color Generator Website in JavaScript”
Add Styles and Formatting to Your console.log Messages in JavaScript
Learn how to add CSS and formatting log messages in JavaScript. Image by Joanna Kosinska We all know the console.log function will log a simple message to the console. But console.log can also format the text and make the message stand out from other messages. This gives us the ability to find our important messages in …
Continue reading “Add Styles and Formatting to Your console.log Messages in JavaScript”
Dot vs Bracket Notation in Accessing JavaScript Object.
Learn when to use dot and bracket notation in JavaScript. Dot vs Bracket notation in JavaScript We can access the property of an object by Dot notation Bracket notation Dot Notation This is the most popular and most used way of accessing the property of an object. This makes code more readable. Dot notation is …
Continue reading “Dot vs Bracket Notation in Accessing JavaScript Object.”
Understand the Three Different Value Equality Comparison Algorithm in JavaScript.
Learn about different types of equality checking in JavaScript. Image from Coffee Geek. In JavaScript, there are three different value-comparison operations Abstract Equality Comparison(loose equality || == || double equals). Strict Equality(triple equals || === ). Same Value Equality ( Object.is() ). Introduced in ES2015 . Abstract Equality Comparison (==). a == b; Double Equals compares whether …
Continue reading “Understand the Three Different Value Equality Comparison Algorithm in JavaScript.”
Js Jeep 🚙 