Home | Video/Audio Library | Course Archive | Papers Archive | Beyond the Box | CV | Service | My Keeper Shelf | Cultural References in Class |
M | 1 - 2 pm |
T | 1 - 2 pm |
W | 1 - 2, 3:30 - 4:30pm |
T | 1 - 2 pm |
Date | Topic | Notes | Reading |
---|---|---|---|
4/15 | Intro to intellectual property | ||
4/13 | Java multi-threading example (array of workers) | ||
4/8 |
| Homework due 4/15/2015 | |
4/6 |
| ||
4/1 | NoGUI.java Simple.java ButtomDemo.java |
||
3/30 | Javascript object orientation | 0330.html | Introduction to Object Oriented Javascript |
3/23 | More DOM surgery -- new inlab below | ||
3/16 | Practice your DOM surgery -- see inlab below |
|
|
3/11 | Regular expression | Practice your regular expression chops | |
3/9 | Beginning regular expressions Simple example | ||
3/4 | JavaScript and HTML DOM especially Window, Navigator, Screen, History, Location |
||
3/2 | Animation Flood-it | ||
2/16 | Timers: http://www.w3schools.com/js/js_timing.asp Updated slide show | ||
2/11 | Array, object: click here | ||
2/9 | JS: for loop JS: changing style Code modified inclass: changing style | ||
2/4 | CSS positioning Beginning Javascript -- syntax simple JS example |
Keith: Chapter 2 | |
1/28 | Continue CSS: links, list, table, *box model*, dimension, display | ||
1/26 | Starting CSS: intro - fonts; HTML span and div | w3schools | |
1/14 | form, input radio button (two groups), select, textarea image maps, intro to DOM |
Code in class: form elements | form elements image map example DOM |
1/12 | <table>, <rowspan>, <colspan>, <caption>, <ol type="1">, forms | Today's code: Tables, Ordered lists and color , form example | continue W3schools tutorial |
1/7/2015 | Intro to HTML | http://www.w3schools.com/html/default.asp |
Date | Assignment | Upload destination | Comment/notes |
---|---|---|---|
4/6 | Write a Java GUI that (1) displays the keyboard for a phone ( [[1, 2, 3], [4, 5, 6], [*, 0, #]] ) in the middle of the JFrame. (2) At the top of the JFrame, echo the numbers/symbols the user has punched in -- as they are being entered. Optional: format the numbers xxx-xxxx or xxx-xxx-xxxx while they are being entered. |
Upload to 231/lab0406.java | Due 4/8|
4/1 | Write a GUI that will calculate the volume of a rectangular cuboid | Upload to 231/lab0401.java | Due 4/6 |
3/25 |
| Due 3/30 | |
3/23 | More DOM surgery practice. Create an HTML page with one button. When the button is clicked,
create a popup offset from the original. In the popup, CREATE two paragraphs and add to the
popup's DOM:
| ||
3/16 | Generate 3 paragraphs or divs. The text in each should be "the tick", "noisy colors", "calibrating", respectively (or other).
Under mouse control (drag and drop), reposition the three divs to form different
permutations. The order of the divs (paragraphs) must be reflected in the order of children in the DOM. Demo will include showing the DOM in Firebug. |
231/lab0316.html | Due 3/23 |
3/11 | Write a short Javascript program that will read in a string. The string is supposed
to contain zipcodes, each separated by one or more blanks.
Using String methods and Regular expression methods, test each entry for
a valid zip code. Return the first invalid zipcode found Use zipcodes: 48103, 48104, 48105, 48106, 48197, 48198 |
231/lab0311.html | Due 3/16 |
3/9 |
|
231/lab0309.html | Due 3/11 |
3/4 | Using HTML and Javascript, when the page is loaded, automatically
create a popup window that is 1/2 the size of the original page,
offset to the right and down from the original page, with the focus
on the popup page. Do not do anything more than specified. | 231/lab0304.html | Due 3/9 |
3/2 |
| Upload to 231/labJack.html and to 231/labJan.html /td> | Due 3/4 |
2/16 | Display a picture. Count down 5 seconds, displaying 5, 4, 3, 2, 1 in turn, next to the picture. Display a rocket blasting off or an explosion in the place of the original picture. |
231/lab0216.html | Due 3/2 |
2/11 |
|
Upload to 231/lab0211.html | Due 2/16 |
2/9 | (1)Create HTML plus Javascript:
(2) Create HTML plus Javascript:
|
231/lab0209.html 231/lab0209a.html |
Due 2/11 |
1/28 | Create a piece of art in the style of Mondrian using divs or table
and background colors. At least 7 divs (or td elements) |
231/lab0128.html | Due 2/2 |
1/26 | (1) Take the w3schools HTML quiz -- show Eddie your quiz score (must earn 18/20 or above!) (2)Style your index.html page to contain a background image, using at least one background color, at least two different text styles -- use inline CSS; (3)Make a copy of your index.html page to index1.html. Style it as before, but use only internal CSS. | to index.html and index1.html | Due 1/28 |
1/14 | Create an HTML page that has a picture of your row of classmates. Each classmate is labelled with his name using image map. On this page, make a form with a drop down selection list with the names of the classmates. | Upload to 231/lab0114.html | Due 1/21 |
1/12 | Create a table with example double dactyls of at least four entries (rows) using HTML. First column is a double dactyl, Second column is the author of the poem, third column is link to URL, fourth column is a relevant image (found on web) For double dactyls see: (1) Peter Blinn's (2) Guy Steele's (famous computer scientist) (3) Collection by Alex Chaffee Table should have header row: Double dactyl, Author, Link, Image. Table should have caption "Examples of Double Dactyls" | upload to 231/lab0112.html | Due 1/14 |
1/7/15 | Create a meaningful home page with no errors or warnings on Firefox. Include the following tags: <title>, one or more of <h1> - <h6>, <ul>, <li>,
<img>, <p>, <hr>, <a>, <br> |
To your people account: index.html | Due 1/12 |
Assignment | Date delivered | Date Due | Other |
---|---|---|---|
Java GUI: speed reading | 4/13/2015 | 4/20/2015 |
|
Multi-threaded Java app | 4/8/2015 | |
TenThreads.java: worker threads find local max, then main finds global max |
Project #4 Battling for Gold | 3/23/2015 | 4/8/2015 | |
Project #3 Move a Sprite | 3/4/2015 | | Upload to 231/Projects/pp3.html |
Project #2 Slide Show | 2/11/2015 | 3/4/2015 | Upload to 231/Projects/pp2.html, etc |
Project #1 create a picture | 1/31/2015 | 2/16/2015 | Upload to 231/Projects/pp1.html |