Day 12 : Installation of Angular

-

 Now we are going to see the installation of angular......

            Angular is a front-end framework which is used to create a web applications. Angular has TypeScript by default or it supports TypeScript for creating functions in class. 
           The TypeScript not knows the browser so we need webpack. Webpack is used to compile TypeScript files into the JavaScript files. So that we can run the JavaScript file on browser.

Now you know what is Webpack??  

        Webpack is an open source JavaScript module. Its purpose is to take all our code from application and makes it usable in browser. Angular uses webpack behind the screen.

Angular CLI :

                    Angular CLI is a command line interface tool that we use to initialize, develop, maintain angular applications. Angular CLI is used to write or easily build a angular application.

Steps to create a first angular application :

  • Firstly make sure that you have installed node and npm in your system. You can check the versions of node and npm by using following commands :
> node --version
> npm --version

1. Install angular cli :

                > npm install -g @angular/cli


  • We can check version for seeing it is installed properly or not :
                                        > ng version 



2. Create new project :

                    > ng new EMR
* It creates an application that already works. 
* Select no option for routing as we are going to learn that too .


3.  Check whether we are in project directory or not :
 
  * If we are in directory then go to next step if not then write below command :
                            > cd EMR


4. Run server :

                   > ng serve


  • We can see the project is working or not on browser by entering the localhost address in the chrome.
  • The localhost address is shown at end of compiling.

  • The directories and files in projects we are going to see in next blog...
  • For any error or question comment below...

For more understanding watch below video :


Thank You!!!



Comments

Post a Comment

Popular posts from this blog

Day 3 : JavaScript

-
Image
 Data Types of JavaScript:  In JavaScript, their are three data types present i.e number, string and boolean. As we all know JavaScript is a dynamic language, means one variable can hold different datatypes.                    Example :                                      var x;                                      x=10;              //number                                      x="Hello"      //string                     // In above eg. the x holds number as well as string but shows string.                 ...
Read more

SQL Concepts-1

-
Image
              In this blog we are going to understand the important and basic concepts of SQL... Q. How to  create a SQL server database  connection and new database? 1. Firstly open SSMS and connect with server also ensure SQL Server(MSSQLSERVER) is in running mode - 2. Create a new database -                                                              3. Create a table - // U need to refresh whenever u add a new table            Q. What is primary key and foreign key in SQL server? Primary Key :  Primary key is a column having unique record. Primary key cannot have NULL values. It is used to uniquely identify records in relational database. Only one primary key is allowed in a table. When we delete or update records, data integrity happens. Foreign Key...
Read more

ASP .NET Session Management

-
Image
  Q. Why http protocol is called as stateless ? HTTP protocol is called as stateless because the http server not keeps the record of any information. When client requests to server, every time request treated independently(it not checks whether it requested before or not) by server. We can also say that when client ends the process of any task the connection between server and browser also terminated. In below example we can see that after accessing browser when we again access the value of i starts again from 0.                                                   Stateless Protocol : Stateless protocols are the protocols in which client sends request to server and server response back to client based on current state.  Server not require to maintain information of each client with multiple requests. Some important features of stateless protocol are :...
Read more