Programming By Stealth
180 episodes - English - Latest episode: 29 days ago - ★★★★★ - 14 ratingsA collaborative project between Bart Busschots and Allison Sheridan to sneak up on real programming in small easy steps, using the allure of the web as the carrot to entice people forward.
Homepage Apple Podcasts Google Podcasts Overcast Castro Pocket Casts RSS feed
Episodes
PBS 78 — is.js & Bootstrap Popovers
May 18, 2019 03:07 - 1 hour - 41.8 MBBart Busschots and I both had a great time doing the challenge this week. In this week's installment Bart takes us through his homework not in a detailed step-by-step method, but rather he goes through some major structural ways he created his code. He digs deep enough to explain why but it's a great lesson on building code that's easier to debug and more fun to write. I got to be the tester of his code, and as I suggested improvements he decided he needed to use Bootstrap Popovers. He wa...
PBS 77 of X — More Callbacks & More AJAX
May 05, 2019 04:47 - 1 hour - 41.3 MBBart Busschots starts this week's episode with a great refresher on what a callback actually is (because I have remained mystified by the term). He starts with simple examples and then shows us how we've been using callbacks all along and just didn't realize it. Then he'll walk through the challenge solution and the extra credit. He shows us how there's two paths to "callback hell", one through nested AJAX calls in parallel, and one with them in series (which sounds worse than it actually is...
PBS 76 of X - AJAX with jQuery
April 23, 2019 02:46 - 1 hour - 45.3 MBIn this week's episode, we have another in our series Programming By Stealth with Bart Busschots. We'll spend the majority of our time talking about Bart's solution to last week's challenge. It's a great refresher on the methods he's taught us in the past, all rolled together with our newfound skills with Mustaches and templating. Then we'll get a start on using AJAX with jQuery and what sounds to me like a relatively easy challenge … except for that extra credit bit. Bart's extensive tu...
PBS 75 of X - AJAX Intro
April 08, 2019 02:52 - 1 hour - 35.3 MBIn this episode of Programming By Stealth we get the foundation to start learning about AJAX. Bart gives us an overview of HTTP that is really interesting. I learned so much that I didn't know about what you can see in a URL. I know this sounds super nerdy but I loved learning about query parameters and HTTP methods and even HTTP request headers and cookies.
PBS 74 of X - More Mustaches
March 24, 2019 23:38 - 37.7 MBIn this week's Programming By Stealth, Bart Busschots teaches us the last two concepts in Mustache, one of which is a real head bender and for me at least, the second was almost as hard. The first is how you can add an optional third argument to a Mustache view which is actually a function within a function. It's a very meta concept. The second is the use of Mustache Partials which are templates within templates. I expect you'll follow along faster than I did but I _think_ I got there in ...
PBS 73 of X - Mustache Templates
March 10, 2019 20:19 - 1 hour - 40.7 MBIn this installment of Programming By Stealth, Bart Busschots teaches us about Mustache Templates. Mustache Templates are a library that allow you to input any string and output a string. Unlike the ```template``` tag for HTML5, Mustaches are not restricted to HTML snippets. Mustache isn't the only game in town but it's Bart's favorite. I found this lesson fairly confusing along the way but when I got to the very end I think I understood it all! There was a key point in his instruction when ...
PBS 72 - HTML5 Templates
February 24, 2019 01:44 - 1 hour - 30.6 MBLast time Bart teased us that we were going to learn about the template library called Mustache, but he realized that he needed to teach us about vanilla HTML 5 Templates first. He starts by showing the problem to be solved: how messy and error-prone it is to create HTML elements using jQuery. Then he shows us how templates allow you to create multiple elements via cloning of the templates. The syntax is quite annoying, but I think once we get used to it, it will be pretty easy and efficient ...
PBS 71 of X - Bootstrap Spinners
February 10, 2019 15:53 - 1 hour - 46.6 MBIn this week's installment of Programming By Stealth, Bart Busschots spends most of the time walking us carefully through each of the methods he used to solve the challenge from last time. He does a great job of reminding us of things we've learned, in some cases more than a year ago, and showing how they were applied for this particular problem. I'm quite proud of one little thing I discovered that Bart didn't know had been introduced in HTML 5. After he's done walking through the challeng...
PBS 70 - Bootstrap Modals & Toasts
January 28, 2019 23:28 - 1 hour - 41.6 MBIn this week's Chit Chat Across the Pond, Bart Busschots is back with another installment of Programming By Stealth. We'll shift gears a bit away from web pages to web apps as we explore the usage and code behind Bootstrap Modals and Toasts. It's a combination of HTML, Bootstrap for styling and JavaScript for actions so it flexes all of our programming muscles. We wanted to give a special shoutout to Caleb Fong, aka @GeekoSupremo for posting a link in the Podfeet slack to a fabulous cheat...
PBS 69 of X — Bootstrap Navbars
January 14, 2019 01:57 - 1 hour - 29.9 MBIn Chit Chat Across the Pond we are finally back to a Programming By Stealth episode. In this installment, Bart teaches us how to create navigation bars in Bootstrap. We learn how to make them collapse and expand to different device screen sizes and how to style them to look nice. We learned how to add branding and how Bootstrap makes it do logical things. It was an extraordinarily easy lesson because Bootstrap makes it that easy. You can find Bart's tutorial shownotes for this episode at...
PBS 68 of X - Bootstrap Navs
December 16, 2018 01:50 - 1 hour - 35 MBIn this week's installment of Programming By Stealth, Bart Busschots introduces us to how Bootstrap will help us create navigation in websites or web apps. This is using what Bootstrap calls the Nav component. As always we'll learn how to style the navigation using Bootstrap Pills and Tabs. Then we'll take it up a notch and learn about Bootstrap Panes and how to reveal them within Bootstrap Tabs. As always, Bart's fantastic tutorial can be found at [www.bartbusschots.ie/...](https://www.b...
PBS 67 of X - Bootstrap Dropdown Menus
December 02, 2018 19:51 - 1 hour - 27.7 MBIn this week's installment of Programming By Stealth, Bart Busschots takes into the land of Bootstrap dropdown menus. He explains the differences between dropdown and selects in HTML, and how there's two different kinds of dropdowns - menus and navigation. The descriptions of how to make the Bootstrap dropdowns takes a while, but when he puts the pieces together, the code is quite sensible. With any luck at all, I _think_ I have added chapter marks to the show to let you jump from the intr...
PBS 66 of X - Bootstrap Form Validation
November 04, 2018 01:27 - 1 hour - 43 MBHTML 5 gives us form validation for free, but it's not very nuanced. In this installment of Programming By Stealth, Bart will show us how to use Bootstrap to make our form validation a little less shouty and more useful for the viewer. He shows us how to take a little control, how to take a lot of control and how to take supreme control. That last bit scared me when he introduced it but he does a fantastic job of breaking down the building blocks for us. He builds up the form validation in l...
PBS 65 of X — Bootstrap Input Groups
October 22, 2018 01:17 - 1 hour - 27.6 MBChit Chat Across the Pond this week was Programming By Stealth installment 65 of X. This time Bart takes us through Bootstrap Input Groups. These are really cool. Think about a form that has information you have to fill in, but you're never sure what they're asking for. If they ask for money, what currency do they mean? Are you supposed to include the numbers after the decimal or not? With Bootstrap input groups you can put little symbols or words before or after the input field to make it ...
PBS 64 - Bootstrap Form Layouts
October 05, 2018 14:07 - 56 minutes - 25.9 MBIn this Programming By Stealth episode of Chit Chat Across the Pond, Bart Busschots teaches us about three more types of Bootstrap Form Layouts. It's not too tough of a lesson and we had a lot of fun working through the lesson. You can find Bart's full written tutorial at bartbusschots.ie/.... Support Bart on Patreon!
PBS 63 of X — Bootstrap Buttons
September 23, 2018 23:05 - 1 hour - 31.4 MBThis week in Programming By Stealth, Bart Busschots and I spend a fair amount of time going over the homework challenge from PBS 62. The nuances combined with some refresher on how the pieces fit together was something I really needed so hopefully I wasn't alone. The new part of the episode is dedicated to the all-important Bootstrap Button. We'll learn how to turn things into buttons and why you might want to do that, and we'll learn how to make Button Toolbars which are really slick and ...
PBS 62 of X — A Basic Bootstrap Form
September 16, 2018 02:32 - 1 hour - 32.6 MBThis 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 th...
PBS 61 of X — Bootstrap Jumbotrons & Badges
August 30, 2018 17:35 - 51 minutes - 24 MBIn 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...
PBS 60 of X - Bootstrap & jQuery
August 13, 2018 18:10 - 1 hour - 30.3 MBIn this week's installment of Programming By Stealth Bart introduces us to Bootstrap Components how we can use jQuery to extend Bootstrap. This is the first baby step into JavaScript with Bootstrap. I'm glad Bart started slowly because my JavaScript muscles are just a bit stiff and dusty. You can find Bart's tutorial over at bartbusschots.ie/.... Please consider supporting Bart's work on Patreon.
PBS 59 of X — More Bootstrap Breakpoints
July 29, 2018 01:30 - 50 minutes - 23.5 MBBart 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/...
PBS 58 of X - Bootstrap Breakpoints
July 15, 2018 14:19 - 29.9 MBIn 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 ...
PBS 57 of X - the Bootstrap Grid
July 01, 2018 02:52 - 1 hour - 37 MBThings 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 a
PBS 56 - More Bootstrap Content
June 16, 2018 23:49 - 26.8 MBWe 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/....
PBS 55 - Bootstrap Content
June 03, 2018 03:18 - 1 hour - 27.9 MBWe 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 bartbusschot...
PBS 54 of x - More Bootstrap Utilities
May 20, 2018 00:46 - 1 hour - 35.2 MBIn 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 ...
PBS 53 of X — Bootstrap Utilities
May 06, 2018 01:09 - 58 minutes - 27.4 MBWe'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 re...
PBS 52 - Introducing Bootstrap 4
March 31, 2018 23:40 - 1 hour - 31.5 MBWe're finally back after spring break, and we're going to be moving on from JavaScript while we learn about Bootstrap. Bootstrap is a set of open source libraries which provide pre-built foundations for creating responsive and good looking websites. It's an easy episode with easy and fun homework I think you'll enjoy. Before we got started I talked about a fantastic post Will (aka @beiju) wrote to me to help me understand JavaScript objects better. If you've been struggling like I have o...
PBS 51 - Cellular Automata Wrap-up
March 04, 2018 00:48 - 1 hour - 33.5 MBAs 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....
PBS 50 - Building a Web App on Video
February 18, 2018 18:53 - 2 hours - 56.6 MBThis 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 e...
PBS 49B of X - Object Revision & Improving Our Cellular Automata
February 11, 2018 03:18 - 1 hour - 49.9 MBAs promised last week, Bart Busschots brings us the second half of Programming By Stealth 49. We start by going through a lot of revision on JavaScript objects. It's really great to have all of this all in one place, and I got to ask a few questions that have been bugging me for a long time. I understood every bit of this and really enjoyed it, but I'm not going to lie, his little 6-part test after the revision baffled me a bit. But after we slog through that part, Bart gets us back on trac...
PBS 49A of X - Challenges from PBS 48
February 04, 2018 00:46 - 58 minutes - 27 MBIn 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/....
PBS 48 of x – A Closer Look at ‘this’ and ‘static’
January 21, 2018 00:16 - 1 hour - 42.5 MBBart decided to take a closer look at the JavaScript keywords 'this' and 'static' and boy am I glad he did. He said it was the hardest lesson he's put together so far. It's a convoluted topic but he gives great explanations as always. You can find his tutorial at bartbusschots.ie/...
PBS 47 - ES6 Polymorphism
January 07, 2018 02:07 - 1 hour - 38.2 MBIn 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 b...
PBS 46 - ES6 Spread Operator, Arrow Functions & Classes
December 22, 2017 01:40 - 1 hour - 30.3 MBIn this installment of Programming By Stealth, Bart adds one more thing to the list of changes to arrays, and that's the spread operator. Then we'll learn how to get rid of the "const self = this" kludge for callbacks using the arrow functions. After that, we learn the basics of classes, a concept introduced in ES6 which brings JavaScript into the world of other C-style languages. Bart's excellent written tutorial for this installment is available here: bartbusschots.ie/... Bart at the...
PBS 45 – ES6 Arrays & Strings
December 11, 2017 19:53 - 52 minutes - 24.5 MBIn this week's Programming By Stealth, Bart starts by actually giving me credit for leading him to rethink his strategy on the use of const and let. He was nudged along in the strategy by the most awesome Jill. Then Bart goes on to reveal even more of the joy that is JavaScript ES6. He explains ES6 Arrays, how to loop through Arrays, and in a change that brings a tear to my eye, the simpler way you can now loop over Strings and how concatenation is a thing of the past when building stri...
PBS 44 - ES6 Arguments & Objects
November 26, 2017 21:17 - 57 minutes - 27 MBIn this installment of Programming By Stealth, Bart Busschots teaches us new ways to deal with arguments and objects in JavaScript ES6. We learn how to set default argument values for functions in a way that is self-documenting. He explains how variadic (aka Rest) arguments allow you to shove all of the arguments of a function into an array. Then he walks us through how to use for ... in loops to loop over objects. He reminds us of the difference between instance and static properties and ...
PBS 43 of x - Introducing JavaScript ES6
November 12, 2017 22:15 - 1 hour - 44.7 MBIn this installment of Programming By Stealth, Bart spends most of the time talking through his solution to the previous challenge, where we added start and stop buttons to our Game of Life. In his solution he actually modifies the prototype to accommodate the ability to add these buttons. He explains his process and his decisions along the way. I'm not going to lie, this one confused me quite a bit in the middle but we both hope it's because we've been away from the hard-core JavaScript ...
PBS 42 of x – Playing the Game of Life
October 29, 2017 21:19 - 1 hour - 46.6 MBCCATP #507 for October 29, 2017, and I'm your host, Allison Sheridan. It is also a Programming By Stealth, installment 42 of X with Bart Busschots. It's finally time to tie all the bits and pieces we've learned together and create our first web app. Armed with our HTML, CSS, jQuery and JavaScript knowledge, and our Cellular Automata Prototype, Bart walks us through how to bring the Game of Life...to Life! It's a lot of fun and I understood a great deal of it (I'm not gonna lie, it wasn't...
PBS 41 of x - Form Events
October 14, 2017 00:40 - 1 hour - 42.2 MBIn 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.
PBS 40 of x - HTML5 Custom Validations with jQuery
September 30, 2017 22:47 - 1 hour - 51.9 MBIn 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 ...
PBS 39 of x - HTML5 Form Validation
September 16, 2017 01:07 - 1 hour - 34.8 MBThis 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/...
PBS 38 of x - Taking Stock
September 02, 2017 15:01 - 38.3 MBWe 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? In our first Programming By Stealth after our summer vacation, Bart decided to do a retrospective on what we've learned to date from HTML to CSS to JavaScript. I thought it was a great episode because it refreshed my memory on so much that we've done. He even put together a set of quiz questions for each section and shockingly...
PBS 37 of x - JSDoc Demo
July 09, 2017 13:58 - 47.8 MBI'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 r...
PBS 36 of x – More HTML Text Input | More Cellular Automata
June 26, 2017 02:35 - 44.5 MBChit 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...
PBS 35 of x - HTML Text Input | Introducing ‘Life’
May 20, 2017 01:01 - 38.4 MBIn 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 make a start on text input in HTML forms, and we move on to formatted sub-stets of tea 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 under...
PBS 34 of X – More JS Testing with QUnit
April 30, 2017 13:08 - 1 hour - 35.3 MBIn 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 pbs....
PBS 33 of x – JS Testing with QUnit
April 14, 2017 13:00 - 1 hour - 42.2 MBIn 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 tut...
PB 32 of X – JS Error Handling Revision | HTML Selects
March 15, 2017 12:54 - 1 hour - 50.2 MBThis 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 pbs.bartificer.net/...
PBS 31 of x – JS Static Functions | Checkboxes & Radio Buttons
March 01, 2017 13:22 - 1 hour - 46.4 MBBart 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 t...
PBS 30 of x - Comparing JS Objects | Introducing WAI-ARIA
February 18, 2017 18:42 - 29.9 MBBart 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.