Teach programming with a computer club

Good morning:

I wanted to show you how we teach programming in my classes. I don’t have time to teach much during class, so we do it before school in a club. We use free online websites for instruction. Then we award different belts depending on which of the codes the student masters.

http://www.codehs.com/

http://scratch.mit.edu
http://www.codecademy.com

 White belt = HTML

Yellow stripe = CSS

Green belt = php

Blue stripe =Python

Blue belt= Ruby

Red Stripe = scratch levels 1-3

Red belt = scratch levels 4-10

Black stripe = Javascript game

Black belt = API and app creation

  • 20 August – 26 August

    Week One

    Intro

    This is a 14 week curriculum that covers HTML, CSS and the basics of JavaScript. During the two semesters, students will build several websites with HTML and style them with CSS. The sessions will end with making a small game in JavaScript, a versatile web programming language. Most courses follow a model where the exercises introduce the topic and the course ends with a practical project. For each lesson we’ve also suggested some talking points.

    You’re not confined by the age or ability level of the student, since the class model is very flexible. Students can work through the exercises at their own pace. We’ve given you a suggested starting point with this schedule. Adapt liberally for your students— focus only on web pages for a shorter program, jump right into JavaScript if it’s programming you’re after, and if you have more advanced students we have suggested further study at the end of this packet.

    Programming requires experimentation, research, and a little bit of fiddling. Empower students to play with things to find out how they work. Help them to teach themselves, and each other, by creating what they want to create, and allowing the students input in regard to the direction of the class.

    WEEK ONE: INTRODUCTION TO CODING

    http://www.codecademy.com/tracks/afterschool-semester1

    Go through what’s going to happen during the semester: everyone will be coding websites and games. Introduce Codecademy and make sure everyone has an e-mail address and can register to the site. Emphasize that everyone learns at a different pace, experimentation is welcome, you will learn lots from catching and fixing your mistakes. This is also different from a normal class because you get to build real things while you learn.

    Ask students what their goals are, what they already know about technology and the Internet, and what questions they want to get answered by participating in your club. If you have time, let students try the first exercises on the track.

    Discussion:

      1. What is programming?
      2. What is a browser?
      3. What is HTML (structure), CSS (presentation), Javascript (behavior/interaction).
      4. Where can you see HTML & CSS? View the source code of your school website.
      5. Where in the everyday world can one see programming?
      6. What knitting and mathematics have to do with programming?
      7. What would happen if computers disappeared?
      8. What will happen in the future as computers get smaller, faster, and cheaper?
      9. Look up the history of the printing press and how cheap paper manufacturing radically changed access to reading and writing across the economic classes. Can you see any parallels to programming and our modern society?
  • 27 August – 2 September

    WEEK TWO: HTML FUNDAMENTALS

    http://www.codecademy.com/tracks/afterschool-semester1 

    HTML is the bones under every single web page on the web. You will learn the fundamentals of HTML to make your own basic website. You will include images, organize text, and add links to your page.

    Have students start with the first lesson, which covers the following topics: Structure of HTML – Basic tags – Hyperlinks – Images Then they can go on to the first Project: Build Your First Webpage.

    Discussion:

    1. Look at the source of a favorite website and see if you can find any <p> elements (use Ctrl-F). What other familiar tags can you spot?
    2. Show students how to use shortcutes to copy-paste code. For Windows it’s ctrl + c and ctrl + v, for Mac cmd + c and cmd + v.
    3. Note that writing HTML and CSS is not technically “programming”, but formating. HTML and CSS are called markup languages that the students need to know in order to create a canvas for web applications and programs that you will write in JavaScript.

Advertisements

About merlehall

I am a technology teacher for Macon Middle School. In Northeast Missouri. I have been using an online classroom with Moodle for the past several years. My students use a hybrid online, brick and mortar class. My classes are designed to support the core classes in that: In 8th grade we study the Constitution of the United States using smartboards, podcast, vidcast, internet research and word. In 7th we study economics using HTML, game creation, ebook writing, podcast, game playing, excel spreadsheets, and database design. In 6th grade we study geography and math using Monopoly with checks, spreadsheets, and work on keyboarding, speed typing, touch typing and dictation. In addition to education I am an avid fisherman, hunter, hot air balloon lover, front porch setter, square dancer, so you will also be seeing information on these subjects as well from time to time.
This entry was posted in Uncategorized. Bookmark the permalink.

2 Responses to Teach programming with a computer club

  1. fbartoli says:

    Reblogged this on limfablog and commented:
    Fantastic post, thanks for sharing! Hope you don’t mind me reblogging … (just let me know in case).

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s