I started going through some Vue tutorials and put together a little Vue js page. It takes user input, validates it against a data object value. Depending on the result, a dynamic element is updated on the page. Math Problem Generator Below is a Math problem generator (multiplication). I created this for my son to … Read moreVue Data Binding Example
In Javascript there are three FOR type iteration statements. The classic For loop (such as in languages like C or python). The For-Of loop which iterates through each element of an array. The For-In loop which iterates through each key in an object. Classic For Loop In the case above, the value for number, is … Read moreJavascript For Loops
In a case of multiple IF/Else/Else If statements, the switch statement can be used to clean the code up a bit. The switch statement takes a value, then evaluates the value. If a match is found, it executes the condition. If the value for codeOut matches ERROR, then it throws the console log output “Error … Read moreJS Switch Statement
While the double pipe || (logical OR) is useful to set a default value, a double && will set an alternate value. Below is a comparison of the difference: name is now set to ‘Brian’ as the value was null, so the || set ‘Brian’ as the default instead. In the second example, the alternate … Read moreUsing && to set a Logical Value
There are several ways to determine conditional logic in Javascript. The most common across all languages would be the classic IF/Else/Else If logical statements. The next common would be ternary expressions. These expressions return a value of true/false and execute logic based on the condition. if isName is ‘Brian’ then name would be true, otherwise … Read more!! Double Bangs
Logic statements can be written in the classic If / Else / Else If syntax in Javascript. There is an option (in some cases) to write logic using a ternary operator. Unlike IF/Else conditional logic, the ternary value can be returned and stored to a variable. In this case isUserJack holds the boolean value of … Read moreJS Ternary Logic
The double pipes (||) which represents the logical OR operator, can also be used to set a default value on a variable. In the case above, if firstName is null, then the default value of ‘Brian’ will be added.
When loading HTML with Javascript in the page, we can use the defer option in the Script tag. This allows the browser load the scripts, but to parse all of the HTML first, and only then run the Javascript tags. The syntax for defer is: Async is another option. This parameter tells the browser to … Read moreJS: Defer & Async
On this blog I’ve brought up encapsulation a few times, with languages like Java and C, and the lack of it in Groovy/Grails, as well as the lack of enforced encapsulation in Python. Refresh on Groovy & Python Honestly, Groovy and Grails are the worst offenders when it comes to encapsulation. Groovy pretends to allow … Read moreJavaScript Encapsulation