[MUSIC]

[SOUND] In this project,

we're going to use an array to store all the information about our media items.

We'll have one array for the whole catalog.

The array will have multiple elements, one element for each item.

Then on the main catalog page,

we'll be able to loop through all the items using PHPs foreach command.

We still have more to cover about arrays before we can build the page entirely, but

lets open catalog.php and get a basic array in place.

At the very top of catalog.php, lets add some PHP code to create an array

We'll name this array, $catalog = array.

We'll add some values here.

Enclose our array.

We now have three elements here.

Design Patterns, Forrest Gump, and Beethoven.

The text for each element is enclosed in quotation marks.

There is a comma between each set of values.

If we were to put a comma within our value,

it would be treated as text, not as a separator between the elements.

We can put hard returns between each element to make it a little easier to tell

them apart.

You'll typically see large arrays written like this,

PHP doesn't care what you use for whitespace or indentation.

It just makes it easier for other developers to read your code.

Let's add the proper HTML for this page including the wrapper div.

Let's go down here.

First we're gonna add catalog

as part of our class because this is the catalog page.

We'll add a new div.

class="wrapper".

And we'll put our h1 tag Up here in our div.

Inside the wrapper div,

right below the h1 tag, let's list off our items in an unordered list.

When you're first starting,

I always recommend writing out the final HTML needed, and then working backwards to

figure out what PHP you'll need to use to generate that HTML.

So we're gonna need one unordered list with an opening and close.

And we're gonna do a list item.

And we need Item 1, list item Item 2,

and list item Item 3.

Okay, we can see now that we need to

include these list item tags within our foreach loop.

We don't need to include the unordered list

because there's only one pair of unordered list tags.

So let's replace the multiple LI tags with a foreach loop that displays one item for

each element in the array.

So we're gonna open up our php tag and we're gonna create a foreach.

Wanna see a foreach($catalog

as $item).

And then we're going

to echo out that item.

[INAUDIBLE]. Using concatenation we

do item, closing li tag,

and closing semicolon.

Let's make this a little bit easier to see.

Okay, and close out our PHP tag, and

then we'll remove these lines here.

So we've created a foreach loop for the catalog items.

And we've assigned each item to a variable item.

And then we've told it to print the item here below.

So let's take a look at this in the browser.

Okay, if we go to our Books page, we now see a list.

Design Patterns, Forrest Gump, and Beethoven, here in an unordered list.