Code Babies

Creators/designers of beautiful, geeky code based kids books.

[Code Babies @CodeBabies]

Bedtime, in HTML:

<bath></bath>
<pajamas></pajamas>
<story></story>
<sleep>

Every tag closes properly. Except the last one. Ask any parent: <sleep> never closes when you want it to.

Throwback: HTML for Babies, Web Design for Babies Volume 01.

[Code Babies @CodeBabies]

@elonmusk @Bearbones24 @teslayoda 👀 here for it all

[Code Babies @CodeBabies]

Excel for Kids, part 2: the IF function 🍬

=IF(B3<10,"Restock","OK")

For parents: IF asks a yes/no question. Fewer than 10 candies in B3? Restock. Otherwise, OK.

Mr. Java keeps his candy store inventory in Excel.

https://t.co/67tDIHHgVI

[Code Babies @CodeBabies]

Page of the day: ABCs of the Web 🚲

N is for Node.js. "Node.js is code that does more tricks than most stunt men."

$ node tricks.js

For parents: Node.js lets JavaScript run outside the browser, on servers. Same language, new tricks.

[Code Babies @CodeBabies]

Parent tip: loops are counting out loud.

for (int i = 0; i < 3; i++) {
hug();
}

Three hugs. Count 0, 1, 2 together: yes, programmers start at zero.

Arrays, functions, if statements, loops: C++ for Kids.

It's never too early to indent.

https://t.co/VhBV9Dqxtc

[Code Babies @CodeBabies]

From the shelf: JavaScript for Babies, Web Design for Babies Volume 03.

let mood = "sleepy";
button.onclick = () => {
mood = "giggly";
};

For parents: a variable is a labeled box. An event is something that happens, like a click. Together, they make the page react.

[Code Babies @CodeBabies]

Page of the day: ABCs of the Web 🌳

D is for Domain. "Domains are special places for web pages to be."

For parents: a domain is the name you type in the browser to find a website.

Got a little coder reading Code Babies at home? Share a photo! 📸 #CodeBabies

[Code Babies @CodeBabies]

Dev parent life, in CSS:

.toddler {
position: absolute;
}

Out of the normal flow. Ignores everything else on the page. Shows up wherever it wants.

Throwback: CSS for Babies, Web Design for Babies Volume 02.

[Code Babies @CodeBabies]

Page of the day: Bitcoin for Babies 🔑

Stella's wallet makes her transaction request with a private key. Nodes use the public key to verify it's coming from a real account.

For parents: private key = keep it secret. Public key = OK to share.

https://t.co/bydFhdLL6m

[Code Babies @CodeBabies]

Parent tip: play IF/THEN out loud. ☔

if (raining) {
umbrella();
}

Ask "IF it's raining, THEN...?" and let them fill in the blank. That's a conditional, and they're already doing it.

Ifs, loops, functions and arrays: all in C++ for Kids.

[Code Babies @CodeBabies]

From the shelf: Excel for Kids 🍬

=SUM(B3:B4)

For parents: a formula tells the spreadsheet to do the math for you.

Mr. Java uses Excel to organize his candy store inventory: cells, formulas, IF functions and more.

https://t.co/67tDIHHgVI

[Code Babies @CodeBabies]

From the shelf: Web Colours 🎨 (Web Colors in the US)

color: #FF0000;

For parents: a hex colour is 3 pairs: red, green, blue. FF = all the way on, 00 = off. So FF0000 is pure red, 00FF00 is green, 0000FF is blue.

A hexadecimal lift-the-flap book.

[Code Babies @CodeBabies]

Hello, world. We're back. 👋

Code Babies has been quiet for a while. Time to reopen the tab.

All week: real code, one book page at a time.

<title>Code Babies</title>

It's never too early to indent.

[Code Babies @CodeBabies]

Still the 👑
#webcolors #rgb #hexadecimal

[Code Babies @CodeBabies]

The only Hexadecimal lift-the-flap book in the universe! #webcolors #rgb https://t.co/WkcJ0ERSTA

[Code Babies @CodeBabies]

The first and only hexadecimal lift-the-flap book?
https://t.co/L9ni06PVKi

[Code Babies @CodeBabies]

@TimsBlockChain Oh yeah

[Code Babies @CodeBabies]

@alfranken @MZHemingway @RepLizCheney Hahaha

[Code Babies @CodeBabies]

@MarkShowOff Loving the 💡

[Code Babies @CodeBabies]

@hukpunk Love it 😍

[Code Babies @CodeBabies]

@MarkShowOff Done