Welcome to a beginner’s tutorial on Javascript loops and iterations. Want to loop through arrays, objects, or do things repetitively? The common mechanisms to loop and iterate in Javascript are: For – for (let i=0; i<10; i++) { … } For-In – for (let key in object) { … } For-Of – for (let element of …
Javascript Loops & Iterations Cheat Sheet – Simple Examples Read More »
Welcome to a quick tutorial on how to delete files and folders in NodeJS. Need to remove some old or temporary files in Node? To delete files in NodeJS, we can use the unlink function. const fs = require(“fs”) fs.unlink(“PATH/FILE”, (error) => {}) fs.unlinkSync(“PATH/FILE”) To delete (empty) folders in NodeJS, we can use the rmdir …
Delete Files & Folders In NodeJS – Simple Examples Read More »
Welcome to a quick tutorial on how to list files and folders in NodeJS. Need to get a list of files and folders in your project? A common way to get a list of files and folders in NodeJS is to use readdir() or readdirSync(): const fs = require(“fs”) fs.readdir(“FOLDER”, (err, files) => { console.log(files) …
List Files & Folders In NodeJS – Simple Examples Read More »
Welcome to a quick tutorial on how Javascript files are loaded – Normal, async, and defer. Ever since day one of learning Javascript, we were taught to either code Javascript inline or load them from external files. But just how are these Javascript files loaded? This simple question has somehow eluded many beginners, and in short …
How Javascript Files Load (Normal vs Async vs Defer) Read More »
Welcome to a quick tutorial on how to remove or reset CSS styles from an HTML element. So a certain element on your webpage is showing the wrong CSS styles and needs to be reset? To reset a single CSS property for an element – #ID { PROPERTY: initial; } To reset all CSS styles …
How To Reset/Remove CSS From HTML Element – Simple Examples Read More »
Welcome to a quick tutorial on how to set and get HTML data attributes in Javascript. Want to insert your own custom property or data into HTML elements? To set HTML data attributes, we simply define data-KEY=”VALUE” in the opening tag. For example, <div data-color=”red”> We can also set HTML data attributes in Javascript using …
Set & Get HTML Data Attributes In Javascript (Simple Examples) Read More »
Welcome to a quick tutorial on how to create a simple HTML scroll to top button. There are a ton of scroll-to-top plugins all over the Internet, but know what? Forget those overly complicated ones. We don’t need to load an entire library just to have to “back to top” button. To create an easy …
Very Simple HTML Scroll To Top Button – Free Download Read More »
Welcome to a quick tutorial on how to get, set, and remove the href property in Javascript. By now, you should know href very well. That “thing” we use to specify which webpage to link to. But how can we dynamically change or remove it using Javascript? For a quick answer: To get the href …
Get Set Remove HREF In Javascript – Simple Examples Read More »
Welcome to a quick tutorial on how to create a multi-column layout in HTML and CSS. Once upon a time in the Dark Ages of the Internet, we need to use all sorts of CSS hacks and crazy tables to create column layouts. Not anymore. It is ridiculously simple with modern CSS. To create a …
Multi-Column Layout In HTML – Insanely Simple Examples Read More »
Welcome to a quick tutorial on how to use the <abbr>, <dfn>, and <acronym> HTML tags. With the introduction of HTML5, there have been additions and changes to quite a number of “confusing” semantic tags. In particular, we will address abbreviation, definition, and acronym in this guide: The HTML <abbr> tag is used to denote …
