Open post

CCATP #492 Bart Busschots – PBS 36 of x – More HTML Text Input | More Cellular Automata

Chit Chat Across the Pond this week is another episode of Programming By Stealth with Bart Busschots. I’m very proud of the fact that I completed my homework, writing a program from scratch that passed all of the tests written by Bart. It took me 12 hours, and nearly 4 hours of Dorothy’s time helping me do it, but I got ‘er done. In this installment, 36 of x, we learn some more HTML, specifically about all the cool things the input tag can do, like creating invisible forms which is just weird but also very cool. The challenge this week is a flip on last week. This week Bart has written the next bit of code for us and we have to create the tests. It’s as challenging as all the rest but it’s just as fun. And of course you can find Bart’s fabulous tutorial show notes at bartbusschots.ie/…


mp3 download

Open post

CCATP #487 – Bart Busschots PBS 35 of x – HTML Text Input | Introducing ‘Life’

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.

Finally, we make a start on what will be an on-going project. The idea is to combine our understanding of HTML, CSS, JavaScript, jQuery, and QUnit to implement a zero-player with a really cool computer science back-story.

And as always Bart’s full written tutorial is available over at bartbusschots.ie/…


mp3 download

Open post

CCATP #484 – Bart Busschots PBS 34 of x – More JS Testing with QUnit

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/….

itunes
mp3 download

Open post

CCATP #482 – Bart Busschots Programming By Stealth 33 of x – JS Testing with QUnit

In this installment of Programming By Stealth, Bart FINALLY lets us start learning Test Driven development, or TDD. He shows us how to use a free and open source tool called QUnit, made by the fine developers of jQuery, to analyze our test code. It’s something I’ve been itching to learn more about, ever since listener Jill tipped us off to the concept. It’s a really fun episode where everything kind of comes together. Hope you enjoy it as much as I did. As always, Bart’s excellent written tutorial for the episode can be found at bartbusschots.ie/….

itunes
mp3 download

Open post

CCATP #480 – Bart Busschots Programming By Stealth 32 JS Error Handling Revision | HTML Selects

This week Bart and I put the finishing touches on our Date and Time prototypes, then we use those very JavaScript prototypes with HTML forms, we learn bout JavaScript error handling (including throwing and catching errors) and the we start manipulating HTML Selects with jQuery. If that sounds as fun to you as it was to me, check out Bart’s full detailed show notes at bartbusschots.ie/….

itunes
mp3 download

Open post

CCATP #478 – Bart Busschots on PBS 31 of x – JS Static Functions | Checkboxes & Radio Buttons

Bart and I may have broken a record on Chit Chat Across the Pond this week. We went through so much material in Programming By Stealth that this show runs 100 minutes! The funny thing is that I wasn’t ever bored, it was all really interesting. We started by going over last time’s JavaScript challenge where I made some mistakes but node.js saved me so I didn’t realize I’d entirely missed the point. I’m still getting the hang of that object thing. The we learned one final new concept related to JavaScript prototypes: static functions. The we finished that we went over to the html side and learned how to make forms, checkboxes and radio buttons. Not nearly as mentally challenging as JavaScript to be sure, especially since you can see the changes right on screen when you mess with them. Speaking of messing with them, Bart teaches us how to use jQuery to find out what our buttons and checkboxes say and to change them. He does this all with particular attention to using ARIA to ensure our html is accessible.

As always you can find his excellent tutorial to follow along at bartbusschots.ie/….

itunes
mp3 download

Open post

CCATP #476 Bart Busschots PBS 30 – Comparing JS Objects | Introducing WAI-ARIA

Bart continues his current dual path of teaching. We learn how to compare JavaScript objects (spoiler, you can’t use == or === to do it). After that he teaches us how using WAI-ARIA as we develop our code will make it accessible to screen readers and other assistive devices. We don’t do any real coding in this section; instead he explains the foundation for what we’ll be doing in the future.

Bart’s tutorial and full show notes are at bartbusschots.ie/…

itunes
mp3 download

Open post

CCATP #474 Bart Busschots PBS 29 – JS Prototype Revision | Glyph Icons

I don’t want to jinx anything here, but I feel like I’m finally starting to “get” this JavaScript programming thing. In this episode of Programming By Stealth, Bart starts by talking about how we solved the challenges from last week, getting rid of “bad smells” by learning how to reuse our code. Then Bart teaches us about another bad smell, where inadvertently point two variables point the same object and he teaches us about the clone function to eradicate that problem. With that bite-sized JavaScript lesson behind us, he takes us forward into learning about Glyph Icons, a way of having scalable icons on our web pages instead of pixel-based icons. He introduces us to Font Awesome tool to get free access to (awesome) scalable glyph icons. The full tutorial is available at bartbusschots.ie/….

itunes
mp3 download

Open post

CCATP #472 – Bart Busschots PBS 28 – CSS Attribute Selectors & HTML Buttons

In this week’s installment of Programming By Stealth, Bart teaches us about how to change the look of HTML buttons using their CSS attributes. It’s great fun, but I have to confess we don’t actually get to the new stuff till over an hour into the show! We had so much fun going through the homework from last time that we lost track of time. I was so excited because I’d worked really hard on my homework this time and was able to actually conquer the first two parts (with some help from my friends) but I did struggle a bit with the third piece where I had to assemble them together. Anyway, we decided it’s ok if you skip ahead to the CSS parts if you like; it starts at an hour and six minutes in.

As always the full written tutorial with examples is at bartbusschots.ie/…

itunes
mp3 download

Open post

CCATP #470 – Bart Busschots PBS 27 – Introducing HTML Forms

On this week’s continuing series Programming By Stealth, Bart introduces us to HTML forms in order to take user input. It’s a pretty basic installment so not as head bendy as they have been lately. He also gives us some more repetitive homework to get more practice creating and using prototypes and accessor methods. The full written tutorial can be found at bartbusschots.ie/….

itunes
mp3 download

Posts navigation

1 2 3 4