User Tools

Site Tools


eg-259:cw1

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
eg-259:cw1 [2012/02/15 11:38] – [The Exercise] eechriseg-259:cw1 [2012/03/09 11:21] (current) – [How this Work will be Assessed] eechris
Line 1: Line 1:
 ====== Coursework 1: Client-Side Programming ====== ====== Coursework 1: Client-Side Programming ======
  
-**Formally issued on**: Tuesday 28th February, 2012.+**Formally issued on**: Tuesday 21st February, 2012.
  
 **Lecturer**: [[C.P.Jobling@Swansea.ac.uk|Dr Chris P. Jobling]]. **Lecturer**: [[C.P.Jobling@Swansea.ac.uk|Dr Chris P. Jobling]].
  
-**Due date**: Session on Thursday 22nd March, 2012.+**Due date**: Session on Thursday 15th March, 2012.
  
  
Line 47: Line 47:
     * expenses for which receipts are available     * expenses for which receipts are available
     * expenses for which receipts are not available which will be displayed as "manager approval required"     * expenses for which receipts are not available which will be displayed as "manager approval required"
 +
 +You should think about the names that you will be passing to the server-side of the web app in the choice of your field names.
  
 Where possible, all error messages should display in the form and be highlighted by colour changes and change of focus. Where possible, all error messages should display in the form and be highlighted by colour changes and change of focus.
  
-//Hint//: Start by creating the form in HTML5 and then write the JavaScript to make it work. Use HTML5 form validation where supported.+//Hint//: Start by creating the form in HTML5 and then write the JavaScript to make it work. Use the new HTML5 input types and form validation attributes where supported.
 ===== Submission Details ===== ===== Submission Details =====
  
Line 59: Line 61:
 ===== How this Work will be Assessed ===== ===== How this Work will be Assessed =====
  
-You should use HTML5 validation where appropriate but should provide JavaScript alternatives (//hint//: use the modernzr library to check for the availability of the required attributes and elements). You may assume that JavaScript will be turned on ... but should provide a warning message to the user if it isn't!+JavaScript must be used for the expenses calculation but you can and should use the new HTML5 form elements and validation attributes where appropriate. For extra credit you will provide JavaScript alternatives to these if the browser doesn't support them. //Hint//: use the modernzr library to check for the availability of the required attributes and elements.  
 + 
 +You may assume that JavaScript will be turned on ... but should provide a warning message to the user if it isn't!
  
 There will be: There will be:
  
-    * marks for successful completion of the exercise;+    * marks for successful completion of the exercise;
     * 1 mark for **valid** HTML 5;     * 1 mark for **valid** HTML 5;
     * 1 mark for **creative** use of CSS;     * 1 mark for **creative** use of CSS;
-    * 2 marks //extra credit// if the error messages are embedded in the document rather than using alerts+    * 1 marks if the names you choose for your form elements will work well server-side. 
-    * 3 marks //extra credit// will be awarded for valid use of the jQuery library in the implementation of the required functionality;+    * 2 marks //extra credit// will be given if you implement your active code using the jQuery library.  
 +    * 3 marks //extra credit// will be awarded if your form is able to use JavaScript where the necessary HTML5 form elements and attributes are not provided.
  
 Late submissions will **not be marked**. Late submissions will **not be marked**.
eg-259/cw1.1329305920.txt.gz · Last modified: 2012/02/15 11:38 by eechris