Tag: kids
-
Javascript Animation : Teaching Kids Computer Programming Lesson #8
From the last session with C., we have a login screen. Now C. would like the little Yahoo! Messenger guy to bounce around. Click here to see the page in action She fired up TuxPaint and created a drawing of a spring We used Preview to copy it and rotate it into horizontal spring I started…
-
Pink Lady Apple Popsicles (archive 2007)
Cate loves loves ice cream. In order to balance her craving against the saturated fats of ice cream, I make her popsicles out of strawberries, raspberries and apples. Her favorite is lady pink apple ones. 1) Take 6 lady pinks, wash and juice them 2) Take a cheese cloth and filter the juice 3 times…
-
Using CSS To Realize The Mock Up: Teaching Computer Programming To Kids Lesson #7
Based on Cate’s mock up, we built a real HTML page using CSS. Step 1: Here is how we built the page First I told her about the <div> tag which we can use to divide up different sections of the mock up. So she did the following to divide up the screen into 4…
-
Story Board, Mock Ups : Teaching Computer Programming To Kids Lesson #6
Cate is anxious to get her magic eight ball game working on Firefox and was excited with a lot of ideas. Little does she know that I’m a backend programmer and don’t know a whole lot about animation, Javascript and CSS. But I could learn this stuff easily if she wants to as well. So…
-
Lists and Tables in HTML: Teaching Computer Programming To Kids : Lesson #5
Cate started to learn about creating lists of things and tables in HTML <UL> : to create an Unordered List of items <LI> : to start a List Item <OL> : to start to create an Ordered Lists and the computer will add the numbers automatically Then if we want to create a table to…
-
Magic Eight Ball engine in JavaScript: Teaching Computer Programming To Kids : Lesson #4
Cate wants to make a computer program be to be like the Magic 8 ball, in my last post, I couldn’t remember how to generate a random number. But found it here Math is a class (not an object ), it has 2 class member functions. random() which will give me a random decimal between…
-
Simple HTML and Javascript Operators: Teaching Computer Programming To Kids: Lesson 3
As Cate and I were walking to 16th and Mission street Bart station at 7:30am, I talked to her about the arithmetic operators in Javascript. There is + for addition – for subtraction * (kinda funny) for multiplication / (forward slash) for division We went through some examples var x = 12 x = x…
-
Baic HTML and Javascript: Teaching Computer Programming To Kids: Lesson 2
After dinner, Cate asked if we can continue to learn about computer programming. I told her I would love nothing more. I told her that I will teach her HTML, Hypertext Markup Language and Javascript. HTML is what designers use to control how a page looks like in Firefox. Javascipt let the programmer add interactivity.…
-
Binary Numbers: Teaching Computer Programming to Kids: Lesson 1
This morning Cate and I were eating crepes with hazelnut chocolate and she asked me what this means? “10001001” I think she must have seen it somewhere on a piece of paper or an advertisement. I’ve always found it difficult to talk to her about what my job as a software engineer is, so I…