Angular is an open source web development framework written and maintained by angular team at Google .
In order to embrace angular's capabilities better, let's look at some of the important points about angular.
In this Angular 8 tutorial , we'll learn Angular 8 in the following ways:
In order to follow this angular tutorial , you need to setup your local environment which needs the following installed on your machine.
#To check the node version
node -v
#To check the npm version
npm -v
@angular/cli is an npm package and it's an amazing tool which helps with different repetitive operations when creating and working with Angular apps. You can install @angular/cli by typing the following command in your terminal:
npm install @angular/cli -g
We're going to create a basic angular app called InventionsHub
which simply lists different inventions along with some useful information about those inventions. We'll utilize many angular concepts like
modules , components , services , routing , pipes etc while creating our project.
So let's get started.
In order to create your app , first switch to the directory where you would like to start your angular project by using cd
command
cd ~/angular/projects
ng new
to create a new angular app as follows:
ng new InventionsHub
ng new
command did is that it created a bare bones angular app for you creating and placing initial files and folders at right place. Before we dive deeper into the code structure , first lets see how our creation looks like.
To serve your app , use another command ng serve
offered by @angular/cli
, as follows:
ng serve
In this first part of the angular tutorial , we learned many interesting things about the angular framework like ::
InventionsHub
app which we will be using to grasp different building blocks of angular in the upcoming tutorials. Hope you're enjoying learning Angular.