Programming By Stealth is a collaborative series created by Bart Busschots and Allison Sheridan, as part of the Chit Chat Across the Pond podcast. If you would like to subscribe to this podcast without the “Lite” version of Chit Chat Across the Pond, use this Apple Podcasts Link or paste this link into your podcatcher of choice:
This week’s Programming By Stealth was great fun. Bart Busschots teaches us how to create a web form using the Bootstrap classes to do the job. He explains how Bootstrap literally insists that we make our code accessible, and how sensible it is to just that. We learn the importance of Form Groups, and how Checkboxes and Radio Buttons are a slightly different type of input to a form and so have their own Bootstrap class. It’s great fun and the challenges look like fun too.
At the end of the episode I added what Bart likes to call a Palate Cleanser. I’ve been following a woman named Samantha Ming on Twitter and samanthaming.comw where she posts fun little CSS and HTML tricks. I learned how to make the caret on an input field blink in pink, and how to make regular HTML text on a web page be editable.
Bart’s tutorial for this episode is available at www.bartbusschots.ie/…
In this week’s installment, Bart explains how to create two simple Bootstrap components, the Jumbotron and badges. A Jumbotron is a show-case area at the top of a website’s front page that shouts out the site’s main message and usually has a call to action. Badges are the little bubbles next to titles or within buttons that contain extra information. Often they contain a number, such as number of unread messages, or a short phrase like “New!” or “Best Value”. It’s a pretty easy lesson and the homework looks fun too as we figure out how to add badges to count the number of open alert windows and add a Jumbotron to our work.
You can get Bart’s full written tutorial at bartbusschots.ie/…
Bart takes us back to Bootstrap content, now that we know all about breakpoints. He never told us when we were looking at things like margins and float and the display tag that they are also breakpoint-aware, because we didn’t know about breakpoints yet. It’s an easy lesson and it’s great fun to learn more about how responsive design is done with Bootstrap.
You can follow along with the audio with Bart’s awesome tutorials at bartbusschots.ie/…
In this week’s installment of Programming By Stealth, Bart Busschots explains Bootstrap breakpoints. Breakpoints allow the designer to define how a web page reacts depending on the size of the viewer’s screen. He explains how through some very simple Bootstrap classes, we can allow a semantic tag to be in the “correct” order for screen readers and search engines, and yet have the layout be visually appropriate across all screen sizes.
Follow along with Bart’s detailed tutorial shownotes at bartbusschots.ie/…
Things take a turn for the mind-bendy in this installment about Bootstrap as Bart Busschots explains the Bootstrap Grid. He teaches us how containers have rows, rows have columns and the number 12 is really important. In the end, he leads me to understanding but it was a bit of a bumpy road getting me there. You’ll probably swim right through it without difficulty because of Bart’s fabulous shownotes at bartbusschots.ie/…. If you appreciate the work Bart puts into Programming by Stealth, consider supporting him through Patreon or Paypal by going to lets-talk.ie.
We continue learning about how to style our HTML with Bootstrap as we take a look at styling images, figures, and tables. These Bootstrap classes are really easy to use and make such a difference in the look and feel. You can find Bart’s tutorial shownotes and the downloads at bartbusschots.ie/….
We finished learning the Bootstrap Utilities last time so this time we get to start learning about continue to learn about Bootstrap moving on from the Utilities into Bootstrap Content. Content is kind of an odd word; it means Bootstrap’s styling of regular HTML tags for things like headers, paragraphs, lists and tables. We have a lot of fun playing with our recipes in this episode, learning how to easily style them to be much prettier. Bart’s fabulous tutorial shownotes are at bartbusschots.ie/…
In this week’s episode of Programming By Stealth, Bart Busschots takes us through the last bit of the Utilities for Bootstrap 4. We’l refer to the WABAC Machine (kids, ask your parents about Sherman and Mr. Peabody) to installments 8 and 9 comparing positioning with CSS vs. Bootstrap. Thenwe’ll learn about sizes and float utilities, Flexbox utilities, and Screen Reader utilities. It’s great fun and of course Bart has his excellent companion tutorial at bartbusschots.ie/… and you can find Dorothy’s awesome index of all things Programming By Stealth at podfeet.com/blog/pbs-index.
We’re finally back to a new episode of Programming By Stealth after a few weeks chatting with different things like GDPR and DNS with Bart Busschots. In this installment, Bart starts explaining the Utilities available in Bootstrap. We’ll learn how easy it is to use the pre-built CSS styles in Bootstrap to color text, add borders, spacing, text alignment and fonts all with semantic phrases that actually make sense! In an odd bit of luck, Bootstrap had been updated and Bart’s code didn’t reflect the new version. In most shows, this would be a problem but the change allowed Bart to walk me through how to figure out what was wrong and how to access the Bootstrap documentation to fix it. The best way to learn something is to break it first, or at least Bart and I feel that way.
Bart’s most excellent shownotes are at bartbusschots.ie/…
The link to Bart’s tutorial for this episode is at bartbusschots.ie/…
As our last episode of Programming By Stealth before our spring break, Bart wraps up our Cellular Automaton. He goes through his solution to the PBS 49 challenge first, and then he walks us through three examples of how a user could produce three different representations with our code. He demonstrates how to build a Conway Game of Life, the Maze Rule, and Brian’s Brain. It’s fun to see it all wrapped in a bow ending this long project. We’ll be back on March 31st with a whole new project.
Bart’s full tutorial shownotes are at bartbusschots.ie/…
This week Bart and I celebrate 50 episodes of Programming By Stealth. As Bart points out, we’ve been at this for two years now. I’m so happy he’s stuck with me on this and he says he’s got literally years of material yet to go. To commemorate this occasion, Bart got the crazy idea to build a web app live on video. We used a YouTube Live Hangout on Air while he shared his screen. He started with a blank canvas and when he was done we had a working web app. The video is probably a better experience but the audio is supplied for those who prefer it. We did try to narrate what was going on to help with the audio.
You can find the download of Bart’s final file at bartbusschots.ie/…
Bart’s tutorial for this lesson is at bartbusschots.ie/… starting where he inserted the line, “Note: This is the point in the notes where the first podcast episode ends and the second begins.”
In this week’s episode of Programming By Stealth, Bart had intended to work on improving our Cellular Automata, but we ended up spending a lot more time on reviewing the challenges from last week that we stopped before getting to the new stuff. The good news is that we’re going to do the Cellular Automata improvements in only one week (it will be PBS 49B), and we have no homework for the week! As always, Bart’s excellent tutorial shownotes are available at bartbusschots.ie/….
In this installment of Programming By Stealth, Bart teaches us about inheritance (relationships between classes) and polymorphism. Now he said polymorphism is a concept that throws most first-level college students, but in an odd twist, I didn’t find it confusing at all! Plus, he lets us play with cows, ducks and turkeys in his example so it’s loads of fun.
We also have a great new study tool created by Dorothy, aka MacLurker. She created an index of terms so you can jump right to the blog post where Bart talked about the term. I’ve been using it and it’s grand! You might want to bookmark podfeet.com/blog/pbs-index.
As always, Bart’s most excellent written tutorial is available at bartbusschots.ie/….
Bart’s excellent written tutorial for this installment is available here: bartbusschots.ie/…
In this week’s Programming By Stealth, Bart starts by actually giving me credit for leading him to rethink his strategy on the use of
let. He was nudged along in the strategy by the most awesome Jill.
As always, Bart’s detailed tutorial is available at bartbusschots.ie/…
Detailed tutorial for the podcast is available at bartbusschots.ie/…
var and replace it with
const. He explains the value of these new terms (and the problems they solve!)
Bart’s full tutorial is available as always at bartbusschots.ie/…
As always Bart’s amazing tutorial for this episode is available at: bartbusschots.ie/…
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.
Bart’s excellent tutorial is at over at bartbusschots.ie/…
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.
Bart’s most excellent written tutorial can be found at PBS 40 of x – HTML5 Custom Validations with jQuery on bartb.ie.
This week Bart Busschots joins us to talk about HTML Form Validation. We’ll get back to our Cellular Automata next week. Bart has also decided that we’re going to get our feet a little bit yet by using GitHub where we’ll be getting the challenges and solutions from now on. You can see Bart’s awesome tutorial at bartbusschots.ie/…
We finally reached 500 episodes of Chit Chat Across the Pond (episode 499 will be next week) so who better to have on the show than Bart Busschots who started it all?
It was a lot of fun and I hope you enjoy this refresher episode as much as I did. Of course Bart’s fabulous written tutorial is available at bartbusschots.ie/…
I’ve been asking Bart a lot of questions in the back channel as I struggle to understand the documentation he has provided in our latest few sessions of homework assignments. He had an epiphany last week that he had never explained the documentation methods itself, which was certainly adding to my confusion.
He decided to take a step back and explain step by step using video. He created a video screencast of the entire process of creating documentation using JSDoc. Then during the audio recording you’ll hear in the podcast, he walked through it again while I asked him (lots of) questions. Hopefully it will be as eye opening to you as it was to me. He also demonstrates his favorite tools for the process.
You can find Bart’s blog post with the embedded video screencast at bartbusschots.ie/…
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/…
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.
And as always Bart’s full written tutorial is available over at bartbusschots.ie/…
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, 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/….
As always you can find his excellent tutorial to follow along at bartbusschots.ie/….
Bart’s tutorial and full show notes are at bartbusschots.ie/…
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/…
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/….
Link to the full tutorial is available at bartbusschots.ie/…
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/….
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!
Using a Screen Reader? click here
If you’d prefer the audio, of course that’s still available in the Podcast feed or directly below.
Using a Screen Reader? click here
If you’d prefer the audio, of course that’s still available in the feed or directly below.
A few lessons back I suggested an enhancement to the series. At the risk of being labeled as teacher’s pet, I asked him to assign homework to us, or as he likes to call them, challenges. He came up with the challenges, but they’ve been really hard for me. (more…)
During this episode we briefly mention a wonderful email from Jill about factorials and more. I wanted to include the full letter in the shownotes here because it contains some wonderful explanations, especially an even better explanation of strongly vs. weakly-typed languages. Here’s Jill’s entire letter:
Hi, me again
I think there’s a concept you haven’t quite grasped in PBS, and that’s types. I know you’ve mostly got it, but I think perhaps I might be able to help unconfuse you on a few edge cases.
Bart’s full tutorial is available at bartbusschots.ie/….
And as always, here’s a link to Bart’s terrific tutorial for the episode: bartbusschots.ie/…
And as always, here’s a link to Bart’s terrific tutorial for the episode: bartbusschots.ie/….
The entire tutorial is available here: bartbusschots.ie/….
If you want to know why there are pig faces in this image, check out the latest installment of Programming By Stealth from Bart Busschots. He takes me through four new CSS methods to style lists, he teaches me more CSS selectors, and then we get to play with pseudo-classes. It’s great fun and I think I actually understood most of it! As always with the Programming By Stealth series, it’s highly recommended that you follow along with Bart’s amazing tutorial here:
Buckle up everyone – in this Installment of Programming By Stealth, Bart will dig in deep on explaining how to position the blocks we’ve learned about before onto our web page using CSS. It’s a tough hill to climb but Bart stays patient with me till I THINK I’ve got it!
You can find Bart’s amazing tutorial at bartbusschots.ie/….
Bart Busschots joins us again for part 7 of his series Programming by Stealth. In this instalment we’ll build on our basic understanding of CSS from previous instalment. We’ll start with some new CSS selectors, in the process, introduce two new HTML tag attributes, then we’ll move on to the CSS box model. Each HTML tag is represented in the page as a box, and all those boxes can be manipulated with CSS.
Find Bart’s detailed tutorial at bartbusschots.ie/….
In the 6th installment of Bart Busschots’ Programming by Stealth series, he introduces the concept of CSS to allow us to format our html pages. He gives us an overview of terminology, explains the different ways to add CSS to an HTML document, explains the basic syntax, and finally gives us some examples of text attribute changes. You can find his detailed shownotes at bartbusschots.ie/….
Also note that he’s now created a short url for us to be able to see all of the Programming By Stealth tutorials all in one place (along with an adorable logo) at http://bartb.ie/pbs.
In this week’s episode of Chit Chat Across the Pond we have Bart Busschots with another installment of Programming by Stealth. He covers the syntax for images and links in HTML and the attributes you can apply and more importantly why you should apply them. He promises that with the first 5 episodes under our belts we’ll be ready to move on to understanding CSS, or Cascading Style Sheets. You can read along with his detailed tutorial and download the example files at \bartbusschots.ie/s/2015/12/27/programming-by-stealth-5-of-x-images-links/.
In the previous installment Bart introduced us to the concept of block-level tags, and in-line tags. Block level tags define blocks of text like headers, paragraphs and lists, and starting a new block-level tag generally starts a new line in the page. Inline tags on the other hand effect a part of a block, and opening an inline tag generally doesn’t start a new line. In the previous installment we looked at some of the most important block-level tags, in this installment we’ll look at some of the most common in-line tags.
Follow along with Bart’s written tutorial at bartbusschots.ie.
In this week’s Chit Chat Across the Pond Bart Busschots takes us through Programming By Stealth Part 3 of X – HTML Block Elements. In the previous instalment we introduced HTML, learned about HTML tags in the abstract, and looked at a basic template for all HTML pages. Over the next few instalments we’ll be working our way through the common HTML tags.
Full written tutorial is available at: bartbusschots.ie/s/2015/11/05/programming-by-stealth-part-3-of-x-html-block-elements/
Bart Busschots is back with episode 2 of his Programming By Stealth series. He’ll take us on our first baby step towards programming by explaining how the Hyper-Text Markup Language works, better known to us all as HTML. HTML is not a true programming language, it is instead a simpler beast known as a markup language – it adds context to text.
Bart’s companion tutorial can be found on his website at bartbusschots.ie/s/2015/10/23/programming-by-stealth-2-of-x-basic-html.
It’s that time of the week again, it’s time for Chit Chat Across the Pond and this is episode 407 and I’m your host, Allison Sheridan . If you’re new here, Chit Chat Across the Pond has been an embedded part of the weekly show, the NosillaCast, since November 25th, 2007. I just decided to spin off Chit Chat Across the Pond as it’s own show and the feedback I’ve gotten from NosillaCast listeners has been overwhelmingly positive.
Chit Chat Across the Pond began as a weekly segment with Bart Busschots in Ireland (hence the pond bit) but over the years it has morphed into every other week with Bart, and the other every other week with me talking to someone I find interesting in tech. We’ve had some fabulous guests on in the past 8 years and I’ve got a long list of folks I still want to talk to so expect this series to go on as long as the NosillaCast.
All of that preamble is my way of saying we’re here with Bart Busschots where he’s starting a new series he’s calling Programming By Stealth. This episode originally aired as part of NosillaCast #544 on October 12th 2015, but I wanted it to be included in the standalone Chit Chat Across the Pond series. By the way, f you’re wondering what happened to Bart’s Security Lite segment, it’s staying with the NosillaCast.
The written tutorial that accompanies Bart’s Programming By Stealth – 1 of X can be found at bartbusschots.ie/s/2015/10/09/programming-by-stealth-1-of-x-introduction/.
I am NOT happy with my Apple products this week. From an iPhone that had to be restored to factory settings, to an iPad with a dying battery down to an Apple Watch that restarted in German, it’s not been a happy week. I try to answer the question of whether these new plans by AT&T, Verizon and Apple are a good deal to get a new iPhone each year. I did a lot of research, read terms and conditions, even called Apple on the phone to make sure my math was sound so you might want to check out the spreadsheet. The research was meant to help you understand the options, not to tell you what the right answer was for you and your family. in Dumb Question Corner Lynn asks whether there’s a way to encrypt her Time Machine backup without starting over and losing her history and Bart gives her a great answer that extends to other backup services as well. In Chit Chat Across the Pond Bart introduces a new series called Programming by Stealth with episode 1 of X.