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/….
Category: Programming by Stealth
CCATP #549 – Bart Busschots on PBS 55 – Bootstrap Content
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/…
CCATP #537 – Bart Busschots on PBS 54 – More Bootstrap Utilities
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.
CCATP #535 – Bart Busschots on PBS 53 of X — Bootstrap Utilities
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/…
CCATP #531 – Bart Busschots on PBS 52 – Introducing Bootstrap 4
We’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.
The link to Bart’s tutorial for this episode is at bartbusschots.ie/…
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 or just want a nice reference written in conversational style, check it out at Objects in Javascript Explained (for PBS) – by Will aka @beiju.
How almost everything in JavaScript is an Object – by Will aka @beiju
The following explanation is from an old friend of the show, Will (also known as @beiju). Unbeknownst to us, he’s been following along with Programming By Stealth all this time and just popped his head up for the first time in quite a few years.
Will wrote the following in an email to Bart and me:
In recent episodes Allison has been audibly frustrated about objects. I noticed a disconnect in Allison’s understanding of objects that I think is causing all of this. I wrote up a short explanation (at least, it was short when I started) that I think will close the gap. I attached it as an HTML document, complete with imperfect syntax highlighting and tiny font to make you feel at home. It’s written in a conversational style talking directly to Allison. I start with restating things that I think you (Allison) are already comfortable with and take a series of small steps, each with some code examples that you can use to prove that I’m telling the truth, until I arrive at the link that Allison’s missing.
I liked it enough I wanted to make sure it was shared with the entire Programming By Stealth family. So here is Will’s fantastic explanation of objects.
Continue reading “How almost everything in JavaScript is an Object – by Will aka @beiju”
CCATP #530 – Bart Busschots on PBS 51 Cellular Automata Wrap-up
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/…
CCATP #523 – Bart Busschots on PBS 50 – Building a Web App on Video
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/…
CCATP #522 – Bart Busschots on PBS 49B of X – Object Revision & Improving Our Cellular Automata
As 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 track improving our Cellular Automata. I never realized that we didn’t actually define whether our cells are dead or alive!
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.”
CCATP #521 – Bart Busschots on PBS 49A of X – Challenges from PBS 48
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/….