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:
Bart’s tutorial for this episode are available at pbs.bartificer.net/…
Bart’s shownotes for this episode can be found at pbs.bartificer.net/pbs90.
This is not a normal episode of Programming By Stealth, it’s what Bart Busschots is calling a PBS Tidbit. Listener @lbutlr pointed out to Bart and me on Twitter that Bart’s math was wrong in his solution to the challenge he posted in PBS 89. The assignment was to produce currency exchange rates for a variety of currencies, based an amount for the base country. That is, 10,000 Japanese Yen is how many Euro, Canadian Dollars and New Zealand Dollars.
The problem was that if you chose large amounts (like 10,000 Yen), Bart’s math fell over in a heap, returning 100 for all countires or with South Korean Won, most countries returned 0.
Instead of being incensed or embarrassed at having made a mistake, Bart dug in, figured out what went wrong, and then wrote up his path to discovery and the tools he used to fix the mistake. He made it a teachable moment. He decided to call this PBS Tidbit 1 of Y because this probably won’t be the last time this happens.
After Bart finished, I talked about another thing @lbutlr told us and how I’m trying to implement it in my challenge solution. I’ll be writing that up once I get it figured out.
You can read Bart’s explanation at www.bartbusschots.ie/….
In this week’s installment of Programming By Stealth, Bart explains his new plan for both the content of PBS and the way the shownotes are created and presented to you. Bart has noticed that because we put a challenge solution and new content into the same show, the solution gets short-changed. That’s a shame because there is so much he can teach by explaining the “whys” behind the design of his solutions.
The new plan is to have the challenge solutions be standalone shows, and then the new content will be standalone shows as well. We’ll be having more time to do our challenges with this new plan as well. I’m excited about this new plan because I’ve enjoyed the extra time we’ve had with our currency converter challenge, allowing us to enhance our solutions and be more creative.
This week’s installment then is a review of why he made certain decisions on how to solve the last Programming By Stealth challenge, which was to add the ability for the user of our currency exchange web app to enter a value to be converted to the different currencies.
Bart is also completely rearchitecting all of his web presence, including his Programming By Stealth show notes. His new online presence will be at his site, bartficier.net and PBS will now be at pbs.bartificer.net. That link is actually to a GitHub page. I know that sounds crazy and Bart is going to tell us more about it, but it will allow him time to be much more creative and spend less time faffing about as a system admin. This is very much a work in progress and we expect a few learning opportunities along the way!
With all that said, you can find the shownotes to this week’s installment at pbs.bartificer.net/…
I am really enjoying these redux segments because they cement things that were still wobbly, or perhaps even gone from my memory. Each time through I’m finding I understand how to even categorize the information in my brain. I explained to Bart that I think he’s actually changing the way my brain is wired now.
You can find Bart’s tutorial shownotes at bartbusschots.ie/…
That value is demonstrated in the succinctness of the code Bart writes for us to create a Fibonacci series in a beautiful web form. That work, by the way, is a bonus challenge if you’re done with your homework from the previous episodes. As you listen along, if you hear us yelling “spoiler alert” and making alarming noises, that’s when Bart’s solution to the challenge is about to be described. It’s a rare instance where I actually let you have one chapter mark in Programming By Stealth so you’ll be able to jump back to the solution after you’re done with your own solution.
Bart also debuts a new way he’s providing the content for the lesson. If you still want to download the zip file with all of the example files, you can, but you can also view the source code and view the HTML in a browser with a Github link. By the way, the zip file is now living on a content delivery network. This is important to note if you’re coming in from Safari with the more recent security updates because it will prompt you to agree to downloads from this new URL.
Bart’s fabulous tutorial show notes (including the links to the source for this week’s episode) are available at bartbusschots.ie/…
Bart finishes up our first exploration of Bootstrap 4 with a look at one its most versatile components, the so-called Card. This is one of those components that’s so generic it’s hard to describe, but once you learn about it you’ll start seeing it all over the web. Cards really are ubiquitous!
It’s important to stress that while we’re wrapping up our exploration of Bootstrap 4 with this installment, that does not mean we’ve come close to covering every feature this impressive library offers. Instead, the aim was to cover the big-picture items, and leave you with enough experience to be able to learn the rest independently by reading Bootstrap’s excellent documentation.
Bart’s tutorial show notes can be found at bartb.ie
A quick note here – Dorothy, aka @maclurker in our Slack group has been applying all of her newly-acquired programming skills from PBS to her fabulous PBS Index. She’s now using Mustache templates, Bootstrap styling utilities, and even AJAX with JSON. The result is a beautiful thing to behold, giving us immediate results as you start to search and more. Bart has now made a permanent URL for the PBS Index, it’s bartb.ie/pbsindex.
Since Bart works for a University, summers are not a time of rest and relaxation for the system admin staff, they’re the only time upgrades and maintenance can get done because the students are gone. In the future, we think we’ll plan our summer hiatus for Programming By Stealth rather than it taking us by surprise each year.
With async and await, we can actually get away from doing promise chains and create much more readable code while still being able to control parallel and in series tasks. Bart had to drag me along a bit in this one but I saw the beauty of it when we were done.
Bart’s fabulous tutorial shownotes can be found at PBS 82 of X — Async & Await : Bart Busschots.
In this installment of Programming By Stealth, Bart teaches us how to use Promises, with a capital P to get promises when we already know the value we want to supply. That sounds funny but it will make sense in context. Then he shows us how we can control parallelization of promises using Promise.all(). It’s a very sensible lesson, and not brain bendy at all. (I really like those.)
Please consider supporting Bart’s hard work for us via Patreon at patreon.com/ltpod
Bart’s fabulous tutorial shownotes are available at bartbusschots.ie/…
In the very first Programming By Stealth supplemental episode, I interview Dorothy Rendon, the programmer behind the PBS Index. If you haven’t seen it before, it’s an index that Dorothy has created for the Programming By Stealth students to helpt them find key topics in Bart Busschots’s fabulous tutorial shownotes.
We’ll first get a little background on Dorothy and then move on to learning how she used to produce the index, and how her advanced learning in Programming By Stealth allowed her to simplify the process and make it prettier, using JSON, Bootstrap and mustaches. I didn’t want to leave you without something in your Programming By Stealth feed while I’m on vacation and I think you’ll find it a lot of fun.
If you want to chat with Dorothy about the PBS Index, you can find her in the Podfeet slack at podfeet.com/slack under the handle @MacLurker.
You can find Bart’s detailed shownotes at bartbusschots.ie/…
Bart has been promising us Promises for ages now and he finally fulfills his promise by explaining thenables. Promises are a tool to get us out of “callback hell”, which we experienced a while back. I think he made us suffer through that so we’d appreciate Promises. In this episode he shows us the beauty and elegance of the concept but leaves us wanting more. Bart spent a lot of time trying to get the shownotes and his narrative to take this rather abstract concept and make it concrete, and I think he did a grand job of it.
Bart’s amazing tutorial shownotes are available at bartbusschots.ie/…
As always, Bart’s awesome tutorial shownotes are available bartbusschots.ie/….
Bart 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 are 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. The challenge for next week is super open-ended which terrifies me but I’m sure it will be fun.
You can find the written tutorial for this episode at bartbusschots.ie/…
In 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 tutorial shownotes (and I really mean extensive this time) can be found at bartbusschots.ie/…
In 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.
You can find Bart’s amazing shownotes for this episode at PBS 75 of X — AJAX Intro : Bart Busschots
In 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 the end!
You can find Bart’s shownotes for this installment at www.bartbusschots.ie/…
In this installment of Programming By Stealth, Bart Busschots teaches us about Mustache Templates. Mustache Templates are a library that allows 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 he said to think of this as being like Mail Merge where you have a form letter and then a separate file that has the info that gets plugged into the form letter. Once he said that it became much more clear to me. Hope that little hint helps you too!
Bart’s fabulous tutorial shownotes for this installment are available at www.bartbusschots.ie/…
Last 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 to use.
Bart’s fabulous tutorial shownotes for this installment are available at www.bartbusschots.ie/…
In 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 challenge, he introduces Bootstrap Spinners. Spinners are a visual indicator to the user that some operation is going on that will take some time and let them know that things aren’t just broken.
And as always you can find Bart’s tutorial show notes at www.bartbusschots.ie/…
And as always you can find Bart’s tutorial show notes at www.bartbusschots.ie/…
In 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 www.bartbusschots.ie/…
In 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/…
In 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 intro to the homework challenge and then to the new material. If this provides value to you, it would be swell if you sent me a note in some way about it.
As always, Bart’s excellent tutorial shownotes are available at www.bartbusschots.ie/…
HTML 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 logical steps, using tools we already know (but might have to dust off a bit.)
Bart’s full written tutorial is available at www.bartbusschots.ie/…
Chit 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 obvious. As with all things Bootstrap, it’s not something that can’t be done in HTML, but it’s so much easier to make them pretty and elegant without being a designer.
In 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/….
If you appreciate the work Bart puts into Programming by Stealth, consider supporting him through Patreon by going to supporting him on Patreon..
This 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 pretty. We don’t have new homework for this week but if you’re like me you need time to properly finish last week’s homework.
You can find Bart’s tutorial and solution to the challenge at bartbusschots.ie/…
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.