Just as in life the web thrives on inclusion
Accessibility helps you to reach that conclusion
When you make a website that everyone can read
That’s when you’ll find yourself out in the lead
A bug is a little mistake that you make
Like leaving out eggs when you’re baking a cake
Let’s face it, whose perfect? Not me and not you
Just give it your best, that’s the best you can do!
Imagine a canvas with pencilled-on marks
How boring, that’s certain, it’s missing some parts
Well just like a canvas, your website needs paint
CSS to the rescue! It makes things look great
Maps replace numbers with memorable names,
Which helps you recall all the towns they contain
DNS is a map for the whole internet
Tying IPs to names so that you won’t forget
Encryption is handy for things that are secret
It scrambles a message so no one can read it
Unscrambling the scramble requires a key
Keep one for yourself, give the other to me!
A firewall is like the moat of a castle
It keeps bad guys out to save you the hassle
When your site has a user you think should get in
A drawbridge descends for a total win-win
Say you and your friends want to build a cool boat
You each build one piece: a sail, rudder, and float
Now to stitch things together, get this show on the road
That’s what Git does in software, it helps you merge code
HTML is like clothing you put around text
It makes words look different in different context
Flip-flops when it’s hot, a wool coat when it’s cold
HTML can make words look italic or bold
Have you ever played with two cups and a string?
With the line taught between them you hear everything
Now what if you had strings in a billion directions
That’s like the internet and all its connections
Sometimes you need more than the basics can proffer
A multi-use tool with plenty to offer
Javascript has all sorts of nifty, cool uses
It’s sure to free up all your creative juices
Let’s measure some objects, come give it a try
Use grams for how heavy and meters how high
Now how would you measure the stuff websites transfer?
What was that you said? kilobytes? that’s the answer!
You’re playing a game, putting balls into holes.
You want to make sure that no hole overflows.
Load balancers keep things all evenly spread,
They ensure that no one hole will get overfed.
When dealing with code, organization’s the goal
Each part of a program should have its own role
An MVC structure will help keep things clear
So you’ll get more done every day, month, and year
Libraries seem to have millions of books
It can make it quite hard to know just where to look
The labels on shelves help to save you vexation
On websites, to find things, you use navigation
When we play together it shows that we care
Besides, we play better when we choose to share
Open source is a good way for you to play nice,
Because when you share code, you benefit twice
You’re out on your paper route, isn’t this fun?
Just toss out those newspapers, get everyone!
Yes every last house, even those on vacation
You’re putting the “push” in push notification
What’s that? You made something? You’re ready to share?
It’s clear you’ve invested a great deal of care
But before you start giving your new something out
Let’s test it for quality, assure that it’s stout
So you’re playing a game and it’s really quite cool,
But could you improve it by adding a rule?
Make the case to your friends, tell them every detail
An RFC is a rule change … at internet scale
You look in your dresser to see what you’ve got.
You ask, where’s the t-shirt that goes with this sock?
Dressers organize clothes, what about information?
For that you use SQL, your data location!
You love eating cake but your recipe’s boring.
You’d like to experiment, do some exploring.
Still, you need to make sure that what comes out is cake.
Test driven development will weed out mistakes.
Do you need a gizmo to water a flower?
Of course not, preposterous, you just need a shower!
So don’t overthink things, don’t make them complex
A simple solution will make good “UX”
You’re building a sculpture, but you only have bricks
It will have jagged edges you simply can’t fix
Now build the same thing, only this time with clay
All the edges are smooth! Vector works the same way
Let’s bring it together and see what we’ve got
Oh no, there’s one big thing I think we forgot!
A website is useless, it simply can’t be
Without a web browser to touch, hear, and see
All objects have features, like color, shape, weight
And sometimes it’s useful to write down each trait
XML is perfect for lists such as these
It keeps things in order, you’ll find them with ease
We’ve covered the concepts, we’ve covered the lingo
I hope you had fun. Did you spot the flamingo?
But of course we’ve forgotten the center, the glue
Did you guess it? Well done. I’m thinking of you!
Your cake’s almost done and you have all the parts
Now put them together, spare none of your smarts
Each piece goes in order, from the top to the tray
In web the z-index works just the same way
3308 Beacon Ave S, Building A
Seattle, WA 98144
+1 206 582 7708
We'd love to hear from you!
We'll be in touch soon.