Tag: 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.…