Hello everyone and welcome to the course in this video. So you know what to expect. I want to give you a bird's eye view. The goal of this course is for you to learn how to code completely custom web sites with wordpress.

We're going to build the site together for a fictional University and along the way we will slowly but

Big picture.
surely become a WordPress developer.

First I will have you install WordPress on your personal computer so that you have a private playground

copy of Wordpress that you can practice and experiment with.

Next we will take our first look at the PH programming language.
This is what powers the core of wordpress. But don't worry you don't need any prior experience with HP.

After that we will learn how to code and create a brand new theme.
After that we will learn how to create custom post types. There is an entire world of Wordpress beyond just posts and pages.

For example let me show you the admin dashboard for our finished product in this course in my sidebar
we see posts in pages just like in a normal WordPress installation.

But I've also got campuses and events programs professors notes likes and each of these post types has

its own unique set of fields instead of just a generic title and body field.

So for example if I click on professors and then if I click to edit my professor named Dr bark's a lot.
Yes we do have the generic title and body field but we also have page banner subtitle and page banner Here we see the page banner subtitle just for this one professor.

background image which if we view this post on the front end.

Those fields control this background image that is unique to just this professor page.
So in this left column you can choose from the different programs or majors that are available at this

And also if we scroll down a bit we see this related programs field.
This particular professor teaches and then this relationship between Professor and program gets reflected on our front end. school and you move them over here to say which one.

So on this professor page if I scroll down we see subjects taught biology.

This allows us to create relationships between different pieces of content.

And this opens up all sorts of possibilities.

So for example if I click on campuses up in the header we've got this interactive Google Map with pins
on it and each pin is a campus post. So for example we've got our downtown west campus and if I click on that it takes me to that detail screen for just this one campus and if I scroll down we can see programs available at this campus map. So long story short custom post types and custom fields allow us to programmatically relate different content together in really compelling ways. After that section of the course we will move on to learn about javascript.

Our first big javascript project in this course is to power our live search results.

up in the top right and that opens up this full screen transparent overlay and my cursor is automatically So for example I can either press the esky on my keyboard s for search or just click this search icon placed in this search field so I can just start typing for whatever I'm searching for.

And on the fly in real time we get our search results and not only that but they are organized by the

So I searched for biology.

Here we have any related blog posts or pages programs professors related campuses and even any upcoming
content type. events that have to do with biology.

Now there's really two main aspects to the javascript here part.

One is the javascript to power the actual user interface.

Opening and closing the overlay and responding to click events things like that.

And then the other aspect of the JavaScript is actually communicating with the Wordpress server on the

fly in real time.


Because when someone searches for something we need to send that search string to the server and then

on the other hand we also need to receive this incoming data from the server and all of this needs to
happen in real time.

So this is a great exercise to learn all about javascript.

I think you're going to love this portion of the course just a bit of a spoiler.

The word press rest API is what makes all of this possible and very elegant to set up.
OK. Then in the next section of the course we will learn about user roles and permissions.

So if you want to have multiple people help maintain the Web site you do not need to give every one

administrator access.
be able to do is manage the event post type.

So for example if you wanted to invite a friend or a coworker and the only thing you wanted them to
be able to change those type of posts or you can mix and match different permissions.

You can set that up or if you wanted someone to be a campus manager you could restrict them to only
Maybe someone should be able to post into the blog and manage programs but thats it. The possibilities are endless and learning about roles and permissions will really open up new collaboration

Moving on in the next section of the course we will allow open registration.
doors. So for example if I log out and currently signed in with my admin account but I can click log out and then if I visit the Web site again you can see that if a stranger visits the Web site they can log in

or even sign up.
So with open registration any random visitor can sign up for a basic account and once someone with a basic account signs in that gives them access to two new features the first feature is my notes and

in this portion of the Course we really sink our teeth into the Word Press rest API.

We basically create our own mini single page application.

Vorm ipsum class was amazing.

So if a student brings their laptop into a lecture hall they can take a note biology note number five

and take a few notes right.
They are free to create another note math note number one did you know that two plus two equals four.

Click create note on the fly it gets added here and saved into the database.
Go ahead and click Create OK and then from their existing notes they're free to make edits they can

click this to change the title click save.

That's true.

All of this gets saved into the database on the fly and they can also delete one of their notes in real
Professor page you'll notice this little heart box currently it says one to indicate that one other The other feature that basic logging users get has to do with liking a professor. time. But if I click on it the heart fills in to indicate that I personally have liked this professor. So maybe if I navigate to the doctor barks a lot. person has liked Dr. barks a lot and notice the heart is hollow. And you can see their light count went up by one.

And thanks to javascript and the rest API.

All of this happens on the fly so if I immediately decide that actually I don't like this professor
And all of this data is getting saved into the Wordpress database.

you can just click it again to toggle or remove your.

After this section of the course I show you how to push or deploy your website live up onto the web

so that the entire world can view it and if you don't have a web hosting account practice with.

That's OK.

This course gives you access to a free three month educational hosting plan and it really is free in
the truest sense of the word. OK so that way everyone has access to a web host so you can practice deploying a site live and it's

You do not even need to enter a credit card or any form of payment so there's no way they can automatically
bill you at the end of the three months. not mandatory but if you're familiar with the Get version control system you are really going to love the automatic get deployment setup that I can show you.

And finally we end the course with a few extra credit challenges.
So there's the bird's eye view of the course.

My goal for this course is to give you lots and lots of small victories each time we finish a small

I'm really excited to get things rolling.
little feature or section and things work the way we want them to.

I want you to relish that small victory because each time we write code and accomplish something with

And that's something to feel good about.
it we are moving closer to our career goals.

So let's get some momentum rolling.

Let's get things started.

And most importantly let's become a WordPress developer.


We're not around right now. But you can send us an email and we'll get back to you, asap.


©2021 RussellCoder

Log in with your credentials

Forgot your details?