javascript Archives - Podfeet Podcasts

CCATP #531 – Bart Busschots on PBS 52 – Introducing Bootstrap 4

March 31, 2018
by podfeet

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.

mp3 download

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”

CES 2018: Wonder Workshop Educational Robots for Kids

Allison interviews Bryan Miller from Wonder Workshop about their robots and apps that help kids learn. Bryan describes the educational robots Dash and Cue. Dash teaches children from kindergarten up to 5 to 6 years old how to code to control a small robot using block programming. Wonder Workshop’s latest robot, Cue, takes kids from block programming to JavaScript programming. Cue comes with sensors, motors, accelerometers, gyros and a free iOS or Android app for programming and control. The setting is Pepcom at the Mirage Hotel in Las Vegas. Learn more at https://education.makewonder.com/

Using a Screen Reader? click here

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

mp3 download

CCATP #523 – Bart Busschots on PBS 50 – Building a Web App on Video

February 18, 2018
by podfeet

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

mp3 download

CCATP #522 – Bart Busschots on PBS 49B of X – Object Revision & Improving Our Cellular Automata

February 10, 2018
by podfeet

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

mp3 download

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

mp3 download

CCATP #517 – Bart Busschots on PBS 47 – ES6 Polymorphism

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

mp3 download

Programming by Stealth Index

PBS Index
Topic	PBS URL
anchors	PBS 5 of X – Images & Links
API case study linkToolkit	PBS 25 of X – A Case Study (bartificer.linkToolkit.js)
ARIA roles and fieldsets	PBS 31 of X – JS Static Functions \| Checkboxes & Radio Buttons
asides	PBS 8 of X – CSS Positioning
backgrounds	PBS 7 of X – More CSS
Bart’s farm	PBS 47 of X – ES6 Polymorphism
block quotes	PBS 3 of X – HTML Block Elements
Bootstrap 4 documentation link	PBS 52 of X – Introducing Bootstrap 4
Bootstrap 4, background colors	PBS 53 of X – Bootstrap Utilities
Bootstrap 4, border utilities	PBS 53 of X – Bootstrap Utilities
Bootstrap 4, font properties	PBS 53 of X – Bootstrap Utilities
Bootstrap 4, info box example	PBS 53 of X – Bootstrap Utilities
Bootstrap 4, Introduction	PBS 52 of X – Introducing Bootstrap 4
Bootstrap 4, spacing utilities (margins and padding)	PBS 53 of X – Bootstrap Utilities
Bootstrap 4, text alignment	PBS 53 of X – Bootstrap Utilities
Bootstrap 4, text colors	PBS 53 of X – Bootstrap Utilities
Bootstrap 4, text transformations	PBS 53 of X – Bootstrap Utilities
borders	PBS 7 of X – More CSS
boxes, positioned	PBS 8 of X – CSS Positioning
Brian’s Brain cellular automaton	PBS 51 of X – Cellular Automata Wrap-up
browser development tools	PBS 7 of X – More CSS
browser event model	PBS 22 of X – jQuery Events
Bubbling or propagation	PBS 41 of X – Form Events
Build a browser app: a worked example	PBS 50 of X – A Worked Example
Cellular automaton wrap-up	PBS 51 of X – Cellular Automata Wrap-up
classes	PBS 7 of X – More CSS
code tag	PBS 4 of X – HTML In-line Elements
comments in HTML	PBS 2 of X – Introducing HTML
Convert this to jQuery object	PBS 40 of X – HTML 5 Custom Validations
CSS documentation links	PBS 38 of X – Taking Stock
CSS fonts	PBS 6 of X – Introducing CSS
CSS overview	PBS 6 of X – Introducing CSS
CSS Review	PBS 38 of X – Taking Stock
CSS selectors	PBS 6 of X – Introducing CSS
CSS selectors review	PBS 21 of X – jQuery Basics
CSS style declarations	PBS 6 of X – Introducing CSS
CSS stylesheet, external	PBS 6 of X – Introducing CSS
CSS stylesheet, internal	PBS 6 of X – Introducing CSS
CSS syntax, basic	PBS 6 of X – Introducing CSS
CSS text formatting	PBS 6 of X – Introducing CSS
CSS, box model re-visited	PBS 52 of X – Introducing Bootstrap 4
display property	PBS 9 of X – More CSS Positioning
Document Object Model (DOM)	PBS 20 of X – JS in the Browser
Embedding Javascript in Web Pages	PBS 22 of X – jQuery Events
figures	PBS 8 of X – CSS Positioning
flex boxes	PBS 9 of X – More CSS Positioning
floats	PBS 8 of X – CSS Positioning
following selector	PBS 10 of X – Yet More CSS
Form events	PBS 41 of X – Form Events
Form validation, HTML5	PBS 39 of X – HTML 5 Form Validation
grouping	PBS 8 of X – CSS Positioning
headings	PBS 3 of X – HTML Block Elements
HTML documentation links	PBS 38 of X – Taking Stock
HTML forms, checkboxes	PBS 31 of X – JS Static Functions \| Checkboxes & Radio Buttons
HTML forms, radio buttons	PBS 31 of X – JS Static Functions \| Checkboxes & Radio Buttons
HTML forms, selects (pull-downs)	PBS 32 of X – JS Error Handling Revision \| HTML Selects
HTML interactive playground link	PBS 53 of X – Bootstrap Utilities
HTML Review	PBS 38 of X – Taking Stock
IDs, HTML tags	PBS 7 of X – More CSS
images in HTML	PBS 5 of X – Images & Links
JavaScript documentation links	PBS 38 of X – Taking Stock
Javascript ES6 (introduction)	PBS 43 of X – Introducing JavaScript ES6
Javascript prototype algorithm	PBS 31 of X – JS Static Functions \| Checkboxes & Radio Buttons
JavaScript Review	PBS 38 of X – Taking Stock
Javascript, .apply function	PBS 48 of X – A Closer Look at ‘this’ and ‘static’
Javascript, .call function	PBS 48 of X – A Closer Look at ‘this’ and ‘static’
Javascript, API development	PBS 24 of X – Creating a JavaScript API
Javascript, argument variable	PBS 17 of X – JS Objects
Javascript, arguments variable 2	PBS 18 of X – JS Miscellany
Javascript, array functions	PBS 18 of X – JS Miscellany
Javascript, array slice function	PBS 33 of X – JS Testing with QUnit
Javascript, Array-like object conversion (ES6)	PBS 45 of X – ES6 Arrays & Strings
Javascript, Array.from (ES6)	PBS 45 of X – ES6 Arrays & Strings
Javascript, arrays	PBS 14 of X – JS Loops & Arrays
Javascript, arrays with callbacks	PBS 16 of X – JS Callbacks
Javascript, arrow functions (ES6)	PBS 46 of X – ES6 Spread Operator Arrow Functions & Classes
Javascript, basics	PBS 12 of X – Introducing JavaScript
Javascript, Boolean function	PBS 12 of X – Introducing JavaScript
Javascript, building a div in CSS	PBS 47 of X – ES6 Polymorphism
Javascript, catch	PBS 18 of X – JS Miscellany
Javascript, catch	PBS 32 of X – JS Error Handling Revision \| HTML Selects
Javascript, cellular automata improvements	PBS 49 of X – Improving Our Cellular Automata
Javascript, charAt function	PBS 18 of X – JS Miscellany
Javascript, cheat sheet	PBS 17 of X – JS Objects
Javascript, class inheritance (ES6)	PBS 47 of X – ES6 Polymorphism
Javascript, classes, intro	PBS 46 of X – ES6 Spread Operator Arrow Functions & Classes
Javascript, clearInterval function	PBS 22 of X – jQuery Events
Javascript, clones definition	PBS 29 of X – JS Prototype Revision \| Glyph Icons
Javascript, closure	PBS 24 of X – Creating a JavaScript API
Javascript, comparisons	PBS 13 of X – JS Conditionals
Javascript, console	PBS 20 of X – JS in the Browser
Javascript, const (ES6)	PBS 43 of X – Introducing JavaScript ES6
Javascript, creating is-a relationship	PBS 47 of X – ES6 Polymorphism
Javascript, data attributes	PBS 26 of X – HTML Data Attributes with jQuery
Javascript, email input type	PBS 36 of X – More HTML Text Input \| More Cellular Automata
Javascript, error handling	PBS 18 of X – JS Miscellany
Javascript, error handling 2	PBS 32 of X – JS Error Handling Revision \| HTML Selects
Javascript, event, keypress	PBS 41 of X – Form Events
Javascript, events, click	PBS 22 of X – jQuery Events
Javascript, events, document ready	PBS 22 of X – jQuery Events
Javascript, Font Awesome	PBS 29 of X – JS Prototype Revision \| Glyph Icons
Javascript, for loop	PBS 14 of X – JS Loops & Arrays
Javascript, for…in , when to use	PBS 49 of X – Improving Our Cellular Automata
Javascript, for…in (ES6)	PBS 44 of X – ES6 Arguments & Objects
Javascript, for…of , when to use	PBS 49 of X – Improving Our Cellular Automata
Javascript, for…of (ES6)	PBS 45 of X – ES6 Arrays & Strings
Javascript, forms, text areas	PBS 35 of X – HTML Text Input and Introducing Life
Javascript, forms, text boxes	PBS 35 of X – HTML Text Input and Introducing Life
Javascript, function arguments (ES6)	PBS 44 of X – ES6 Arguments & Objects
Javascript, function constructor invocation	PBS 48 of X – A Closer Look at ‘this’ and ‘static’
Javascript, function direct invocations	PBS 48 of X – A Closer Look at ‘this’ and ‘static’
Javascript, function indirect invocation	PBS 48 of X – A Closer Look at ‘this’ and ‘static’
Javascript, function programmatic invocation	PBS 48 of X – A Closer Look at ‘this’ and ‘static’
Javascript, functions as arguments/objects	PBS 16 of X – JS Callbacks
Javascript, functions intro	PBS 15 of X – JS Functions
Javascript, functions, instance	PBS 31 of X – JS Static Functions \| Checkboxes & Radio Buttons
Javascript, functions, optional arguments	PBS 16 of X – JS Callbacks
Javascript, functions, self-executing anonymous	PBS 24 of X – Creating a JavaScript API
Javascript, functions, static	PBS 31 of X – JS Static Functions \| Checkboxes & Radio Buttons
Javascript, hidden input	PBS 36 of X – More HTML Text Input \| More Cellular Automata
Javascript, HTML glyph icons	PBS 29 of X – JS Prototype Revision \| Glyph Icons
Javascript, if statement	PBS 13 of X – JS Conditionals
Javascript, instance functions (ES6)	PBS 47 of X – ES6 Polymorphism
Javascript, instance properties (ES6)	PBS 47 of X – ES6 Polymorphism
Javascript, Instance vs static properties (ES6)	PBS 44 of X – ES6 Arguments & Objects
Javascript, intro	PBS 12 of X – Introducing JavaScript
Javascript, isNan function	PBS 13 of X – JS Conditionals
Javascript, join array function	PBS 18 of X – JS Miscellany
Javascript, length function	PBS 18 of X – JS Miscellany
Javascript, let (ES6)	PBS 43 of X – Introducing JavaScript ES6
Javascript, let vs const (when to use)	PBS 45 of X – ES6 Arrays & Strings
Javascript, logical operators	PBS 13 of X – JS Conditionals
Javascript, Math abs (absolute value) function	PBS 18 of X – JS Miscellany
Javascript, Math ceiling function	PBS 18 of X – JS Miscellany
Javascript, Math floor function	PBS 18 of X – JS Miscellany
Javascript, math functions	PBS 18 of X – JS Miscellany
Javascript, Math object	PBS 18 of X – JS Miscellany
Javascript, Math random function	PBS 18 of X – JS Miscellany
Javascript, Math round function	PBS 18 of X – JS Miscellany
Javascript, Math sqrt (square root) function	PBS 18 of X – JS Miscellany
Javascript, Math trig functions	PBS 18 of X – JS Miscellany
Javascript, name of a class	PBS 48 of X – A Closer Look at ‘this’ and ‘static’
Javascript, name of a function	PBS 48 of X – A Closer Look at ‘this’ and ‘static’
Javascript, name of an instance’s class	PBS 48 of X – A Closer Look at ‘this’ and ‘static’
Javascript, number input type	PBS 36 of X – More HTML Text Input \| More Cellular Automata
Javascript, number input type	PBS 36 of X – More HTML Text Input \| More Cellular Automata
Javascript, object keys function	PBS 17 of X – JS Objects
Javascript, objects	PBS 17 of X – JS Objects
Javascript, objects and JSON	PBS 17 of X – JS Objects
Javascript, objects explained (Will)	Will explains objects
Javascript, objects revisited	PBS 49 of X – Improving Our Cellular Automata
Javascript, objects, prototyped	PBS 17 of X – JS Objects
Javascript, obscured input	PBS 36 of X – More HTML Text Input \| More Cellular Automata
Javascript, overriding a function	PBS 47 of X – ES6 Polymorphism
Javascript, parseFloat function	PBS 12 of X – Introducing JavaScript
Javascript, parseInt function	PBS 12 of X – Introducing JavaScript
Javascript, password input type	PBS 36 of X – More HTML Text Input \| More Cellular Automata
Javascript, polymorphism (ES6)	PBS 47 of X – ES6 Polymorphism
Javascript, prototype revision	PBS 28 of X – JS Prototype Revision \| CSS Attribute Selectors & Buttons
Javascript, prototype revision 2	PBS 29 of X – JS Prototype Revision \| Glyph Icons
Javascript, push function	PBS 18 of X – JS Miscellany
Javascript, range input type	PBS 36 of X – More HTML Text Input \| More Cellular Automata
Javascript, recipe for namespacing	PBS 24 of X – Creating a JavaScript API
Javascript, recursion	PBS 15 of X – JS Functions
Javascript, RegExp function	PBS 18 of X – JS Miscellany
Javascript, regular exp exec function	PBS 18 of X – JS Miscellany
Javascript, regular exp match function	PBS 18 of X – JS Miscellany
Javascript, regular exp test function	PBS 18 of X – JS Miscellany
Javascript, regular expressions	PBS 18 of X – JS Miscellany
Javascript, reverse array function	PBS 18 of X – JS Miscellany
Javascript, setInterval function	PBS 22 of X – jQuery Events
Javascript, shift function	PBS 18 of X – JS Miscellany
Javascript, sort array function	PBS 18 of X – JS Miscellany
Javascript, split function	PBS 18 of X – JS Miscellany
Javascript, spread operator (ES6)	PBS 46 of X – ES6 Spread Operator Arrow Functions & Classes
Javascript, static functions (ES6)	PBS 47 of X – ES6 Polymorphism
Javascript, static properties (ES6)	PBS 47 of X – ES6 Polymorphism
Javascript, static, a closer look	PBS 48 of X – A Closer Look at ‘this’ and ‘static’
Javascript, String function	PBS 12 of X – Introducing JavaScript
Javascript, string functions	PBS 18 of X – JS Miscellany
Javascript, switch example	PBS 44 of X – ES6 Arguments & Objects
Javascript, telephone input type	PBS 36 of X – More HTML Text Input \| More Cellular Automata
Javascript, Template literals (ES6)	PBS 45 of X – ES6 Arrays & Strings
Javascript, ternary operator	PBS 12 of X – Introducing JavaScript
Javascript, this object	PBS 17 of X – JS Objects
Javascript, this, a closer look	PBS 48 of X – A Closer Look at ‘this’ and ‘static’
Javascript, this, determining the value	PBS 48 of X – A Closer Look at ‘this’ and ‘static’
Javascript, throw	PBS 18 of X – JS Miscellany
Javascript, throw	PBS 32 of X – JS Error Handling Revision \| HTML Selects
Javascript, timers	PBS 22 of X – jQuery Events
Javascript, toLowerCase function	PBS 18 of X – JS Miscellany
Javascript, toUpperCase function	PBS 18 of X – JS Miscellany
Javascript, try	PBS 18 of X – JS Miscellany
Javascript, try	PBS 32 of X – JS Error Handling Revision \| HTML Selects
Javascript, typeof operator	PBS 18 of X – JS Miscellany
Javascript, undefined intro	PBS 12 of X – Introducing JavaScript
Javascript, unshift function	PBS 18 of X – JS Miscellany
Javascript, URL input type	PBS 36 of X – More HTML Text Input \| More Cellular Automata
Javascript, variables	PBS 12 of X – Introducing JavaScript
Javascript, variadic arguments (ES6)	PBS 44 of X – ES6 Arguments & Objects
Javascript, while loop	PBS 14 of X – JS Loops & Arrays
jQuery and CSS	PBS 21 of X – jQuery Basics
jQuery and HTML Element Attributes	PBS 21 of X – jQuery Basics
Jquery documentation links	PBS 38 of X – Taking Stock
JQuery Event handlers in Forms	PBS 40 of X – HTML 5 Custom Validations
jQuery, .on function	PBS 40 of X – HTML 5 Custom Validations
jQuery, .validate (plugin)	PBS 41 of X – Form Events
jQuery, after function	PBS 23 of X – Creating Elements with jQuery
jQuery, append function	PBS 23 of X – Creating Elements with jQuery
jQuery, before function	PBS 23 of X – Creating Elements with jQuery
jQuery, change function	PBS 40 of X – HTML 5 Custom Validations
jQuery, checkboxes	PBS 31 of X – JS Static Functions \| Checkboxes & Radio Buttons
jQuery, click function	PBS 40 of X – HTML 5 Custom Validations
jQuery, creating elements	PBS 23 of X – Creating Elements with jQuery
jQuery, data function	PBS 26 of X – HTML Data Attributes with jQuery
jQuery, data URLs	PBS 23 of X – Creating Elements with jQuery
jQuery, event objects	PBS 41 of X – Form Events
jQuery, event property, which	PBS 41 of X – Form Events
jQuery, event, reset	PBS 41 of X – Form Events
jQuery, events	PBS 22 of X – jQuery Events
jQuery, first function	PBS 40 of X – HTML 5 Custom Validations
jQuery, function chaining	PBS 21 of X – jQuery Basics
jQuery, get function	PBS 40 of X – HTML 5 Custom Validations
jQuery, intro	PBS 20 of X – JS in the Browser
jQuery, is function	PBS 21 of X – jQuery Basics
jQuery, keyup function	PBS 40 of X – HTML 5 Custom Validations
jQuery, looping through an object	PBS 23 of X – Creating Elements with jQuery
jQuery, prepend function	PBS 23 of X – Creating Elements with jQuery
jQuery, selecting elements	PBS 21 of X – jQuery Basics
jQuery, submit function	PBS 40 of X – HTML 5 Custom Validations
JQuery, text inputs	PBS 35 of X – HTML Text Input and Introducing Life
JSDoc	PBS 24 of X – Creating a JavaScript API
JSDoc, how to use in detail	PBS 37 of X – JSDoc Demo
Life game Automaton code	PBS 36 of X – More HTML Text Input \| More Cellular Automata
Life game Cell code	PBS 35 of X – HTML Text Input and Introducing Life
Life game finished	PBS 42 of X – Playing the Game of Life
Life game intro	PBS 35 of X – HTML Text Input and Introducing Life
links	PBS 5 of X – Images & Links
Links to useful development tools	PBS 37 of X – JSDoc Demo
lists	PBS 3 of X – HTML Block Elements
lists, bulleted	PBS 3 of X – HTML Block Elements
lists, definition	PBS 3 of X – HTML Block Elements
lists, nested	PBS 3 of X – HTML Block Elements
lists, numbered	PBS 3 of X – HTML Block Elements
Making the cursor be a pointer	PBS 36 of X – More HTML Text Input \| More Cellular Automata
MAMP, how to run	PBS 1 of X – Introduction
margins & padding	PBS 7 of X – More CSS
Maze cellular automaton	PBS 51 of X – Cellular Automata Wrap-up
noscript tag	PBS 22 of X – jQuery Events
optional CSS pseudo-class	PBS 39 of X – HTML 5 Form Validation
page structure, HTML	PBS 2 of X – Introducing HTML
paragraphs	PBS 3 of X – HTML Block Elements
precedes selector	PBS 10 of X – Yet More CSS
Programming Editor	PBS 1 of X – Introduction
pseudo-classes	PBS 10 of X – Yet More CSS
QUnit intro	PBS 33 of X – JS Testing with QUnit
QUnit, callbacks	PBS 34 of X – More JS Testing with QUnit
QUnit, clone test	PBS 34 of X – More JS Testing with QUnit
Qunit, deepEqual function	PBS 33 of X – JS Testing with QUnit
Qunit, equal function	PBS 33 of X – JS Testing with QUnit
QUnit, grouping tests	PBS 33 of X – JS Testing with QUnit
QUnit, hooks	PBS 34 of X – More JS Testing with QUnit
Qunit, strictEqual function	PBS 33 of X – JS Testing with QUnit
QUnit, todo	PBS 35 of X – HTML Text Input and Introducing Life
required CSS pseudo-class	PBS 39 of X – HTML 5 Form Validation
Sample data entry form (by Bart!)	PBS 40 of X – HTML 5 Custom Validations
sections	PBS 8 of X – CSS Positioning
selector, directly contained >	PBS 10 of X – Yet More CSS
setCustomValidity function	PBS 40 of X – HTML 5 Custom Validations
special characters in urls	PBS 5 of X – Images & Links
style	PBS 6 of X – Introducing CSS
styling lists	PBS 10 of X – Yet More CSS
tabindex	PBS 41 of X – Form Events
tables	PBS 11 of X – Tables
tag attributes	PBS 5 of X – Images & Links
tags, HTML, intro	PBS 2 of X – Introducing HTML
Test Driven Development (TDD)	PBS 33 of X – JS Testing with QUnit
URI.js	PBS 23 of X – Creating Elements with jQuery
url, absolute	PBS 5 of X – Images & Links
url, relative	PBS 5 of X – Images & Links
valid/invalid CSS pseudo-classes	PBS 39 of X – HTML 5 Form Validation
WAI-ARIA intro	PBS 30 of X – Comparing JS Objects \| Introducing WAI-ARIA
WAI-ARIA roles	PBS 30 of X – Comparing JS Objects \| Introducing WAI-ARIA
Web forms	PBS 27 of X – JS Prototype Revision \| HTML Forms

CCATP #516 – Bart Busschots on PBS 46 – ES6 Spread Operator, Arrow Functions & Classes

December 21, 2017
by podfeet

In 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 end asks a question – would you be interested in learning how to build command line apps using JavaScript? So far we’ve only be working on web apps, but command line apps will allow us to manipulate things in the file system, the network and even to the Internet itself without using a web browser. Let us know via email to me at allison@podfeet.com, or write up your thoughts in our Facebook group at podfeet.com/facebook or our Google Plus group at podfeet.com/googeplus or you can even tweet us at @podfeet and @bbusschots.

mp3 download

1 2 3 4 5

May 2018
S	M	T	W	T	F	S
« Apr
		1	2	3	4	5
6	7	8	9	10	11	12
13	14	15	16	17	18	19
20	21	22	23	24	25	26
27	28	29	30	31

Posts navigation