1. PHP and JavaScript Nov. 26, 2013 Kyung Eun Park Computer and Creativity (COSC109) Towson University

2. Table of Contents  PHP  JavaScript  XAMPP 2

3. PHP The language that you use to make the server generate dynamic output. PHP documents end with the extension.php. A Web server passes a PHP program to the PHP processor. A new tag to trigger the PHP commands: <?php echo “Hello World”; ?> 3

4. The Structure of PHP Looks more like Java, but flexible language Semicolons: PHP commands ends with a semicolon $ symbol: placed in front of all variables <?php $mycounter = 1; $mystring = “Hello”; $myarray = array(“One”, “Two”, “Three”); ?> 4

5. PHP Variables (1) String variables <?php $username = “Tom Sawyer”; echo $username; ?> Numeric variables <?php $count = 17; echo $count; ?> 5

6. PHP Variables (2) Array variables <?php $team= array(“Bill”, “Joe”, “Mike”, “Chris”, “Jim”); echo $team[3]; ?> 6

7. PHP Operators Arithmetic operators: +, -, *, /, %, ++, -- Assignment operators: =, +=, -=, *=, /=,.=, %= Comparison operators: ==, !=, >, =, <= Logical operators: &&, and, ||, or, !, xor 7

8. PHP Variable operations Assignment $x = 10; $+=10; $y =20; $y -=10; Variable incrementing and decrementing ++$x; --$y; 8

9. PHP String String concatenation echo “You have ”.$msgs.“ messages.”; $bulletin.= $newsflash; Variable substitution echo “There have been $count presidents of the US.”; Escaping characters $text = “My mother always said \”Eat your greens\”.”; 9

10. Multiline String Variable Multiple lines between quotes <<< operator <?php $author = “Alfred E Newman”; $out = <<<_END This is a Headline This is the first line. This is the second. - Written by $author. _End; ?> 10

11. PHP Variable Typing PHP is a very loosely typed language. No need to declare variables before they are used. Context-based variable typing by PHP if necessary. <?php $number = 12345 * 67890; echo substr($number, 3, 1); ?> <?php $pi = “3.1415927”; $radius = 5; echo $pi * ($radius * $radius); ?> 11

12. PHP Constants Similar to variables, but its value is set for the remainder of the program and cannot be altered. define(“ROOT_LOCATION”, “/usr/local/www/”); $directory = ROOT_LOCATION; Predefined constants __LINE__, __FILE__, __DIR__, __FUNCTION__, __CLASS__, __METHOD__, __NAMESPACE__ 12

13. PHP Function To separate out sections of code that perform a particular task. <?php $temp = “The date is “; echo $temp.longdate(time()); function longdate($timestamp) { return date(“ 1 F jS Y”, $timestamp); } ?> 13

14. JavaScript Client-side scripting language that runs entirely inside the web browser Placed between opening and closing HTML tags My First Web Page document.write(“ My First JavaScript ”); 14

15. JavaScript Function function myFunction() { alert("Hello World!"); } Try it 15

16. JavaScript Variables String variables greeting = “hello there” newstring = greeting document.writing(newstring) Numeric Variables count = 42 temperature = 100.0 Arrays toys = [“bat”, “ball”, “whistle”, “puzzle”, “doll”] document.write(toys[3]); 16

17. JavaScript Operators Arithmetic operators: +, -, *, /, %, ++, -- Assignment operators: =, +=(string too), -=, *=, /=, %= Comparison operators: ==, !=, >, =, <=, ===, !== Logical operators: &&, ||, ! Incrementing and Decrementing operators: ++, -- String concatenation: + Escaping Characters: \b, \n, \t, \’, \”, \\, etc. 17

18. JavaScript Typing Like PHP, JavaScript is a very loosely typed language Determined only when a value is assigned and can change as the variable appears in different contexts 18

19. Installing XAMPP Free and open source cross-platform Web server solution stack pagkage consisting of: The Apache HTTP Server MySQL database Interpreters for scripts written in the PHP and Perl programming language X(cross-platform), Apache HTTP Server, MySQL, PHP, Perl Intended it for use only as a development tool Allow website designers and programmers to test their work on their own computers without any access to the Internet. In practice, however, XAMPP is sometimes used to actually serve web pages on the World Wide Web. Support for creating and manipulating database in MySQL and SQLite Download at: http://www.apachefriends.org/en/index.html http://www.apachefriends.org/en/xampp.html http://www.apachefriends.org/en/xampp-windows.html http://en.wikipedia.org/wiki/XAMPP 19

20. XAMPP Control Panel 20

21. Running *.html and *.php files 21

22. localhost/index.php 22

23. localhost/index.html 23