Programming By Stealth

Latest Episodes:

PBS 69 of X — Bootstrap Navbars Jan 13, 2019

Show notes

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/...](https://www.bartbusschots.ie/s/2019/01/13/pbs-69-of-x-bootstrap-navbars/)

PBS 68 of X - Bootstrap Navs Dec 15, 2018

Show notes

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/...](https://www.bartbusschots.ie/s/2018/12/15/pbs-68-of-x-bootstrap-navs/)

PBS 67 of X - Bootstrap Dropdown Menus Dec 02, 2018

Show notes

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.

PBS 66 of X - Bootstrap Form Validation Nov 03, 2018

Show notes

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.)

PBS 65 of X — Bootstrap Input Groups Oct 21, 2018

Show notes

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.

PBS 64 - Bootstrap Form Layouts Oct 05, 2018

Show notes

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/....

Support Bart on Patreon!

PBS 63 of X — Bootstrap Buttons Sep 23, 2018

Show notes

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/...

Support Bart on Patreon!

PBS 62 of X — A Basic Bootstrap Form Sep 15, 2018

Show notes

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.com 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 bartbusschots.ie/...

PBS 61 of X — Bootstrap Jumbotrons & Badges Aug 30, 2018

Show notes

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.

PBS 60 of X - Bootstrap & jQuery Aug 13, 2018

Show notes

In 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.

Our TOPPODCAST Picks

Follow Us

Stay Connected

Related Podcasts

Links

Stay Connected