Hello again, everyone.
So.
We are starting a new chapter in this lesson.
And we're going to talk about data binding methods and angular, so I'm going to want to continue with
a new project.
So first, let's create a new project and remember how to construct it.
So we're going to create a project in terminal.
Now, Terminal is open with Visual Studio Code, and I am typing the engine command.
To create the project.
And then I'll write in a project name.
And it's going to ask.
If we want rounding.
I'm going to say no and then Style asks, well, here to allow you access and now I can create the project.
All right, so we already know all this, but I want to remind you.
Step by step.
All right, so our project is now created.
So we can switch to the project folder by typing CD, project, name and code.
And saying the folder opens in Visual Studio Code Project opens in E!
And we already know the project structure.
But we're going to get into it just briefly as an overview.
So we already know there is a package that Jason file in here and in this file there are packages and
scripts that we download via NPM.
And we also, if you remember, talked about Noad modules where modules are located and it contains
the modules downloaded by the package Jason File.
And of course, we also know about the source folder, and that's where our project lives.
Now there's an app module in this folder and here are some files that we can prepare for the project.
And here, as you also know, we have an out module.
So this is a file in which we will add modules from ANGULAR and other components that we're going to
use.
So in other words, it's like a junction point of both the modules from ANGULAR and the components that
we will create.
And as you also remember, we specify the startup component.
And here is where we define the components that we will create later.
Since we going to use a different file, we're not going to forget to import it, of course, either,
aren't we?
No.
Yes.
So we're building our project on the app module.
And when we look at the main TSC file, we'll specify that we will run the project in the browser and
on which module we will run.
And we said it before, but we'll say it again, working with a single module will be sufficient unless
there are some very large and complex projects.
So we actually start the loop with the main TS file.
And here we'll specify the model to run in the browser.
OK, so in this module, we specify which component the application will start.
And when we look into the component, we'll see The Selecter part and approved.
And here is the index, that HTML file.
When you open this file.
We already see it in the body.
In fact, when you look at it, the events follow each other and are processed just like a chain.
And of course, you remember the angular logic that we talked about.
And I think there's enough of a review.
Cool.
So let's start preparing a project and we're going to take it slowly, step by step.
All right.
As we add to our first project, I want to just include bootstrap in this project as well.
So you remember how to do this, I'll run the NPM, install bootstrap command in the terminal.
And.
OK, so the final version of Bootstrap will be added to the project.
So now when we look at the package, Jason, file, we see the last.
And latest and greatest version of Bouchra.
So when we look for node modules, we see that the bootstrap module is downloaded.
Great, so now we'll need to specify the bootstrap path in Angular Jason.
And here we can call the general fire with the descriptions of the modules that we use.
So type bootstrap path in styles.
And yep, sure enough, we have included bootstrap in our project.
All right, so that means we're going to be able to use the bootstrap library while preparing.
So, yes, my friends, we've created our new project and this is where we're going to get into our
next topic.
All right.
We've also included the bootstrap library.
So that means I want to see in the next lesson.