Login to bookmark this video
Buy Access to Course
01.

Request, New Page and - Hey, You Welcome Back!

Share this awesome video!

|

Request, New Page and - Hey, You Welcome Back!

Hi there! I knew you’d be back! Learning to be a PHP programmer is a lot of work, but totally worth it. So, keep going: you’re getting more dangerous with each minute you spend practicing.

Getting the Code, Starting the Web Server

We’re going to keep coding on the project from episode 1. If you don’t have that code, just download it from the screencast page and unzip it. Once you’ve done that, we just need to start the PHP web server.

Open a terminal and move into the directory where the unzipped files live. I already unzipped the files in a Sites/php directory. Start the PHP web server by typing the following:

php -S localhost:8000

Great! Now just put that URL in your browser and voila!

Tip

Having issues? Check out our server setup chapter in episode 1!

What Secrets lie on the HTTP Request?

In episode 1, we learned that the web works via requests and responses. Our browser sends an HTTP request message into the interwebs for airpup.com/contact.php. This eventually finds our server where it scratches on the door. And with any luck, some web server software like Apache will be listening, open the door, look in a certain directory for the contact.php file and process all the PHP treats . . . I mean tags. The final HTML is called an HTTP response, and is sent from the server back to our browser.

So it all starts when we send that HTTP request message. But actually, that message has a whole lot more information than just the hostname and page we want. It also has our IP address, info on which browser we’re using and the values of fields when we submit a form.

Peeking at Requests

Let’s peek at these by going to the debugger on our browser. Click on the network tab and refresh.

Tip

You may need to enable network tracking before refreshing, which the network tab will ask you to do. If you don’t see any debugging tools, make sure you’re using a good browser. I recommend Google Chrome.

Each line here is an HTTP request that was just made by our browser. The top is the request for contact.php. The other requests are for the CSS, JS and images on the page. Yep, on every page load, your browser is actually making a bunch of requests into the internet tubes.

If you click on contact.php, we can actually see how this HTTP request message looks. Yep, it’s a lot of stuff. That User-Agent is what browser you’re using and Accept-Language is how the browser tells the server what languages you speak. It’s not important now, but we can get any of this information from inside PHP!

We need a New Page!

I want to build a form so a user can rent out their pet’s love to others.

Let’s start by creating a new page. How do we do that? Just create a new file called pets_new.php and scream some text out:

HI I AM A PAGE!

SQUIRREL!

To see us screaming at us, change the URL to /pets_new.php:

So every new page is just a new file. In a future episode, I’ll teach you a way to create URLs and pages that’s much fancier than this. But don’t worry about that quite yet.

Let’s make this page properly fancy by copying in the header.php and footer.php require lines:

<?php require 'layout/header.php'; ?>

HI I AM A PAGE!

SQUIRREL!

<?php require 'layout/footer.php'; ?>

Refresh to see a page that is only a little ugly. Progress! And a little Twitter Bootstrap markup makes this look a tiny bit better.

<div class="container">
    <div class="row">
        <div class="col-xs-6">
            <h1>Add your Pet</h1>
        </div>
    </div>
</div>