In 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 sheet for a ton of programming APIs. It’s got JavaScript, Regular Expressions, Flexboxes, and lots of other things we’ve haven’t yet learned. You can find the cheat sheet at freeCodeCamp at medium.freecodecamp.org.
And as always you can find Bart’s tutorial show notes at pbs.bartificer.net/…
re: why it’s named Toast – Android has a very similar feature (“pop up a message for a short amount of time”) which they call Toast, so I assume the Bootstrap guys named their Toast after Android’s. Why Android chose to call it Toast is an interesting story. Apparently (at least according to https://stackoverflow.com/a/5134514/947870 ) it was named by a Google employee who used to work at Microsoft. MSN Messenger (Microsoft’s instant messenger client) had a very similar notification feature where small notification windows would slide up into view , stick around for a few seconds, then slide back down. The employee thought these windows looked like toast popping out of a toaster. And the rest is history.