COAP:COAP-2100/week6: Difference between revisions
Jump to navigation
Jump to search
mNo edit summary |
mNo edit summary |
||
| Line 1: | Line 1: | ||
<categorytree mode="pages" depth="1" style="float:right; clear:right; margin-left:3px; border:1px solid gray; padding:0.7ex; background-color:#f9f9f9;">COAP 2100</categorytree> | |||
=== Week 6 [[Help:COAP-2100|COAP 2100]] === | === Week 6 [[Help:COAP-2100|COAP 2100]] === | ||
| Line 50: | Line 51: | ||
; Submission | ; Submission | ||
* Submit the file to the worldclassroom. | * Submit the file to the worldclassroom. | ||
[[Category:COAP 2100]] | |||
Revision as of 15:33, 13 February 2011
Week 6 COAP 2100
Topics Covered
We shall have a (superficial) look at key elements of client-side web page interactivity
- HTML forms
- JavaScript
- DOM
- DHTML (HTML + DOM + JavaScript + CSS)
Teaching materials
- Javascript tutorial - basics
- DHTML
- HTML forms tutorial (only parts)
- DOM (just some links)
Classroom activities
- Monday
- Exam feedback
- JavaScript lecture using Javascript tutorial - basics
- Some JavaScript code modifications
- Wednesday
I suggest to pick:
- tree-walking3.html(save link as)
If you want something slightly simple (only change colors):
- tree-walking2.html (save link as)
Homework 5
- Task
- Create a DHTML page that has a least one button allowing the user to change a style or something else in a page
- You may reuse code from the DHTML page starting from the Collections and creation of elements section. "May reuse" means of course that you can code your own or build on top of other code (but if you choose the latter, make sure to give credits somewhere, e.g. in the code)
- To get an A
- Create a page with real contents and implement DHTML changes that make sense for a given target population.
- Add some extra CSS style
- Explain somewhere in the page what pressing the button(s) will do or at least make the button labels self-explaining.
- Due
- Before Monday week 7 class
- Submission
- Submit the file to the worldclassroom.