Slide 1

Slide 1 text

Intro to PHP Suzette Franck WordPress Evangelist, (mt) Media Temple 2014 Milwaukee WordCamp Foundation Friday, July 25, 2014 #wcmke @mt_Suzette Media Temple // 8520 National Blvd. Culver City, CA 90232 / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple

Slide 2

Slide 2 text

Media Temple // 8520 National Blvd. Culver City, CA 90232 / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Suzette Franck with a “ck” Twitter: @mt_Suzette ★WordPress Evangelist @ (mt) Media Temple ★Using WordPress since version 2.7 in 2008 ★20 years of web development experience ★Created 200+ WordPress custom themes ★Spoke at 20 WordCamps since 2011 ★WordPress Podcast WPUnicornProject.com https://www.youtube.com/user/mediatemple ★Reg. Contributor on WPwatercooler.com ★Blogs at: suzettefranck.com ★Slides: speakerdeck.com/suzettefranck

Slide 3

Slide 3 text

Media Temple // 8520 National Blvd. Culver City, CA 90232 / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple ★What is PHP ★Tools ★Look at PHP Code ★Resources What We Will Cover

Slide 4

Slide 4 text

Media Temple // 8520 National Blvd. Culver City, CA 90232 / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple PHP - What is it?

Slide 5

Slide 5 text

Media Temple // 8520 National Blvd. Culver City, CA 90232 / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple PHP - What Is It? ★Originated as Personal Home Page Tools, now it’s PHP Hypertext Preprocessor ★Server-Side Scripting Language (PHP) vs. Client-Side Scripting Language (Javascript) ★ alongside HTML ★Files must have .PHP extension ★Needs to be run on a server, outputs HTML ★Open Source, free, needs updates occasionally ★Runs on Apache and most web servers or OS

Slide 6

Slide 6 text

Media Temple // 8520 National Blvd. Culver City, CA 90232 / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple The LAMP Stack PHP Apache Linux MySQL ★PHP is part of LAMP ★PHP processes code into HTML ★PHP talks to MySQL Database ★PHP evaluates form submissions

Slide 7

Slide 7 text

Media Temple // 8520 National Blvd. Culver City, CA 90232 / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple PHP - Tools

Slide 8

Slide 8 text

Media Temple // 8520 National Blvd. Culver City, CA 90232 / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple What You’ll Need: ★Knowledge of HTML & some CSS ★Text Editor ★A Modern Browser w/Internet ★Google and codex.wordpress.org ★Web Host or Local Host running WordPress

Slide 9

Slide 9 text

Media Temple // 8520 National Blvd. Culver City, CA 90232 / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple PHP Code Editors

Slide 10

Slide 10 text

Media Temple // 8520 National Blvd. Culver City, CA 90232 / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Paid, Free to Try Free, Open Source ★Any old text editor will do ★Requirements: line numbering & syntax highlighting Sublime Text 2 (MacOS) Notepad++ (PC) PHP Code Editors

Slide 11

Slide 11 text

Media Temple // 8520 National Blvd. Culver City, CA 90232 / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Sublime Text 2 (index.php of 2014)

Slide 12

Slide 12 text

Media Temple // 8520 National Blvd. Culver City, CA 90232 / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Notepad++ (for PC)

Slide 13

Slide 13 text

Media Temple // 8520 National Blvd. Culver City, CA 90232 / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Web Server

Slide 14

Slide 14 text

Media Temple // 8520 National Blvd. Culver City, CA 90232 / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple ★PHP 5.2.4 or higher ★MySQL 5.0 or higher ★Latest Version of WordPress 3.9.1 Your Web Host Your Computer Web Servers

Slide 15

Slide 15 text

Media Temple // 8520 National Blvd. Culver City, CA 90232 / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple ServerPress.com

Slide 16

Slide 16 text

Media Temple // 8520 National Blvd. Culver City, CA 90232 / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Desktop Server

Slide 17

Slide 17 text

Media Temple // 8520 National Blvd. Culver City, CA 90232 / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Where Are The Templates? ★On Desktop Server: Documents/Websites/sitename.dev/ wp-content/themes/themename/

Slide 18

Slide 18 text

Media Temple // 8520 National Blvd. Culver City, CA 90232 / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Helpful Plugins

Slide 19

Slide 19 text

Media Temple // 8520 National Blvd. Culver City, CA 90232 / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Which Template? ★“What The File” Free WordPress Plugin

Slide 20

Slide 20 text

Media Temple // 8520 National Blvd. Culver City, CA 90232 / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Let’s Look At Code!

Slide 21

Slide 21 text

Media Temple // 8520 National Blvd. Culver City, CA 90232 / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Comments in PHP

Some text.

Some text.

Some text.

Slide 22

Slide 22 text

Media Temple // 8520 National Blvd. Culver City, CA 90232 / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Anatomy of a Function ★PHP Code Opening/Closing Tag ★WordPress or PHP Function ★Optional Parameters ★Line Terminator

Slide 23

Slide 23 text

Media Temple // 8520 National Blvd. Culver City, CA 90232 / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Anatomy of a Variable ★PHP Code Opening/Closing Tag ★Variable Name, starts with $ ★Operator (Assignment) ★Value (String) ★Line Terminator

Slide 24

Slide 24 text

Media Temple // 8520 National Blvd. Culver City, CA 90232 / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Variables & Data Types

Slide 25

Slide 25 text

Media Temple // 8520 National Blvd. Culver City, CA 90232 / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple PHP Data Types ★What you can do depends on data type ★Variables can change data type ★Versatile, but slower than other languages ★Strings ★Integers and Floating Point Numbers ★Boolean (true false) ★Arrays (multiple values) ★Null

Slide 26

Slide 26 text

Media Temple // 8520 National Blvd. Culver City, CA 90232 / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Strings ★PHP Code Opening/Closing Tag ★Variable Name, starts with $ ★Operator (Assignment) ★Value (String) ★Line Terminator

Slide 27

Slide 27 text

Media Temple // 8520 National Blvd. Culver City, CA 90232 / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Integers ★PHP Code Opening/Closing Tag ★Variable Name, starts with $ ★Operator (Assignment) ★Value (Integer) ★Line Terminator

Slide 28

Slide 28 text

Media Temple // 8520 National Blvd. Culver City, CA 90232 / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Boolean ★PHP Code Opening/Closing Tag ★Variable Name, starts with $ ★Operator (Assignment) ★Value (boolean) ★Line Terminator

Slide 29

Slide 29 text

Media Temple // 8520 National Blvd. Culver City, CA 90232 / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Arrays ★PHP Code Opening/Closing Tag ★Variable Name, starts with $ ★Operator (Assignment) ★Value (array) ★Line Terminator

Slide 30

Slide 30 text

Media Temple // 8520 National Blvd. Culver City, CA 90232 / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Null ★PHP Code Opening/Closing Tag ★Variable Name, starts with $ ★Operator (Assignment) ★Value (Null) ★Line Terminator

Slide 31

Slide 31 text

Media Temple // 8520 National Blvd. Culver City, CA 90232 / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Echo and Print

Slide 32

Slide 32 text

Media Temple // 8520 National Blvd. Culver City, CA 90232 / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Echo and Print Statements I’d like green eggs. I’d like 3 eggs. ★echo() outputs one or more strings. ★print() outputs one string and a value of 1 ★echo() is marginally faster ★Both are language constructs ★CaSe InSensitive ★Both can be used with or without () ★Can include HTML and variables ★Single or double quotes

Slide 33

Slide 33 text

Media Temple // 8520 National Blvd. Culver City, CA 90232 / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Echo and Print Statements I’d like $eggs eggs. ”; $eggs = 3; echo “I’d like $eggs eggs.”; ?> I’d like green eggs. I’d like 3 eggs.

Slide 34

Slide 34 text

Media Temple // 8520 National Blvd. Culver City, CA 90232 / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple All Together Now Copyright © 2014.

Slide 35

Slide 35 text

Media Temple // 8520 National Blvd. Culver City, CA 90232 / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Advanced Example $year = date(‘Y’); // sets year $name = get_bloginfo(‘name’); // sets name $email = get_bloginfo(‘admin_email’); // sets email echo “Copyright © $year by $name."; Copyright © 2014 by Intro to PHP.

Slide 36

Slide 36 text

Media Temple // 8520 National Blvd. Culver City, CA 90232 / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Operators in PHP Arithmetic + - * / % Assignment = += -= *= /= %= String Concatenation . .= Increment/Decrement $x++ $x-- Comparison == != <> !== > < >= <= Logical && and || or xor !

Slide 37

Slide 37 text

Media Temple // 8520 National Blvd. Culver City, CA 90232 / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Anatomy of a Statement

Slide 38

Slide 38 text

Media Temple // 8520 National Blvd. Culver City, CA 90232 / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Anatomy of a The Loop

Slide 39

Slide 39 text

Media Temple // 8520 National Blvd. Culver City, CA 90232 / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Resources

Slide 40

Slide 40 text

Media Temple // 8520 National Blvd. Culver City, CA 90232 / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Recommended Books “WordPress Web Design for Dummies” by Lisa Sabin-Wilson

Slide 41

Slide 41 text

Media Temple // 8520 National Blvd. Culver City, CA 90232 / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Recommended Videos “WordPress Web Design for Dummies” by Lisa Sabin-Wilson

Slide 42

Slide 42 text

Media Temple // 8520 National Blvd. Culver City, CA 90232 / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Recommended Websites http://codecademy.com

Slide 43

Slide 43 text

Media Temple // 8520 National Blvd. Culver City, CA 90232 / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Recommended Websites Google all the things!

Slide 44

Slide 44 text

Media Temple // 8520 National Blvd. Culver City, CA 90232 / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Recommended Websites http://www.w3schools.com

Slide 45

Slide 45 text

Media Temple // 8520 National Blvd. Culver City, CA 90232 / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Recommended Websites http://php.net/manual/en/

Slide 46

Slide 46 text

Media Temple // 8520 National Blvd. Culver City, CA 90232 / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Recommended Websites http://codex.wordpress.org

Slide 47

Slide 47 text

Media Temple // 8520 National Blvd. Culver City, CA 90232 / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple In Summary

Slide 48

Slide 48 text

Media Temple // 8520 National Blvd. Culver City, CA 90232 / 877-578-4000 / mediatemple.net / @mt_Suzette © 2014 (mt) Media Temple Things to Remember ★Follow the script logic flow ★Dissect code part-by-part ★Look up php functions in google ★Variables are different data types ★Functions performed based on data types ★Have fun and learn!

Slide 49

Slide 49 text

Questions? Suzette Franck [email protected] https://speakerdeck.com/suzettefranck HAVE FUN AND LEARN! @mt_Suzette Follow Me On Twitter!