In this episode of Programming By Stealth, Bart ties up the last of the loose ends related to web forms. He teaches us about form events, which are critical to making our web forms not only accessible to screen readers but to allow our users to tab around to the different fields and interact with them without using a mouse. We learn about the keypress event and learn what it means for 31 to be the space key.
In a shocking turn of events, I actually followed all of Programming By Stealth this week! Bart walked us through his solution to last week’s HTML5 Forms Validation homework, and in so doing highlighted some especially clever things he did. I was pretty pleased with my own version of the homework, and in fact, Bart gave me a gold star for one thing I did. Bart also explains how he used CSS to make his form even more readable.
In the second half of the episode, he shows how to use jQuery to improve the forms even more. He demonstrates how certain requirements cannot be met with the built-in forms validation and how we can use jQuery instead. I loved this episode because it tied in our knowledge of jQuery back to HTML forms.
In this installment, Bart walks us through a little bit of how he wrote his Test Driven Development with QUnit for the Bartificer Link Toolkit. Bart even explains how it helped him find a couple of pretty major bugs in his own code, proving how important this is. Then we’ll move on to formatted sub-sets of text like numbers, email addresses and so on.
In this installment of Bart’s Programming By Stealth series, we review our test code using QUnit, and then learn how to use QUnit to test our code within a real browser page. We do that using the API we built together, the Bartificer Link Toolkit that identifies external links on a web page, makes them open in new tabs, adds the tag rel=noopener, and adds a cute icon to identify them as external links. As always Bart’s terrific written tutorials and downloadable examples are available at bartbusschots.ie/….
In this installment of Programming By Stealth, we’re working towards our first truly practical assignment in the series – a function that finds all links on a page, and if, and only if, they lead to an external page, alters them to open in a new tab, and appends an icon indicating that fact. Bart’s amazing full on tutorial is over at bartbusschots.ie/…. I also mention a fun little jQuery Easter egg, which you can find at citymapper.com. Just follow the link and open the console on your favorite browser and you’ll find a text based adventure game!
Allister Jenks joins us to talk about how he uses programming as a hobby and as a tool for solving problems.
In his always delightful way, he talks about early experiences programming and how they sparked such joy in him. We’re talking a TRS-80 clone here and a programmable calculator! He tells the story of how just last week he and I were talking about the relative weights of the iMac models vs. their screen dimensions and how he solved the ratio equations using Swift.