Kids' Coding Club: HTML and CSS

-

On Thursday, March 15, kids came to the Studio on 4th at Pasadena Central Library to learn about HTML and CSS, and build a website that would be an interactive birthday card or greeting for a friend. Most kids did birthday cards but a few had other great ideas, such as a get well card for a sick friend.

I've always wanted to do a web design class like this, but eight years ago when I first learned HTML and CSS, there weren't the great teaching tools that we have out there now. I found a lot of great stuff on KhanAcademy but the thing I liked most was the WebLab at Code.org which allows you to see your webpage appear simultaneously in a side viewer. It's a great tool for teaching kids how to code!

One drawback I experienced was a lack of time. I had a lot of content prepared and could easily have filled a two-hour class with it. We didn't get through much of the CSS in the hour time we had allotted. So we had a file loaded onto our library laptops to give the kids a basic CSS stylesheet to plug into their webpage and invited them to change it. That's all right too, because changing an existing code to make it your own is one of the basic steps all programmers take in learning to code.

Here is what a few of the kids came up with! Click the images to see the webpages they created. (They are best viewed in Internet Explorer, because other browsers change the font.)

Here are my slides:

And here is my handout:

If you're a teacher or librarian interested in starting your own coding club, check out this archived webinar from Infopeople! Sylvia Aguiñaga taught it last year, giving participants some basic fundamentals for starting a coding club or workshop.

Comments

Post a Comment

Popular posts from this blog

Bat Signals

-
Image
I'm doing a craft project for Batman's 75th Anniversary where the kids are going to make Bat Signals out of Pringles cans. I had two different kinds of Pringles cans: a short one and a long one. I wanted to see, which can produced a clearer bat signal when an LED keychain flashlight was placed inside? Well, the first thing I had to do was construct a "stand" for the flashlight so that it would shine directly upwards. It kept falling down, ruining the effect! I cut out two circles (using the Pringles lid as a guide) of cardstock, glued them together so that they would be sturdy, and folded them into a semicircle shape. With the fold I cut some slits going outward in a kind of star formation so that the flashlight could poke through. Then I taped all around and underneath. Finally, I cut a few more slits around the outer circumference of my circle and bent the sides down like a hexagon to make it into a "stand." Worked quite well and I don't fors
Read more

Citizen Science Kids Can Do at Home

-
Today marks the 55th day since schools closed in California. Although state and local governments are working to put a reopening plan into action, schools are going to remain closed for the rest of this 2019-2020 school year, and summer programs are likely going to have difficulty reopening too. So what are kids to do? We have all these children with sharp eyes and brilliant minds, and not much to use them on apart from video games. Enter Citizen Science! As citizen scientists, kids can use their mental energy (and Internet bandwidth) to work toward furthering a good cause like studying wildlife in remote regions of the globe, tracking climate change, learning about distant galaxies, or discovering underlying causes of diseases to move researchers closer to finding treatments.  So today I gave a webinar highlighting my personal favorite citizen science projects for kids to try. There are thousands of projects out there, and I must have played at least a few dozen of them before
Read more

Exploring the Night Sky: Astronomy Festival for All Ages

-
Image
On Thursday, February 27, we had a special astronomy festival for the whole family! People of all ages got to learn something new and inspiring about the way our understanding of the universe has grown, and also the ways that you can help scientists track changes in night sky visibility. Globe At Night Neighborhood Science Kit When Los Angeles Public Library got a grant for bringing Neighborhood Science to other libraries, Pasadena was chosen as one of the first libraries to get their Neighborhood Science kits. There are currently five Neighborhood Science kits  at Pasadena that you can check out and use to conduct observations and collect data that will help scientists understand more about the way our climate is changing, our air and water quality is changing, etc. The Globe At Night kit  includes a Sky Quality Meter for measuring the darkness in your area, and other tools and information. You can use a Sky Quality Meter to get a reading of the sky's level of darkness, and t
Read more