technology

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 […]

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 […]

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 […]

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 […]

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 […]

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 […]

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. […]