Introduction to Angular 2
Download as PPTX, PDF0 likes99 views
The document introduces Angular 2, a JavaScript framework developed by Google for building web applications, highlighting its performance, mobile support, and component-based architecture. It outlines the history of Angular's releases and the evolution from AngularJS to Angular 2, along with future versions. It also covers the setup requirements, including TypeScript, and provides instructions for creating and serving a new Angular project.
Introduction to Angular 2
- 1. Introduction to Angular 2 Subramanyam M https://www.drupal.org/u/subbu94 https://www.linkedin.com/in/subbu-subramanyam- 13ba07131/
- 2. ● Introduction ● Why Angular 2 ● Setting up Angular Environment ● Structure ● Angular Components ● Angular Routing Agenda
- 3. History 1. AngularJS is first released in 2010 1. Angular 2 is released in September 2016 1. Angular 4 is released in March 2017 1. Angular 5 is released in November 2017 Future Releases: 1. Angular 6 is scheduled to March or April 2018 2. Angular 7 is scheduled to September or October 2018
- 4. INTRO ● Angular is a JavaScript Framework,which helps to build web applications ● Angular is developed by Google ● Angular is Free and Open Source
- 5. Why Angular 2 ?
- 6. Why Angular 2 ? ➢ Performance: Angular 2 is 5 times faster than AngularJS 1 ➢ Mobile Support: Angular 2 is designed from ground level with mobile support in mind ➢ Components: in Angular 2 everything is components only ➢ Single Page Application: ➢ Unit Testing & E2E ( End to End ) Testing ➢ More Languages: ○ TypeScript ○ EcmaScript 5 & EcmaScript 6 ○ PureScript,Dart etc..
- 7. What is TypeScript ? ● TypeScript is Free and Open Source programming language developed by Microsoft ● TypeScript is a superset of Javascript ● Process called Transpilation compiles the TypeScript to JavaScript
- 8. Requirements 1. nodeJs version 6.9.x or greater 1. npm version 3.x.x or greater 1. Angular CLI
- 9. Set up Environment ● Install the Angular CLI by running the below command ➔ npm install -g angular@cli
- 10. Create new Project ● Create your own project, by ➔ ng new my-project (project name)
- 11. Serve the application ● Go to the project folder & then serve the application ➔ cd my-project ➔ ng serve (or) ng serve --open
- 12. QUESTIONS?
- 13. THANKS!