CSC 341: Week of 2/12/18

CSC 341: The Week beginning Feb. 12

Homework:

Crew Assignment

Read and summarize the following article
Tech-support scammers have a new trick to send Chrome users into a panic

Due: Feb. 19
Monday:

We must schedule a test (probably in two parts) for next week. If a lot of students have a major exam one on a given day, we will try to avoid that date. The test will focus on interfacing (forms, text input, radio buttons, checkboxes, drop-down selects, and such), validation, session variables, and dates.

Demo of a PHP function: MonthlyPaymentFunctionDemo.html MonthlyPaymentFunctionDemo.zip

Demo of a PHP class: State_Class_Demo.php State_Class_Demo.zip

State_Class_Demo_With_Include.php State_Class_Demo_With_Include.zip

State_Array_Of_Objects.php State_Array_Of_Objects.zip

Demo: JSON encode: State_Array_Of_Objects_Json.php State_Array_Of_Objects_Json.zip

Demo: JSON decode: json_decode.php json_decode.zip

Demo: JSON decode from file: json_decode_from_file.php json_decode_from_file.zip

Demo: JSON property is object or array of objects: json_decode_object_properties.php json_decode_object_properties.zip

Demo: Combining JSON and jQuery ui
InsideOut/InsideOut.php InsideOut.zip

Other Resources
Object Oriented Programming (OOP) for Beginners in PHP (youtube)
PHP Object Oriented Programming (OOP): Introduction (1/13) (youtube)
PHP Manual: Constructors and Destructors
PHP Manual: json_encode
PHP Manual: json_decode
Wednesday:

Discuss scheduling for Test 1A and Test1B

Test 1A will be on Friday, Feb. 23. Test 1B will be on Monday, Feb. 26

Finish going over InsideOut example

Shorts lab

Due after Test 1

Friday:

Graphic Novel accordion from JSON
GraphicNovels.doc. Uses Graphic.zip

See the accordion example at https://jqueryui.com/accordion/

Some key features:
Code to apply the accordion functionality to the element with an id of accordion

  <script>
  $( function() {
    $( "#accordion" ).accordion();
  } );
  </script>

Accordion structure (header and div pairs -- the particular example below happens to have a paragraph inside the div but that is not part of the required structure)


  <h3>Section 1</h3>
  <div>
    <p>
    Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer
    ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit
    amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut
    odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.
    </p>
  </div>

Due after Test 1