PHP and JavaScript

PHP and JavaScript

Nov. 26, 2015Kyung Eun Park & Hojin Chang

Computer and Creativity (COSC109)

Towson University

2

Table of Contents1. Web Architecture

2. PHP

3. JavaScript

4. XAMPP

Web Architecture 1/22 Tier

Client (Web Browser) Web Server

http://triton.towson.edu/~karne/

3 Tier Client (Web Browser) Middle (Web Server & Servlet Objects) Database System http://pjd.mscui.net/PrimaryCare.htm

Web Architecture 2/23 Tier Examples

Syntaxprescribes the ways in which statements must

be written in order for them to be understood by the computer

like the rules of grammar and punctuation in human languages, but these rules must be followed precisely in computer programming

5

VariablesPurpose:

to store values that can be updated and retrieved at runtime

Data is stored in memory as bits.

Variable lets you refer, by name, to the data's memory location stored.

6

7

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”;

?>

8

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”);

?>

9

PHP Variables (1)String variables

<?php

$username = “Tom Sawyer”;

echo $username;

?>

Numeric variables<?php

$count = 17;

echo $count;

?>

10

PHP Variables (2)Array variables

<?php

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

echo $team[3];

?>

11

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

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

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

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

12

PHP Variable operationsAssignment

$x = 10;

$+=10;

$y =20;

$y -=10;

Variable incrementing and decrementing++$x;

--$y;

13

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

14

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;

?>

15

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

?>

16

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__

17

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

}

?>

18

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>

19

JavaScript Function

<!DOCTYPE html>

<html>

<head>

<script>function myFunction()

{

alert("Hello World!");

}

</script>

</head>

<body>

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

</body>

</html>

20

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]);

21

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

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

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

Logical operators: &&, ||, !

Incrementing and Decrementing operators: ++, --

String concatenation: +

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

22

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

23

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

http://www.apachefriends.org/en/index.html

http://www.apachefriends.org/en/index.html






24

XAMPP Control Panel

25

Running *.html and *.php files

26

localhost/index.php

27

localhost/index.html

Documents

PHP and JavaScript