So this is not to do off a jungle cruise, so like in the previous tutorials, I showed you how you
can create a jungle project, how you can work with it, how you can ensure the jungle and how you can
work with the question is part.
So if you have any doubts to go into that tutorial, you have missed anyone.
So you can refer to my previous tutorial.
So I again welcome you all to programming knowledge.
So like in addition to the tutorial, we are going to basically work with templates now and then we
are going to work with templates and well, basically, I told you, the Django is based on MBT Patane
model view and templates.
So models are built with your database and views are based on your business logic.
POC and templates are based on unfranked.
Some models are based on a database used on business logic and templates for function part.
So what you can.
I want to tell you that for the French part, basically we are going to use bootstrap.
So bootstrap is how is the world's most popular framework for building the mobile phone site.
So I will show you the responsive nature of bootstrap as well, because if you are making a Web application
and what you want, do you want to target an audience?
So what you want to do is that if someone is using a Web application or desktop, then another day like
someone it might use on a laptop as well.
Tablet, mobile phone.
And like there are various insiders who you want to application to adopt that screen size to show that
that screen size bootstrap is used.
So this would make your content responsive in nature and adapt to the particular inside of the user.
And this would help you to follow foster development as well.
So it has all the predefined HTML JavaScript libraries and you'll be using these templates and I will
show you how you can use how you can use chrome developer tools to edit your pages.
And you can you can be sure about how you can create your pages as well.
So the first thing you need to do, like the first thing you need to do like this, this is I mentioned
how you can go with the repository and the same thing you said.
The second thing you need to do, you need to move into a setting should be my file.
And before this, you need to create a two folder, one with the name template, another with the name
static, so complex and stacking the two folders you need to do.
So first I would move to the my project.
So this directory schematic repository.
So I would create a new folder.
Name them place.
But this is the first full throated created templates and the second one which I'm going to create is
the static.
So static basically is working with the static file.
It could be any citified.
So basically, just for an example, you have an image which is an image and you need to use it multiple
times so you can imagine your static folder.
So in order to display in your page as well, so do folder templates will be having your files and starting
is going to have your raw files and it could be in any form.
So after creating these two folders, what you need to do is to add them in your directory.
So the first thing you need to do is.
You need to move to a certain profile and one shortcut, I would show you that inside a school you can
type control to speak and move to any physical time to move to this.
You want to start a model.
Should be more if I let this be fine.
So I would type models and it would give me some recommendation about I would click on it and I would
move to this file.
So in this I came back to you.
I find that this is a very interesting shortcut.
So I'm installed store.
I mentioned my app.
And under the very Chris Templar's, what I need to do, I have to mention my current spot, we might
sold.
We got this all this list is basically associated with the template directory.
So I would type W dot, but.
Don't join.
Basically, Gomaa Templar's.
So this would join my folder that I'm telling that it could be any boys and women, I would join this
firm based charity to the Templars.
So this would connect with this folder.
So my project is not connected with this folder.
The second thing I need to do is the same thing I need to do for the static files.
But this is a little different.
So I have to first mention the less static.
Files underscored by Chris.
So this is the list I would be using this so you can see these are almost same thing, always on point
or join are going to school campus and others don't join based Kohima study.
So what I can do is with sorry, with Dr. Park.
Doug, join.
This the.
Come up, stay OK.
This looks good, so I will run my server, so in the time I will show you one thing, that the servers
are working fine and I can make some URLs like in the previous to do that, I showed you how you can
make the request and the response spot.
So, like, just for just for to be sure about this, I would move to localhost horse an eight thousand.
OK, so it says HelloWallet and I showed you, like, you can create an Yarl's as well.
So, like in this we are going to create a model.
So first thing you need to do is move to your template folder.
So these are the two folders which I made and static.
So inside your template for the unit, you will create a new file.
And name it index DOT, HDMI, and you can you make this file and open this file and what you are going
to do this inside the index index or estimate file, you are basing your first official page on what
you are going to do is you will move the bootstrap website and you would go to the getting started that
introduction and start an introduction.
And now you would first pick the starter template because this would be very helpful.
You can copy this.
And paste this inside an index.
So, like you can see that it has the whole structure and it has all the JavaScript libraries defined,
as well as the C.
S libraries as well.
And you can know one, that these files, as well as the JavaScript files has been kept online.
So anyone can use this of the services and JavaScript files because these are predefined in bootstrap
and anyone can use bootstrap to make that application responsive.
OK, I would change the status.
To learn.
Jungle.
And basically, I will save this file and basically the title is this what you can see above here,
the introduction bootstrap GitHub dashboard software that this is your title, so.
Learn Jango and I will say this.
Hello.
Jianguo.
Project like, OK, so what you can do is you can move to you are you are to start people file.
And you can define your to render your pitch, so just for example, I would define what?
My first.
Paige.
And I would call Newstalk.
My first name.
So in my first page.
And I would give this a name.
My first.
Paige.
So I have to pick it apart, call my first page, you and I would call the function my first page from
used, and I have this given a short name to this URL as my first page.
So this is going on.
And why is it that I have it?
Not if I in my first page function inside the views.
So I will move to my views or profile.
So.
The my first.
It is taking a request as a barometer.
And this time, 52 tools, I showed you that they can be various types of responses to respond just
on response, but this time I'm like, I'm going to render a page.
So I would say they're done.
They're done, rendered.
Request.
Go up in next door, XHTML.
So.
So this will render the page and when I will move to this new order, so this will show me that page,
so I'm inside my localhost and I would slash my first.
Paige.
OK, so, yeah, so what you can see that it has rendered the first page.
Now I'm showing you two shortcuts.
The first one is Control Gosu, so this will show me the whole front, end quote.
So this is the full circle you can use.
I control plus you.
OK?
And the second one is you can use inspect element, OK.
And you can see now the responsive nature of this.
I can show you that this is like chrome developer tool and you can use this to work with the front end
part of your project.
It is very good.
OK, Galaxy S5 iPhone five.
OK, this is part of the nature laptop, laptop screen.
So this will be the one I can do is move to Galaxias file and I would expect this.
And I would eliminate or else I would change color is equal to red.
So this changes the color of this heading to red.
But this is to only to have a view of your project as soon as I reflected it, because this is temporary.
You do this, you can do some can change to have a look just as soon as I refresh this page.
This is this is banished so and so you can use the tools to have a look at the front and back, so I
will continue with the lecture and I will tell you how you can work with the backend logic and integrate
it into the printed part of it.
So thank you, everyone.
So thank you.