Go over midterm. CSS catchup. Work session Homework: complete project Programming games Go over midterm. CSS catchup. Work session Homework: complete project

Midterm Go over questions. Learn formal jargon! how to read code Come to office hours to pick up midterm (and go over it!)

Cascading Style Sheets HTML document has <style> element. Division JavaScript (in script element(s)) for behavior Interaction HTML (in body element) for content Including structure CSS (in style element(s) AND also in html elements) for formatting Can be external style references. Styling cascades: earlier styles overridden by those closest to the text.

Basics CSS is its own language Format is identifier {specification} CSS identifiers can be types, classes, ids Example body {font-family: "Book Antiqua", Arial, sans-serif; } Note: fonts are located on the client computer, so font-family allows us to "hedge".

Sources http://www.w3schools.com/css/ http://jgthms.com/web-design-in-4-minutes/#share Look at source of webpages

Busman's Holiday: Add to 15 2 person game http://faculty.purchase.edu/jeanine.meyer/html5/addTo15JS.html Implement smart move by computer How smart? Improvements Provide range of computer skill Add smarter move? Add option for computer to go first ?

Notes Implemented first in Processing and then changed program. Sometimes not the best strategy Note the use of CSS Note use of dynamically created elements

Examples http://faculty.purchase.edu/jeanine.meyer/html5projects.html Added video to collage http://faculty.purchase.edu/jeanine.meyer/html5/collagebase.html Request from Aviva: http://faculty.purchase.edu/jeanine.meyer/html5/teapartytest.html

minesweeper CAN BE IMPROVED! Improve 'look and feel' change the three moves think about protecting player from a false move improve graphics ? http://faculty.purchase.edu/jeanine.meyer/html5/minesweeper.html

General requirements moves Tasks for program, according to the move: there is a dblclick event, but I read that it wasn't implemented in certain browsers Tasks for program, according to the move: determine if there is a mine. if so, end the game if not, calculate count of surrounding mines mark as a mine. Don't check. complete revealing counts

Recursive calls The showsurrounds function contains calls to the showsurrounds function! This is called a recursive call. I needed to ensure that it will not produce an infinite loop. mark each cell when it has the call there are only a finite number of cells.

Explore origami fold http://faculty.purchase.edu/jeanine.meyer/rosettenumbers.html Dollar bill rosette uses a property of 11 Requires number to be prime. The numbers for which this works is a class of primes called full reptend primes base 2

Classwork/homework Work on your projects. Prepare to show next class.