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

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

Embed Size (px)

Citation preview

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

PHP and JavaScript

Nov. 26, 2013Kyung Eun Park

Computer and Creativity (COSC109)

Towson University

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

2

Table of Contents1. PHP

2. JavaScript

3. XAMPP

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

3

PHPThe 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 … ?>

<?php

echo “Hello World”;

?>

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

4

The Structure of PHPLooks 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”);

?>

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

5

PHP Variables (1)String variables

<?php

$username = “Tom Sawyer”;

echo $username;

?>

Numeric variables<?php

$count = 17;

echo $count;

?>

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

6

PHP Variables (2)Array variables

<?php

$team= array(“Bill”, “Joe”, “Mike”, “Chris”, “Jim”);

echo $team[3];

?>

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

7

PHP OperatorsArithmetic operators: +, -, *, /, %, ++, --

Assignment operators: =, +=, -=, *=, /=, .=, %=

Comparison operators: ==, !=, >, <, >=, <=

Logical operators: &&, and, ||, or, !, xor

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

8

PHP Variable operationsAssignment

$x = 10;

$+=10;

$y =20;

$y -=10;

Variable incrementing and decrementing++$x;

--$y;

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

9

PHP StringString 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\”.”;

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

10

Multiline String VariableMultiple 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;

?>

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

11

PHP Variable TypingPHP 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);

?>

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

12

PHP ConstantsSimilar 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__

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

13

PHP FunctionTo 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);

}

?>

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

14

JavaScriptClient-side scripting language that runs entirely inside the

web browser

Placed between opening <script> and closing </script> HTML tags

<!DOCTYPE html>

<html>

<body>

<h1>My First Web Page</h1>

<script>

document.write(“<p>My First JavaScript</p>”);

</script>

</body>

</html>

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

15

JavaScript Function<!DOCTYPE html>

<html>

<head>

<script>

function myFunction()

{

alert("Hello World!");

}

</script>

</head>

<body>

<button onclick="myFunction()">Try it</button>

</body>

</html>

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

16

JavaScript VariablesString variables

greeting = “hello there”

newstring = greeting

document.writing(newstring)

Numeric Variablescount = 42

temperature = 100.0

Arraystoys = [“bat”, “ball”, “whistle”, “puzzle”, “doll”]

document.write(toys[3]);

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

17

JavaScript OperatorsArithmetic operators: +, -, *, /, %, ++, --

Assignment operators: =, +=(string too), -=, *=, /=, %=

Comparison operators: ==, !=, >, <, >=, <=, ===, !==

Logical operators: &&, ||, !

Incrementing and Decrementing operators: ++, --

String concatenation: +

Escaping Characters: \b, \n, \t, \’, \”, \\, etc.

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

18

JavaScript TypingLike PHP, JavaScript is a very loosely typed

languageDetermined only when a value is assigned and can

change as the variable appears in different contexts

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

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

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

20

XAMPP Control Panel

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

21

Running *.html and *.php files

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

22

localhost/index.php

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

23

localhost/index.html