Slides and Samples

• 3/31 Lecture Slides - Overview
• 4/2 and 4/3 Lecture Slides - Object-Oriented Python, review dictionarys and lists, reading files.
  Deck.py, NameDecoder.py, NDtest.py, names.csv
• 4/7 no slides - HTML
  familyReunion.html (download to your machine and open with a text editor to see the HMTL, or open in Firefox and use Firebug).
• 4/9 Lecture Slides - Google chart example
• 4/11 Lecture Slides - writing HTML with a program, some CSS
  webMenu.html, plain.css, fancy.css, Jasmine.jpg
• 4/13 no slides - More CSS, the floating world. Cypress tree Web page - use Firebug or the View Source button on your browser to see the HTML and CSS.
• 4/16 Lecture Slides - The server, the LAMP stack, HTTP requests and responses.
• 4/18 Lecture Slides - wsgi interface between Apache and a Python program. echoInput.wsgi - you can run this program either by changing its name to "hw2.wsgi" and putting it in your server /hw2 directory, or by changing its name to "hw2.py" and running it on your own machine as a module for harness.py.
• 4/21 Lecture Slides - HTML forms, GET and POST HTTP methods, validation in the browser. inputExamples.html, and echoInput2.wsgi, that handles data from the POST method.
• 4/23 Lecture Slides - Tour of the distributed code for the pedometer Web server.
• 4/25 Lecture Slides - Using the harness code, and server-side checking. Version of htmlClass.py that takes a time as input and checks it.
• 4/25 Lecture Slides - Adding a .css file, from Windows. Unix and permissions. formStyle.css.
• 4/30 Lecture Slides - Midterm topics.
• 5/5 Lecture Slides - Django, databases, and the Model class.
• 5/7 Lecture Slides - methods of the Model class and setting up a database.
• 5/9 Lecture Slides - Adding urls to a Django app, code run for a url in views. We started a simplified version of the app from the tutorial, illustrating the main points.
• 5/12 Lecture Slides - Forms and data from forms in a Django app.
• 5/14 Lecture Slides - Server programming pitfalls. The POST-REDIRECT-GET interation and when to use it.
• 5/16 Lecture Slides - Example solution for checkpoint, reading in the pedometer data.
• 5/19 Lecture Slides - Options for getting data out of the database.
• 5/21 Lecture Slides - Javascript intro. Checking numerical input.
• 5/23 Lecture Slides - The canvas tag. Drawing of a sheep!.
• 5/28 Lecture Slides - A browser game. See Project 4.
• 5/30 Lecture Slides - Sound for your game - the Audio element. gamestart.html with bonging noise. Security and HTTPS. How it works and when to use it.
• 6/2 Lecture Slides - Ajax. Example page ajaxJavascript.html loading file ajax_info.txt, and using image arbortum.jpg.
• 6/4 Lecture Slides - JQuery. Fancier example of the same page using JQuery ajaxJQuery.html, with a Google Map even!
. To get the map, you'll need to also have the GoMap JQuery library on your site.