Events in JS Part II: Listeners and Manipulation

With an understanding of how events are triggered via the Web API, a quick example of basic DOM manipulation can help bring it all together. Here we explore this and more.  MORE q

Arrays in Javascript

Arrays in JavaScript are versatile structures for storing various data types, indexed from zero. They allow for creation through methods or literal expressions and support numerous properties and methods for manipulation and data retrieval. Common operations include adding, removing, and accessing elements, as well as merging arrays without altering originals.  MORE q

Variables in JavaScript

Variables in JavaScript are basically names or references to storage locations in memory. A variable name needs to start with a letter (lowercase is most common, though uppercase can be used), an underscore( _ ) or dollar sign( $ ). Variables will be either local, which means they are only accessible within a function or brackets, or global, which means they are accessible anywhere. Variable Declarations var - scoped globally. const - block scoped by curly brackets {} and unchangeable. let - block scoped and changeable. The last option is  MORE q

Global Event Handlers

ONE OBJECT TO RULE THEM ALL! OK, perhaps not "rule" them all, but certainly there is one object that makes it possible for near-total control of a web app. The Global Event Handlers Web API provides a globally-scoped object containing an assortment of event data from the document, Window or an HTML element. This can be user-interaction events, like clicking a button or moving to a different element, or programmatic changes, like a CSS animation that runs on page load. Notice of these events, as well as a large variety of important   MORE q

Events in JavaScript

While Global Event Handlers are actually a Web API, accessing these events are central to Javascript's usefulness. These events mark points of interaction from the user or programmatic changes to the document. All of this can be harnessed via JavaScript to provide both functional and visual manipulations that create a   MORE q

JS Shortcuts

Here I look at the use of compound assignment operators, allowing concise math operations. It provides examples, such as x += y, which simplifies expressions. Additionally, it introduces the modulus operator for finding remainders and checking even or odd numbers. Post-increment and pre-increment operators are also described for variable evaluation timing.  MORE q

Objects in JavaScript

Objects are the center of JS programming. Methods and Properties can be attached. Objects are lists or collections of properties For each property, Objects always have a name that is a STRING and a value that can be a STRING, NUMBER or FUNCTION Under the hood: When creating an object or adding a property, the JS engine invokes the [put] method to assign a place in memory. When changing a property, the JS engines invokes the [set] method for changing the  MORE q

JS Types

JavaScript has several built-in data types: String (text), Number (numeric values), Boolean (true/false), null (intentional absence), undefined (no value assigned), and Symbol (unique identifiers). Each type has specific behaviors and uses. For instance, Boolean evaluates conditions, while Symbol prevents property conflicts in objects.  MORE q

How JavaScript Works

The JavaScript runtime environment consists of the JavaScript engine, Web APIs, Job Queue, Callback Queue, and Event Loop. The engine includes the Memory Heap and Call Stack, which processes code synchronously. Asynchronous operations are managed by the Event Loop, which handles tasks from Job and Callback Queues, ensuring efficient execution.  MORE q