1. Intro to Web Programming Presented by Blaine Hilton

2. Agenda  Hand out Packets  Rules, Expectations, and other Required Stuff  Introductions – Why are you here?  Introduction to LAMP  Software Introduction

3. Rules and such  Come to class  Be here on time  Turn any noise maker off  Pay for the class, if you haven’t already  Don’t cheat  Ask questions

4. Ask Questions  We only have 8 sessions  Each session is 3 hours  I’m going to make a very wide array of information  If you don’t understand something, its going to get worst, not better  If I’m not asked anything I’m going to assume I should move through the material faster

5. The book  PHP and MySQL Web Development  ISBN: 0-672-32672-8  946 pages  Equals 135 pages to read per week  Get it, its worth it, you will use it after the class

6. LAMP Application Stack  Linux  Apache  MySQL  PHP  WAMP Comparison

7. Development Workflow  Edit files locally  Publish to server  Setup database  Test  Debug

8. File Transfer Methods  FTP  SFTP  SCP  Subversion

9. Introduction to the Lab  Our software is installed in the middle row  Anything you save on the lab computer will be erased at the end of class.  All files must be saved to your flash drive, it is highly recommended to backup your flash drive to another drive and/or your home computer often

10. Software Introduction  PuTTY  Subversion  Tortoise SVN  Programmers Notepad  WinSCP  phpMyAdmin

11. Our Web Server  www.web-design-class.com www.web-design-class.com  www.web-design-class.com/phpMyAdmin  firstinitiallastname.web-design-class.com

12. Hello World    Hello World!  Hello World!    Hello World  Hello World  

13. Save and upload  Make a folder on your flash drive  Save as “index.php”  Subversion upload  WinSCP Transfer

14. HTML Tags to Know    -  -    Text  Text  

15. Table Example   # # Name Name   1 1 Blaine Blaine   2 2 Rick Rick  

16. Form Elements  Text Box  Text Area  Select  Select Multiple  Radio  Checkbox  Submit  Hidden

17. Form Elements in HTML    <select name=“name”  Display  Display    Display  Display  

18. Form Elements in HTML  

19. HTML Notes  To be well formed HTML needs to follow some rules: All tags are always lower case All tags are always lower case All tags must be closed All tags must be closed

20. Form Example  Start with Hello World

21. Database Introduction  Key Terms Database Database Table Table Fields/Columns Fields/Columns Relationships Relationships Keys Keys

22. Field Types  INT  FLOAT  VARCHAR TEXT  TINYINT

23. Database Keys  Primary Key  Unique Key  FullText

24. Database Communication - SQL  INSERT  SELECT  UPDATE

25. PHP Introduction    Note: Opening Opening Closing Closing Semi Colon Semi Colon

26. Variables  <?php  $university= ‘Purdue’ ;  echo “$university” ;  ?>  Note: Variable name starts with $ Variable name starts with $ Colon ends each line Colon ends each line Multiple lines can be within one opening/closing block Multiple lines can be within one opening/closing block

27. Combining Strings  <?php  $fname= ‘Blaine’ ;  $lname= ‘Hilton’ ;  $university= ‘Purdue’ ;  echo ‘My name is ‘.”$fname”.’ and I attend ‘.”$university”’.’ ;  ?>  Note: Again, anytime you open/start you must close/end Again, anytime you open/start you must close/end Single quotes are for non-changing information Single quotes are for non-changing information Double quotes are for information that can change (variabiles, ect…) Double quotes are for information that can change (variabiles, ect…) You can usually always use double quotes, but it makes the page load longer (more to think about) You can usually always use double quotes, but it makes the page load longer (more to think about)

28. First Application  Goal: Have students register their likes and dislikes. Have students register their likes and dislikes.  What we need: First Name First Name Last Name Last Name Favorite Color Favorite Color  What else?