Everything is a Box. I Repeat. Everything is a Box!

Tonight was a first for me in my learn to code journey – which began a mere 2 months ago when I registered for my first HTML/CSS course on Codecademy.  Since then, I’ve completed their HTML/CSS, Javascript, and jQuery courses to completion.  Then, first week of January I enrolled into the Iron Yard Academy’s 12 week Front End Engineering bootcamp.  The knowledge gained has been incredible thus far.  So much so that I had another first tonight…

Tonight, my classmate Alex and I taught our 1st Iron Yard Kids class for HTML/CSS – 1 of 6 classes that this amazing course offers FOR FREE.  Our class is made up of twelve 13-18 year olds, and some of these kids are already WAY ahead of the curve – having already completed more Codecademy courses than I have… :/

I may be slightly biased, however I think the first class went incredibly smoothly and I think the kids are going to get a lot out of this course in a short period of time.  Here is how today’s lesson plan went:

  1. Alex and I introduced ourselves, gave a brief history of who we are, why we’re here, and what our hobbies were.  Yes Alex claimed with great pride that he enjoys smoking meats in his spare time – lol.
  2. Next, we laid 3 ground rules for the course: 1) Have Fun   2) Learn A Lot   3) Ask Tons of Questions
  3. Next, we went around the room, and every student had to state their name, grade, and their favorite website.  An interesting takeaway – 3/4 of the room said MineCraft and YouTube were their favorite sites.
  4. Then we had an unexpectedly short download party – everyone already had Chrome installed and the planned Sublime Text install came to an abrupt halt once we realized half the machines were Chromebooks and couldn’t install it – so we worked with Codepen instead.
  5. Then I took the stage and we entered into a general discussion about how building a house is ALOT like building a website.  I polled the room and they said in order to build a house you need a Plan, Foundation, Walls, Floors, Wiring, Paint, Furniture, etc.  This prompted my GRAND metaphor for how HTML is the Foundation, Walls, and Floors of a webpage and the Paint, Wallpaper, and Trim is the CSS.  I hope they got this metaphor – I certainly was proud of it.
  6. Next came the “BOX” mantra that certainly got in grained into every child and parent in the room.  Everything that lives on a page is a box.  The page is a box, and the images are boxes within that box, and all the text you see are also boxes inside that main page box, box, box, box, box this, box that, box salad, box and potatoes, box stew…. uh that’s about it, Forrest.

    box & potatoes, box soup, box gumbo, box & grits…
  7. We then started playing in Codepen and gave them a visual demonstration about how to setup basic header tags and how when you open a tag you ALSO have to close that tag.  And once we had some basic text on the page, we made that text different colors and changed the Left, Center, Right positioning on the page.
  8. Then we shifted gears, and showed them Chrome’s Inspect Element and how their favorite websites were just a TON of HTML boxes and CSS styles.  I witnessed some light bulbs turn on when this happened.
  9. Then one of the students recommended we check out Cookie Clicker and that was a bad idea because I lost control of the class for about 5 minutes and heard ~10,000 clicks in that period.  No more Cookie Clicker became Ground Rule #4.
  10. We wrapped up the class by giving a homework assignment of complete the first 2 modules in Codecademy’s HTML/CSS module AND to create a Codepen that included 5 of their favorite youTube video embeds (another thing we went over earlier in the class).

Overall I think the 1st class was a big success and every student walked away with learning at least one thing — that EVERYTHING IS A BOX!

but you already knew that by now…

{quick aside} – some of the students pulled us aside after class and asked for MORE work – so we told them to challenge themselves in Codepen and make a really awesome page that represents their 3 favorite hobbies.  I greatly look forward to what they come up with by next week’s class.

Advertisements