|
1 | 1 | <h2 mat-dialog-title>Install Angular</h2> |
2 | 2 | <mat-dialog-content class="mat-typography"> |
3 | 3 | <h3>Develop across all platforms</h3> |
4 | | - <p>Learn one way to build applications with Angular and reuse your code and abilities to build |
5 | | - apps for any deployment target. For web, mobile web, native mobile and native desktop.</p> |
| 4 | + <p> |
| 5 | + Learn one way to build applications with Angular and reuse your code and abilities to build apps for any deployment target. For web, mobile web, native |
| 6 | + mobile and native desktop. |
| 7 | + </p> |
6 | 8 |
|
7 | 9 | <h3>Speed & Performance</h3> |
8 | | - <p>Achieve the maximum speed possible on the Web Platform today, and take it further, via Web |
9 | | - Workers and server-side rendering. Angular puts you in control over scalability. Meet huge |
10 | | - data requirements by building data models on RxJS, Immutable.js or another push-model.</p> |
| 10 | + <p> |
| 11 | + Achieve the maximum speed possible on the Web Platform today, and take it further, via Web Workers and server-side rendering. Angular puts you in control |
| 12 | + over scalability. Meet huge data requirements by building data models on RxJS, Immutable.js or another push-model. |
| 13 | + </p> |
11 | 14 |
|
12 | 15 | <h3>Incredible tooling</h3> |
13 | | - <p>Build features quickly with simple, declarative templates. Extend the template language with |
14 | | - your own components and use a wide array of existing components. Get immediate Angular-specific |
15 | | - help and feedback with nearly every IDE and editor. All this comes together so you can focus |
16 | | - on building amazing apps rather than trying to make the code work.</p> |
| 16 | + <p> |
| 17 | + Build features quickly with simple, declarative templates. Extend the template language with your own components and use a wide array of existing |
| 18 | + components. Get immediate Angular-specific help and feedback with nearly every IDE and editor. All this comes together so you can focus on building amazing |
| 19 | + apps rather than trying to make the code work. |
| 20 | + </p> |
17 | 21 |
|
18 | 22 | <h3>Loved by millions</h3> |
19 | | - <p>From prototype through global deployment, Angular delivers the productivity and scalable |
20 | | - infrastructure that supports Google's largest applications.</p> |
| 23 | + <p>From prototype through global deployment, Angular delivers the productivity and scalable infrastructure that supports Google's largest applications.</p> |
21 | 24 |
|
22 | 25 | <h3>What is Angular?</h3> |
23 | 26 |
|
24 | | - <p>Angular is a platform that makes it easy to build applications with the web. Angular |
25 | | - combines declarative templates, dependency injection, end to end tooling, and integrated |
26 | | - best practices to solve development challenges. Angular empowers developers to build |
27 | | - applications that live on the web, mobile, or the desktop</p> |
| 27 | + <p> |
| 28 | + Angular is a platform that makes it easy to build applications with the web. Angular combines declarative templates, dependency injection, end to end |
| 29 | + tooling, and integrated best practices to solve development challenges. Angular empowers developers to build applications that live on the web, mobile, or |
| 30 | + the desktop |
| 31 | + </p> |
28 | 32 |
|
29 | 33 | <h3>Architecture overview</h3> |
30 | 34 |
|
31 | | - <p>Angular is a platform and framework for building client applications in HTML and TypeScript. |
32 | | - Angular is itself written in TypeScript. It implements core and optional functionality as a |
33 | | - set of TypeScript libraries that you import into your apps.</p> |
| 35 | + <p> |
| 36 | + Angular is a platform and framework for building client applications in HTML and TypeScript. Angular is itself written in TypeScript. It implements core and |
| 37 | + optional functionality as a set of TypeScript libraries that you import into your apps. |
| 38 | + </p> |
34 | 39 |
|
35 | | - <p>The basic building blocks of an Angular application are NgModules, which provide a compilation |
36 | | - context for components. NgModules collect related code into functional sets; an Angular app is |
37 | | - defined by a set of NgModules. An app always has at least a root module that enables |
38 | | - bootstrapping, and typically has many more feature modules.</p> |
| 40 | + <p> |
| 41 | + The basic building blocks of an Angular application are NgModules, which provide a compilation context for components. NgModules collect related code into |
| 42 | + functional sets; an Angular app is defined by a set of NgModules. An app always has at least a root module that enables bootstrapping, and typically has |
| 43 | + many more feature modules. |
| 44 | + </p> |
39 | 45 |
|
40 | | - <p>Components define views, which are sets of screen elements that Angular can choose among and |
41 | | - modify according to your program logic and data. Every app has at least a root component.</p> |
| 46 | + <p> |
| 47 | + Components define views, which are sets of screen elements that Angular can choose among and modify according to your program logic and data. Every app has |
| 48 | + at least a root component. |
| 49 | + </p> |
42 | 50 |
|
43 | | - <p>Components use services, which provide specific functionality not directly related to views. |
44 | | - Service providers can be injected into components as dependencies, making your code modular, |
45 | | - reusable, and efficient.</p> |
| 51 | + <p> |
| 52 | + Components use services, which provide specific functionality not directly related to views. Service providers can be injected into components as |
| 53 | + dependencies, making your code modular, reusable, and efficient. |
| 54 | + </p> |
46 | 55 |
|
47 | | - <p>Both components and services are simply classes, with decorators that mark their type and |
48 | | - provide metadata that tells Angular how to use them.</p> |
| 56 | + <p>Both components and services are simply classes, with decorators that mark their type and provide metadata that tells Angular how to use them.</p> |
49 | 57 |
|
50 | | - <p>The metadata for a component class associates it with a template that defines a view. A |
51 | | - template combines ordinary HTML with Angular directives and binding markup that allow Angular |
52 | | - to modify the HTML before rendering it for display.</p> |
| 58 | + <p> |
| 59 | + The metadata for a component class associates it with a template that defines a view. A template combines ordinary HTML with Angular directives and binding |
| 60 | + markup that allow Angular to modify the HTML before rendering it for display. |
| 61 | + </p> |
53 | 62 |
|
54 | | - <p>The metadata for a service class provides the information Angular needs to make it available |
55 | | - to components through Dependency Injection (DI).</p> |
| 63 | + <p>The metadata for a service class provides the information Angular needs to make it available to components through Dependency Injection (DI).</p> |
56 | 64 |
|
57 | | - <p>An app's components typically define many views, arranged hierarchically. Angular provides |
58 | | - the Router service to help you define navigation paths among views. The router provides |
59 | | - sophisticated in-browser navigational capabilities.</p> |
| 65 | + <p> |
| 66 | + An app's components typically define many views, arranged hierarchically. Angular provides the Router service to help you define navigation paths among |
| 67 | + views. The router provides sophisticated in-browser navigational capabilities. |
| 68 | + </p> |
60 | 69 | </mat-dialog-content> |
61 | 70 | <mat-dialog-actions align="end"> |
62 | 71 | <button mat-button mat-dialog-close>Cancel</button> |
|
0 commit comments