Angular is open source Web Application Framework developed and maintained by Angular team in Google, It is one of most popular framework in current time. Angular used to developed rich web application, it enhance performance of application, easy to develop and testing. Application developed using Angular can reused for other platforms. Same set of code will work for Web, Mobile, Native Desktop / Mobile applications.
Now Angular Js first version is written in JavaScript and mainly used to develop Single Page Application. It not mobile friendly framework. When ember.js and ReactJS introduce with better feature and performance to development community. Angular team decided to re-write entire Angular again in TypeScript instead of upgrading existing framework.
Let check comparison between Angular Js and Angular, which will help you to select to learn first and use better option for your projects.
| Angular Js ( 1.x ) | Angular ( 2.x ) | |
| Language | JavaScript | TypeScript |
| Architecture | Angular Js used MVC ( Module – View – Control ) architecture | Angular used Component based architecture |
| Rendering | Client Side | Server Side |
| Template | HTML | TypeScript |
| Structure | Less manageable compare to Angular | Better manageable, Easy to create and maintain large size applications. |
| Tool-chain | Low | High |
| Dependency Injection (DI) | Does Not User DI | Hierarchical Dependency Injection system used. |
| Performance | Compare to Angular is slow one | Fast |
| Reusable | Low | Higher |
| Command Line Interface | Don’t have its own CLI | CLI support |
| Mobile Support | Support from third party libraries | Native Mobile Support |
Angular Material
Angular Material is UI component library developed by Google in 2014. It is reusable, well tested and help developer to develop high quality, responsive, interactive and device oriented User Interface.
Setup Simple Angular Project
Angular CLI is command line interface that help developer to initialize, develop and maintain Angular applications.Install CLI using npm package manager. For more details about versions, please visit and see Release section on GitHub – https://github.com/angular/angular-cli/releases
npm install -g @angular/cli
We also need to install Node.js to develop Angular Apps. Angular is updated framework and written in TypeScript which does not understand browser. So we required npm ( Node Package Manager ) and node. If developer using Visual Studio then it comes with Node.js plugins.
Now we will use Angular CLI is easiest way to generate application and libraries code which will help in development, testing and deployment
$ sudo npm install -g @angular/cli $ ng version - To Test @angular/cli installation status
User ng new command to create Angular Application and accept default setting which ask configuration. Angular CLI install the necessary packages and dependency. myAngularApp App is created
$ ng new myAngularApp
Now go to application folder ( myAngularApp ) and launch server by using CLI Command. ng serve command build the applications and start web server on port 4200.
$ ng serve --open
We have setup basic Angular Project. We will discuss more about Angular project in details like folder structure, development and maintenance in our next blog.
