CoderDojos across the world use Scratch as a way to introduce young people to fundamental coding concepts. The Scratch team have created AN INTRODUCTORY COMPUTING CURRICULUM USING SCRATCH. It consists of a teaching guide and student workbook. It was developed by members of the ScratchEd research team at the Harvard Graduate School of Education.
What is code?
Code, in computing, is program language.
There are many different types of program languages used by different software and hardware. Just like the many human languages, program languages have rules to follow and spelling to consider. They also allow you to get creative within those rules.
Unlike human languages, different program languages can work together to create more powerful programs. Sometimes, one program language can greatly enhance another.
Before we can write our poetry with code, we must first learn some of the rules.
Web program languages
In web development, there are 3 types of languages that all do different jobs:
- Document Object Model (The DOM)
You guessed right if you guessed that these languages work together.
Markup is what gives a web page it’s structure. HTML (or, Hyper Text Markup Language) is the old reliable champion of web markup. Every web browser is built to read HTML, though different browsers can read things slightly differently.
Think of a web page as a human body, it has different parts that do different things. Markup is like the bones.
<html> <head></head> <body></body> </html>
The DOM, in a nutshell, is an object. In code, you can picture an object like a family tree. There are parents and children and grandchildren nodes, and they all have names and are unique.
The only difference here is that there will only ever be one parent.
Let’s pause and look around with Mozilla’s X-Ray Goggles tool. This tool is similar to more advanced developer tools, and it is performing an action called traversing the DOM.
It can be used to perform interactive tasks like popping up a slideshow gallery when you click a thumbnail image, or switch tabs within a web page. It can also be used to send and receive data in the background, silently, as a user interacts with the program.
Keep in mind, all things in the browser run on your computer, relying on your resources to do the work. This is known as ‘client-side’, browsers are the client.
Some examples of server side code are PHP, and Ruby. Similar languages, different manufacturers.
There is a performance trade-off coding for server vs client, tip for all the future pros in the room.
HTML & CSS
- Codeacademy: http://www.codeacademy.com
- Codeschool: http://www.codeschool.com/
- Stackoverflow: http://stackoverflow.com/
- Scratch – http://scratch.mit.edu/
- Lightbot – http://light-bot.com/
- Move the turtle – http://movetheturtle.com/
- Hopscotch – http://www.gethopscotch.com/
- Treehouse – http://teamtreehouse.com/
- Lynda – http://www.lynda.com
- Devry Bootcamp – http://partner.devry.edu/bootcamp/web-development/resources.html
Sunday, February 23rd 2014 from 10AM-1PM
Bitmaker Labs – 20 Duncan Street, Toronto, ON – Unit 201
Toronto, ON – CoderDojoTo has free classes for young people to learn computer & code skills. By following our lead instructor’s visual presentation, students and mentors work together to create a unique web page.
You will need: