1. Codecademy Online Course (coding websites and games) HTML, CSS and the basics of JavaScript

2. Goals & Objectives Be able to describe and understand:  HTML (structure)  CSS (presentation),  JavaScript (behavior/interaction) Construct/Create/Engineer  Your own website and create simple computer games

3. Codecademy Curriculum  HTML FUNDAMENTALS  ORGANIZING WEB PAGES WITH HTML  HTML REVISION  STYLE WEBPAGES WITH CSS  ADVANCED CSS SELECTORS  INTRO TO CSS POSITIONING  ADVANCED CSS POSITIONING  CSS REVISION  GETTING STARTED WITH PROGRAMMING  INTRODUCTION TO FUNCTIONS  INTRODUCTION TO FOR LOOPS IN JS  RECAP OF JAVASCRIPT  PUTTING IT ALL TOGETHER

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

5. Lets Get Started  Create your own account on Codecademy  Enter http://www.codecademy.com into your browser http://www.codecademy.com  Select create an account from the upper right corner of your screen (you will need an email address)  After creating an account, select the “Learn” tab in the upper left  Scroll down to Popular Programming Languages to Learn  Select the “HTML and CSS” course. This will be the first series of online courses we will use.  If we have time, select the HTML Basics course and begin the course. Lets work through this first course together.