Hello, friend, welcome back in this video to discuss about the template inheritance.
So what exactly that means so far, better understanding.
I just opened Amazon.com, this Amazon.com site.
You can see they have the most common.
Some of the piece like that is our header parts of are party's most common for our every pages.
Right.
So that is our site, Bearpark.
So that is also common for the every business and also to have the content part.
That means this portion will be the content and this content part will be changed for every page.
OK, and also that is our future part.
So futer part header part and the Seiberg part most common for the Web pages like here.
If you go to a specific this product, so there is a product base, you can only this contain part is
now become changed, but header is the same.
And also you can see there's a Futer is the same.
Right.
So if you also want to inherited your site then you can define that things with this template inheritance.
So you can do that work.
See, step by step I will show you like here for our disposal.
I want to define some of the header part and that is header part will be the one for the every page.
And if you want to add some of the futer, part of their part will be the common for the pages.
And also, if you want to include all that, your success on the JSE with the specifics of underpays,
then you can also defining it.
Only the content part will be loaded differently for every time.
OK, so here I want to define these parts of for doing this.
We have to do better.
That is are fast steps right now.
We don't need this.
I just remember everything from here, OK?
Just remove everything.
And in our template that is our first app template into the first step template here.
I want to do I want to create another another file.
I just wanna open file and here I take it as a base, OK, I just name it as a base dot SDM.
That means that will be our base, this table.
Fine.
And here I want to load all the other main things.
That means header and also access and the JSF.
Everything I want to define in particular that base area.
OK, so here I want to load everything and then if you want to display all the index data, then only
I want to extend it with this index and that is a form.
So you step by step, I'll show you.
So first of all, I want to do all the work in our base SGML.
So do the basic HTML at the front of this table tech.
I just simply found the external tag and here I defined the title.
I defined the title of the Django OK Django Project.
So here I define another title as a Django project.
So into the business model here I want to load all that Xerces and the Jaysus file for our project.
And also I want to load our header part because for every paisios we will need that navigation bar to
for the navigation.
I want to load it in our D Bays SDM Malaria.
So if you want to do that works right now for doing this, I want to use that bootstrap.
So if you already knew about that bootstrap, then I think you already know about it.
So first of all, I want to do I want to use that boost obsidian, OK?
I want to use that bootstrap.
And if you go to that bootstrap obsidian, that is indirection bootstrap.
So from here, so you can see that the access and the Jesus escorts right now to learn to use it.
I just have to copy it now that is open in our base.
What that means here.
So if you want to use that access, you have to use it into the header.
Yes, I just simply passed it.
OK, I just simply passed it.
And also, I want to do I want to take our all the GAO says that in the boost says I copy three of this
and into the body area for the into the body area here.
I just simply passed it.
So just simply page three of this on here.
So I just simply defending it and that is actually a statement.
So now I don't want to change it.
So here I want to make the things as a PSP.
So that is the B, B, B, B, B, OK, so I just simply defended the original and also into the what
area that means here.
I want to do I want to load one of the neighbor.
If you go to that bootstrap official side, there is a documentation and here if you go to that components
and the components that have some of the neighbor.
So that is actually the neighbor for no one to do and to take some of the neighbor from here.
They have so many resources you can use.
So there is also another one, uh, like that is actually the other one.
So fun know to do and actually use it.
OK, I just simply copied I just have to copy every quote from here, copied and now go to our site
and here to the border area.
I just simply passed it.
OK, I just simply posted here, we don't need this snibbe so just simply we will be it and also we
don't need this button.
I just hope that the day by day, we also don't need this.
I just simply will beat the tape for this one.
I just simply will beat.
And that is our neighbor, OK, that is our neighbor and our neighbor, the perfect.
So here I only want to take two of this space.
One would be as a home and there will be for our farms.
I just simply defend the farm on a farm farm.
So I have already defined two of the Sea World.
So that is our home and we don't need this.
I just hope it will be it.
And also that is I only want to take two of this right now.
We don't need this.
I just simply label it like a friend.
So here I define only two.
And also I want to do and define this neighbor as a dog, OK?
I just make that things as a busy dark and that is actually Elzie neighbor light.
I don't to change it at a dark.
So our disposition, that means our total portion will be based for our every pages.
So now I want to do I want to inheritance it.
So after that, after that I want to do I want to define solve the block for a specific design.
So if you already know about that, Laravel then in Laravel we define that part with the ILD right seem
to the PSP, we define that things with that include and then we include our specific D filename.
So here in Python Django we have to do, we have to define that things with the block.
So that means this part.
I want to block it.
So here you have to block it with the second bracket and then the double percent is OK.
If the double person is you have to define that block.
That means I just simply defined the blockade and the block.
I defined that body, OK?
I defined that body block.
I define the ID as a body block.
And also we have to do we have to end this block.
So after this after this, I want to do and and it I just simply and with the double percentages and
then and this block OK, I just simply added that means here for this specific base that means our base
is html here I define everything and I block it with our this block area and I just define all of the
body that is one of the ID as a body block.
So every piece for every piece.
Now if you use that index, if you want to use that form is HTML, everything will be lowered in particular
this position, OK, everything will be loading in this position.
So here I just simply blog it with our this idea as a blog that is a body block ID.
So now we have to defining it.
We have to defining it in our index.
Right mind.
That means here that the indexes html.
So I know what I want to do and to remove everything from here.
OK, I just simply remove everything from this position because here we don't need this here.
I have already added our success Jaysus and also I added our name back.
Right.
So now in particular that area it still be loaded and here in our indexes html here we have to defining
it.
OK, we have to define our this business html into the basis html.
I have defined a specific.
Some died with this as a block.
That means a body block.
Right.
So now first of all we have to do we have.
They extended, so I just simply extend with us second bracket and the double percentages, and here
we have to define the extent E e and the S extends and extends our Finemore file into the final step.
And that is our business template.
So we have to add it.
So that is our location as a fast, fast underscore app.
And then here we have to define our estimate.
That means our base HTML as a base dot SDM.
OK, so here I just simply extend it fast and after that I want to do want to define our specific blog.
That means specific which area you want to block it.
OK, so that means here I want to block it.
That is our percentages.
And here I have already defined the idea it will be as a block that is a body block.
I just simply copy it.
And now here in particular, that area I just simply defined as a block block and then our body block.
Perfect.
And in particular that area we have to do we have to end it.
So I just simply define the percentages and then and and this block, I just simply define it and block.
So that means one of the things.
Now we will put in our this area for the index base, this index page.
This material will be law that is specific, this area.
OK, I hope you will understand about it.
So everything will be very much clear to you when I actually Rani's I just simply define all the H1
tag and the H contact I define as, like I am from index or I am in this space, ok, in the space say
to simply define as am in this space.
So now we have to do, we have to do the same things, we have to do the same things for our farmers.
Demel that means here I just simply remove everything from here and now.
I just simply put it in particular, that area.
So that will be our form base.
I just simply load it as a form, OK, form base.
So there's this specific location will be loaded in our Bayes into the base here.
I have defined our block as a body block.
It'll be loaded on here.
OK, so now I just have to save all.
We have to save all.
The suburban roundtable and runners are Reagan.
As a python man is Dark Fae and their lines are what they enter.
Yeah, most is resigning now go to our side so that your sidekick is a refresh.
Yes.
Now, considering now that is actually our neighbor is loaded and here our tax is loaded.
Right.
So if you make that right, Dymocks actually doing it.
There is a home and that is our form.
So that is actually our neighbor.
So this neighbor actually comes from our business.
All right.
So now I think it should be very clear to you.
So into the base e-mail, into the base e-mail here.
I have to find out what this neighbor you can see is now loaded in particular that area, but in particular
that position.
I have defined our index base.
Right.
So now you can see into this position I define as a block and a body block and the and body block.
And here I define this body block in our index.
So into the index here you can see I extended our Fastweb basis for the results here.
I did add this number automatically is getting this Napat from our best estimate.
Right.
And only I have added as I am index based.
That means that is actually our I am index based.
Right.
So it's now perfectly visible that that means our this only this portion is perfectly loaded in our
D block party block area that I hope you can understand about it.
So our neighbor is also perfectly working and also I don't want to define some of the link.
So here that your neighbor I didn't define our home link and the form links, I have already created
all that out.
Right.
So if you go to our you aureole that is in our fast tab.
That is you are all I have already defined that form and the home and also I define our app name.
So in our previous video I have also discussed about the things we do.
How can create some of the reality.
Warrell So now we will use it in our in this position that we see in our neighbor area.
That means that our best e-mail here, that is our home.
So now Underdo, I think you already know about it, what exactly you have to do then.
The percentages and into the percentages here.
First of all, you have to define that keyword as you.
All right.
And then our application name.
So our app name.
I have defined name as a fast Web site, just simply defined as the faster than the clone.
And after that, our indexed right.
So for this one, that is our part name.
So that is the name of the index and also defined by name as a form.
Right.
So now I just simply defining it perfect.
That's all.
And also on to do the same things for our form.
But I just copied it here.
I just simply pasted.
So that will be our first name, our real name as a form.
I just simply copy and now I define as a form.
Perfect.
Now let's check this out.
I just got to save all.
Now go to slide.
Refresh it now.
Go to the form.
Yeah.
You can see our neighbor is the same only our this part.
That means our form part is now loaded and now showing as I am from, from space.
OK, that is our index space, that is our form base.
And also here if you want to use some of the container one of the subclass then so the better that that
is actually into our left position.
So here I want to do I want to go to our Bezalel here in particular, that position that in this block
border area, I want to define one of the bootstrap class as a Dave.
I define the Dave.
And to this day, I want to do unto the front of the class and in bootstrap that have some the class
as a container.
OK, I didn't name it as a container.
And then I finished that, Dave.
And also we have to do we have to finish it.
So I just simply defined that.
Dave, look, I just finish it.
So now I will be looking good to save all.
So that is only the booster class.
So if you know a little bit that bootstrap, then I think you already know about it is very much common
knowledge of the class.
Yeah.
Obviously, you know, it's actually on the perfect position.
So, you know, next we do want to discuss about the things we do.
How can build some the template filters.
So thanks for watching and I'll see you in the next video.