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

Open post

CCATP #467 – Bart Busschots PBS 26 – HTML Data Attributes with jQuery

Bart Busschots is back with another installment of Programming By Stealth. In this week’s episode we wake Allison up from her long winter nap away from programming and continue our work on our JavaScript clock. The goal is to create a better API for our clock so that we can publish it and have it be used by others. My personal goal is to have a secure clock I can display on http://podfeet.com/live so that you know when it’s coming up on 5pm at my house and hence time for the NosillaCast Live. In order to achieve this goal, we need to learn how to add data attributes within html, and ithen change those attributes using jQuery. Dust off your memories of prototypes and screw your propeller beanie on tight for this one!

Link to the full tutorial is available at bartbusschots.ie/…

itunes
mp3 download

Open post

CCATP #465 – Bart Busschots Programming By Stealth 25 – Case Study of a JavaScript API

PBS_Logo.pngBart gave me another two weeks to get my homework done on Programming By Stealth and brings us a case study of how to create a JavaScript API on Github. He uses a real life example of a small, open source library he released over the weekend called barfificer.linkTookit.js. This library includes many of the bits and pieces we’ve been working on in Programming By Stealth, how to add a rel of no opener on all links with a target of _blank (the ones that open in a new tab) and adding a little icon in the url to politely tell the reader that you’ll be navigating away from the page you’re on. It’s a great lesson in the structure of how Github works and even more importantly how it automatically creates beautiful documentation from Markdown comments in the code.

itunes
mp3 download

Open post

CCATP #461 Bart Busschots Programming By Stealth 24 – Creating a JavaScript API

PBS_Logo.pngIn this week’s installment of Programming By Stealth, Bart teaches us how to create a JavaScript API up to and including an easy way to create professional documentation in order to publish our work as a JavaScript library. In order to get there we learn how to write reusable and sharable code, how “closures” help you keep your variables out of the global scope so they don’t mess up other people’s code, we learn one Ternary Operator), and my favorite, self-executing anonymous functions.

Apologies for getting the episode number wrong in the audio – I said it was #460 when it’s actually #461.

You can find Bart’s tutorial we follow in this episode at bartbusschots.ie/….


itunes
mp3 download

Posts navigation

1 2 3 4