video
 
Hello everyone and welcome to the course in this video. I want to give you a bird's eye view. So you know what to expect. Big picture. 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


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


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.

Here we see the page banner subtitle just for this one professor.
And also if we scroll down a bit we see this related programs field.

So in this left column you can choose from the different programs or majors that are available at this
school and you move them over here to say which one. This particular professor teaches and then this relationship between Professor and program gets reflected

on our front end.
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.
OK. 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.

So for example I can either press the esky on my keyboard s for search or just click this search icon


up in the top right and that opens up this full screen transparent overlay and my cursor is automatically


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

content type.
So I searched for biology. Here we have any related blog posts or pages programs professors related campuses and even any upcoming

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. Right. 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.
Right. 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.
So for example if you wanted to invite a friend or a coworker and the only thing you wanted them to

be able to do is manage the event post type.
You can set that up or if you wanted someone to be a campus manager you could restrict them to only

be able to change those type of posts or you can mix and match different permissions.
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


doors.
Moving on in the next section of the course we will allow open registration.

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.
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.
Vorm ipsum class was amazing. Click create note on the fly it gets added here and saved into the database.

They are free to create another note math note number one did you know that two plus two equals four.


That's true.
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.
All of this gets saved into the database on the fly and they can also delete one of their notes in real

time.
The other feature that basic logging users get has to do with liking a professor.

So maybe if I navigate to the doctor barks a lot.
Professor page you'll notice this little heart box currently it says one to indicate that one other

person has liked Dr. barks a lot and notice the heart is hollow.
But if I click on it the heart fills in to indicate that I personally have liked this professor.

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

you can just click it again to toggle or remove your.
And all of this data is getting saved into the Wordpress database. 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.
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.
OK so that way everyone has access to a web host so you can practice deploying a site live and it's

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. I'm really excited to get things rolling. My goal for this course is to give you lots and lots of small victories each time we finish a small

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

it we are moving closer to our career goals.
And that's something to feel good about. So let's get some momentum rolling. Let's get things started. And most importantly let's become a WordPress developer.

CONTACT US

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

Sending

©2020 RussellCoder

Log in with your credentials

or    

Forgot your details?

Create Account