Hello, everyone, and welcome to the angular core deep dive course in this course, we're going to
introduce the angular framework from the beginning from scratch, and we're going to do a detailed guided
tour on the angular core module, which is the most important module of angular from which all other
modules are derived.
Let's start by answering the question what is angular and see it in action immediately.
So in order to see Angular in action, we are going to be needing a development environment.
Let's then set up a development environment in this initial lesson.
So in order to have your development environment up and running, you're going to be needing the low
G.S. runtime.
Let's head over to not just org and download here the latest node version that you have available and
notice that the version number is going to probably be different from the one that we see here.
Please use the latest version and not the long term support version as the latest version tends to work
better with front end development tools such as the angular Seelie that we will be using in this course.
Once you have those installed on your machine, you are also going to be needing an idea or an integrated
development environment.
In this course, we're going to be using the Web Storm IVI.
So if you want to use the same idea that we'll be using in the course, please head over to Gitte Brains
dot com slash web storm and download here Web storm if you prefer instead of a free.
You can also use visual studio code from Microsoft.
This is also an excellent Abie.
Once you have both end and I've installed in their machine, we are now ready to start exploring ANGULAR.
The best way to understand what exactly Anglet is and how it works is to see it in action.
So that's what we're going to do straight away.
We are going to switch here to the command line and we are going to quickly scaffold a small, angular
application.
So in order to do that, we are going to be using the angular command line interface, also known as
the angular SLA.
The first thing that we need to do is to install it globally because we will be running several commands
here from the command line.
So in order to do that, we are going to do NPM install minus G at Angular slash CLIA.
This is going to take a moment, but in the end we will have here the latest version of the angular
CLIA in place in our machine was the installation completes.
You are going to have available in your machine a global command line tool called Engy, which is the
angular seal itself.
If you type energy and you hit enter, you are going to see here the multiple commands that we have
available using the angular clay.
Now that we have the angular Seela in place, here is what we are about to do.
We are going to use the SLA to generate here a new angular application using the engine new command.
We are then going to run the angular application itself, using the engie serve commands.
So we will have here a small hill world angular application that we are going to explore.
As you can see at this point, ANGULAR is not only a Web framework, there is also the SLA and there
is a whole ecosystem of tools that helps us to build Web applications.
Let's see this in action.
We are going to scaffold a new application using the following commands.
We are going to use Engy.
That's the executable of the angular clay.
We are going to use the new command and we're going to specify here a name for our project.
Let's use the name Angular Dash Course.
Let's now hit Enter and we're going to be prompted by the angular clay for a series of questions.
First, would you like to have angular rooting?
Let's choose the option.
No, at this stage and let's choose here on the second question, plane success for our styling and
we these in place.
Our application is going to be scaffolded and our dependencies are now being installed.
After a while, our installation is completed.
So if we know least here the contents of our directories, we're going to find here a new folder called
Angular Discourse.
These will contain our new angular application.
If we see the into it, we are going to see that we have here a series of files that we're going to
cover later in this course.
Right now, what we want to do is we want to see Angular in action as soon as possible.
So what we're going to do is we are going to open this folder in our IVI, switching here to the website,
or maybe we're going to see that we have here the same files that we saw on the command line.
So we have here a small.
No module that contains a series of tasks, one of the tasks NPRM Start is going to allow us to start
the small, angular application.
Let's do that by heading over here to the terminal and running the following commands.
NPM Start.
This is going to spin off here using the angular Sheila as small development server.
Actually internally this is using the engy serve commands.
So here the server will be available on board localhost 4200.
Once the server is up and running, we are going to switch here to the browser window and we are going
to type the following URL.
HTP localhost Callon 4200 and we don't even live here.
This slash at the end.
If we hit these Eurail, we are going to get here our very first angular application.
Let's then do a guided tour of the application and see what is angular and how does it work in practice.