Start to Build your Web

Fundamental PHP & Web Development

Transcript

1. Start to Build your Web Fundamental PHP & Web Development lecturer : Lucien Lee 李柏緯 Lecture 1
2. 2 李柏緯 Lucien Lee lkiral7903@gmail.com lucien.leee Actually , I’m front-end developer! In Mobile Human Computer Interaction Lab
3. Before Start... 3
4. What do you want in this class? 4
5. I hope... 5
6. You can prototype 6 make your idea realize
7. Those website made by PHP still use PHP now 7
12. 12 Although you can’t make a website as good as them after this class, it is the beginning.
13. You need more practice! 13
14. ! We’ll have homework 14
15. LET’S START! 15
16. ? How web work 16
17. STATIC CASE 17 EVERYONE SEE The Same Content
18. How web works? 18 Client Server
19. How web works? 18 Client Server
20. How web works? 18 Client Server Request
21. How web works? 18 Client Server Request http://www.google.com
22. How web works? 18 Client Server Request http://www.google.com Response
23. How web works? 18 Client Server Request http://www.google.com Response HTML
24. DYNAMIC CASE 19 Content are Decided by InPUT.
25. How web works? 20 Client Server Request http://www.google.com Response HTML
26. How web works? 20 Client Server Request http://www.google.com Response HTML PHP JavaScript
27. SET ENVIRONMENT 21
28. 22 PHP Apache MYSQL
29. 23 PHP •PHP：Hypertext Preprocessor •Can be embedded into HTML •Like C & Perl •Efficient •FREE!
30. Apache •Apache HTTP Server •Cross platform •PHP run on Apache •FREE! 24
31. MySQL •Database management system •Cross platform •EASY •FREE! for personal use 25
32. 26 Linus Mac Windows LAMP MAMP WAMP
33. All-in-One 27 YoU Don’t have install by yourself
34. Package •WampServer •AppServ •XAMPP •MAMP •...... 28
35. The easiest one is 29
36. Test localhost 30 http://localhost/ or Http://127.0.0.1/
37. OK, Let’s GO! 31
38. Hello World! 32
39. 33 <?php echo 'hello world'; ?> hello.php
40. Semicolon echo 'hello world'; 34
41. Comment //This line wouldn’t execute. #For programmer note something. /*multiple lines comment multiple lines comment multiple lines comment*/ 35
42. Variable • Program use variable to save value. • Like a Box with name, you can put anything in the box. 36 Price 100 $Price = 100
43. Type •integer •float, double •boolean •string •null •array •object 37
44. Weak typed you don’t need to clam type for variable 38
45. Operator •+、-、*、/ •++、-- •==、!=、>、<、<=、>=、!== •. (string connecting) 39
46. Constant • It doesn’t change value after assign. • define(name, value) • Ex:define(‘PI’, 3.14); 40
47. ARRAY •a collection of data items. •key map to value. •Like many box put together. 41 Apple 100 Orange 150 Banana 200
48. Sample $Price[0] = 100; $Fruit = array(“apple”,”orange”, “banana”); //$Fruit[0] = “apple” list( $fruit1, $fruit2 ) = $Fruit; echo $fruit1;//Get “apple” echo $fruit2;//Get “orange” 42
49. Sample $Price = array(“apple”=>100, ”orange”=>150, “banana”=>200); //$Price[“orange”] = 150; 43
50. Live Coding 44
51. homework 45 •Setup PHP + MySQL + Apache in your computer •Try http://localhost and http://localhost/phpmyadmin •Screenshot those two site and send to me. •[PHP class] hw1-<Your Name>
52. AppServ 46
53. 47 Wamp
54. MAMP 48
55. XAMPP 49 http://it-easy.tw/xampp/
56. PHPMYADMIN 50