Javascript & HTML5 Intro

Why Javascript? Next big thing in online games Flash is slowly on its way out Can be coded via any text editor, flash costs mega $$$

What are Javascript & HTML5? HTML is the page layout, is STATIC, usually an HTM or HTML file Javascript is the program that runs on the page, usually a JS file We will be focusing on the Javascript side of things for now We will be writing our code in the most hardcore way possible We are going to write code in NOTEPAD (We may also use a more advanced program later on, but for now Notepad will do.)

HTML vs HTML5 HTML5 is an extension of HTML, has the glorious CANVAS element The canvas is an object that sits on the page (like a picture) but we can display anything we want on the canvas whenever we want The canvas is basically a picture that changes according to what we say in our code. This is what lets us make games so easy

Questions?

TO DO List On your student drive, create a folder named: templates Go to Right click as save both HTML Page & Javascript Code into your templates folder Open the html file and see Hello World Open the JS file to see the code

TO DO Con’t Change the background of the canvas to something else Print your name in all 4 corners, as close to the edges as you can Make a border in a different colour of width 10 pixels