Hello and welcome.
In this lecture we are going to try and understand some of the concepts we have covered while creating
our first web app.
One of the concept we are going to go through here is the intelligence we use eat in our previous lectures.
Intel sense is kind of like a tool that tries to guess which code you're trying to type and gives you
options.
So it's quite useful.
It helps you to complete your code and make the code writing process faster.
So let's just give you a quick illustration just in case you can't remember what it is.
If for example I'm trying to type a string type in the word s..
You notice that it creates a sub menu here giving me a list of items.
So he's trying to guess what I'm trying to type.
So if for example I wanted to type if the guess is right and I wanted to try string rather than typing
the whole world string I just click on it and it puts it in there and so on.
So that's basically the concept of intelligence.
It helps you preempt the code you're trying to write in.
I mean the process speeds up the code writing process.
Next thing I want to highlight here is the distinction between the DOT is picks dot c s and the airspace
so notice we've got to file names here almost identical.
But the difference is that one of them has got the dot c s extension after it.
OK.
So I just want to illustrate the similarity or the differences between them in a way these two files
both represent the same side of the coin.
Does they represent two sides of coin.
A coin has two sides.
So this follows basically represents both sides of a coin.
So you can usually access this to project files by from the solution explorer.
So this is this solution explorer.
If I click on this one here that says identity dot ESB X if I expand that you should see the two files
so you've got the identity is being dots.
Yes.
All right.
And then you've got the identity dot ESB X as you can see from the hierarchy of files files and then
in dot c is denote the C sharp files it means that they are C sharp files and they can be seen as representing
the code behind the identity dot a S P x form so if I double click on this identity or a speaks double
click on it.
So by double clicking on the identity or aspects you see the desired view.
However if you click on the source option here which is this one here a five scroll down to the top
you should see that on the source here on line one here you could see a reference on the first line
of code.
Okay.
This is a reference on the first line of code so you can see here the first line says these are some
airspeed.
Let SB X code.
It also tells you that the code behind is on the identity dot E P X dot c s which is this code here.
All right so you've got.
If I click on this here we've got to call the identity and then we'll call the identity dot airspace.
So it's telling you that this code behind that the code is behind this.
So if I click on that which is this here.
So this is the identity dot ESPN they'll see us code behind that.
It is referring to.
So this is the code behind that is responsible for the form.
It is what controls the phone.
So we're running on the web server this piece of code here will be responsible for handling the back
end logic for the form while the while the identity dot a speaks code handles what's delivered to the
front end and is immediately viewable to the user or visitor.
All right.
So eventually when the files become compile these two files will be merged into a single file called
Identity dot ESB x.
Okay.
So at runtime when the code is compile both files are merged.
Let's have a quick look at the server controls for which is the tool box here.
So these are the server controls we are going.
We've already used some of them from this standard.
We've used some from this standard tool box here.
The data controls we've got one here called data control.
This one here the data control basically is used to bind to a data source like a database you're trying
to connect something or get some data to from a database you be using the data control as one here that's
what's used to bind it.
Then we've got the the here we've got the validation controls the validation controls basically ensures
the end users are providing inputs in an acceptable format.
We've got the navigation control here there's one for navigation.
So the navigation control basically is for creating menus and site navigation.
We've called we should have one for logging.
Yes we've got a log in one here and the logging controls basically handles securing a site with a password
protection and retrieval.
So we're not going to go through all of them I just wanted to highlight some of the server controls
so that you know what they do in case you want to use them.
We quickly go of the button click event.
So this here on line twelve on her own line 17.
Here we've got an okay button and notice here there's this e here is an event the click event.
So basically what happens is this is the code behind it.
So when we click when the button is clear when the users enter the first name last name and you click
on the button it triggers off an event.
All right so a tool.
Then the results it to then generate a result on output which is this one here.
OK so these two strings here this first option here will take whatever input the user type thing into
the first dialog box.
And the second one here would take the second input the user types in and then you have the click button
which will take the result of what's been typed in and output it is in this string result.
So these strings here this first name and last name can be known as they are basically variable.
A variable is a count like a way to store something.
So you can look at a variable as a bucket that is big enough to store information of a specific type.
In this case it will be storing text information which is known as a string.
So the way you declare a variable is in C sharp.
You first will have to declare the type.
So by string meaning it's going to be a text followed by the name of the variable.
So this is a type and that's the name of the variable and the equals two is used to assign a value to
that variable.
So I've got a simple diagram here just to illustrate and let make you understand the difference between
the design time and the runtime.
So the process by which the design time which is the human readable code becomes compiled down to a
runtime or machine readable time the runtime is machine readable.
Why the design time is the human readable code.
The computer cannot read human readable code so it has to be compiled into a machine readable code.
And this basically is the process.
So you start off with your code here.
This is your code.
And then the code is passed on to the compiler.
So this is with C sharp compiler.
So the compiler then compiles the code and passes the on to the dot net framework assembly.
All right.
So that that then passes it on to the airspeed dot net runtime which then passes it on to the web server.
There's a built in web server and Visual Studio that web server then passes that information.
The results of that after it has been compiled.
It passes the result onto the web browser which is then displayed for you to see.
So basically this is what goes on behind it while the code is being compiled into a machine readable
code.
So the human readable code will be compiled into a machine readable format.
All right.
The code is compiled into a dot net assembly which typically can be a single file with a dot dear little
file extension.
In the case of a web application that will be then used and reference whenever we want to serve up the
Web page a web server then launches is dot net which in turn calls that DL assembly into play.
Requesting a definition of the identity dot ESB exe file or whatever name you've called your file.
All right.
The code will then be executed and the ESPN dot net will deliver it to the requesting web server.
The web server in turn will pick that up and send it back to the end user.
VI The web browser.
So this is the way the process works from when the code is compiled and when the user sees the content
on the page.
So that is it.
Thanks for watching.
By.