Feb
9
PBS 90 of X — JavaScript Wrapper Objects
Filed Under Computers & Tech, Software Development on February 9, 2020 | Leave a Comment
This instalment is hosted on GitHub — Read the Show Notes Here.
Feb
8
PBS Tidbit 1 of Y — Display Values are not Data!
Filed Under Computers & Tech, Software Development on February 8, 2020 | 2 Comments
Listener @lbutlr pointed out on Twitter that the sample solution to the challenge set in PBS 88 as I originally posted it in PBS 89 had a bug — it sometimes got its maths spectacularly wrong!
It’s important to note that the bug did not affect all currencies, just some currencies.
The line of code for doing the currency conversion is supremely simple:
const convAmount = baseAmount * rate;
How on earth can there be a bug that is something so simple that only manifests for some currencies but not for others?
Jan
25
PBS 89 of X — Currency Converter Challenge
Filed Under Software Development, Computers & Tech on January 25, 2020 | Leave a Comment
This instalment is an experiment in more ways than one. The most obvious being that it is the first to be hosted entirely on GitHub, show notes and all!
Dec
15
PBS 88 of X — DOM & jQuery Objects Redux
Filed Under Software Development, Computers & Tech on December 15, 2019 | 2 Comments
We’re nearing the end of our series-within-a-series re-capping the many proverbial hats JavaScript objects wear and updating our knowledge to include new features added to the language since we started our JavaScript journey. In this instalment we’ll focus on two very tightly related hats — native JavaScript DOM object, which we’ve chosen not to use, and jQuery object, which wrap native DOM object to give them super-powers.
This instalment will have a slightly unusual structure, we’ll use my sample solution to the challenge set at the end of instalment 85 to illustrate some of the core concepts.
Dec
1
PBS 87 of X — JavaScript Iterators Objects & Generator Functions
Filed Under Software Development, Computers & Tech on December 1, 2019 | 1 Comment
In the previous instalment we started our redux and update of function objects in JavaScript. This fits into a larger mini-series within the larger series looking at all the different proverbial hats objects wear in JavaScript. The previous instalment was almost all redux, this one by contrast will be entirely dedicated to updated features added in ES6 that we’ve not seen before.
The instalment has a some-what strange structure because I felt it best to change my plans a little and extend the existing challenge by another week. Hopefully you won’t mind the slightly different flow of the sections compared to the norm.
You can download this instalment’s ZIP file here. If you prefer, you can access this instalment’s resources directly at the following links:
-
pbs87a.html
:
View Page or
View Source -
pbs87b.html
:
View Page or
View Source
Nov
15
PBS 86 of X — JavaScript Function Objects (Redux & Update)
Filed Under Computers & Tech, Software Development on November 15, 2019 | 1 Comment
This is the third instalment in a mini-series within the PBS series looking at the many different roles objects fulfil in JavaScript. I’ve been describing these roles as hats, so up to this point we’ve looked at how JavaScript objects have a dictionary hat and an array hat. In future instalments we’ll see that JavaScript objects also have regular expression and string hats. Today though, we’ll start a two-part look at what is probably the most un-expected hat of all — the function hat. Yes, JavaScript uses objects to implement functions. That is to say, every JavaScript function is an object!
Because functions are so important, and because there is a lot of ground to cover, I’ve spread this topic over two instalments. This first instalment will be mostly (but not entirely) a redux, and most of the new content will be covered in the next instalment.
You can download this instalment’s ZIP file here (now via the JSDelivr CDN). If you prefer, you can access this instalment’s resources directly at the following links:
-
pbs86a.html
:
View Page or
View Source
Nov
3
PBS 85 of X — Objects as Arrays in JavaScript (Redux & Update)
Filed Under Computers & Tech, Software Development on November 3, 2019 | 3 Comments
There are many programming concepts that are common to the vast majority of programming languages, but each language implements these concepts in their own unique and special way. In JavaScript, objects are used to implement many concepts. I like to think of JavaScript objects as a single language feature that wears many hats. In the previous instalment we focused on one of these hats, JavaScript’s use of objects to implement dictionaries. In this instalment we’ll look at another hat JavaScript objets get to wear — arrays. As with the previous instalment, this instalment will be a mixture of consolidated reminders of things we’ve met before, and of some new features added to arrays in more recent versions of the JavaScript language.
We’ll also look at a sample solution to the challenge set at the end of instalment 83, but unusually, we’ll do that after our look at arrays.
You can download this instalment’s ZIP file here (now via the JSDelivr CDN). If you prefer, you can access this instalment’s resources directly at the following links:
-
pbs85a.html
:
View Page or
View Source -
PBS 83 Challenge Solution:
View Page or
View Source
Oct
19
PBS 84 of X — Objects as Dictionaries in JavaScript (Redux & Update)
Filed Under Software Development, Computers & Tech on October 19, 2019 | 2 Comments
As we near the end of our initial exploration of client-side web technologies I want to re-visit some key JavaScript features so cement what we already know, and add some new features brought to the language in more recent releases of the ECMA standard that underpins JavaScript.
Since objects are so ubiquitous in JavaScript I want to start there, and I want to start with their most fundamental use, as so-called dictionaries.
You can download this instalment’s ZIP file here.
Oct
4
PBS 83 of X — Bootstrap Cards
Filed Under Software Development, Computers & Tech on October 4, 2019 | 1 Comment
In this instalment we’ll finish our first exploration of Bootstrap 4 with a look at one its most versatile components, the so-called Card. This is one of those components that’s so generic it’s hard to describe, but once you learn about it you’ll start seeing it all over the web. Cards really are ubiquitous!
It’s important to stress that while we’re wrapping up our exploration of Bootstrap 4 with this instalment, that does not mean we’ve come close to covering every feature this impressive library offers. Instead, the aim was to cover the big-picture items, and leave you with enough experience to be able to learn the rest independently by reading Bootstrap’s excellent documentation.
You can download this instalment’s ZIP file here.
Sep
21
PBS 82 of X — Async & Await
Filed Under Software Development, Computers & Tech on September 21, 2019 | Leave a Comment
In this instalment we finish our exploration of promises with a look at the two new promise-related keywords added to JavaScript in ES 2017. These keywords allow us to write asynchronous code in a more human-friendly way.
You can download this instalment’s ZIP file here.