copyedit of Features page
This commit is contained in:
parent
9cc3d7141a
commit
0ed816b2bc
|
@ -5,7 +5,12 @@
|
||||||
.sticker <span class="sticker-icon icon-stay-current-portrait"></span>
|
.sticker <span class="sticker-icon icon-stay-current-portrait"></span>
|
||||||
.c7
|
.c7
|
||||||
h3.text-headline.text-uppercase Mobile First
|
h3.text-headline.text-uppercase Mobile First
|
||||||
p.text-body Modular library design and mobile-specific routing keep things lean so users on low-bandwidth networks don't need to wait. First-class support for touch event gestures. Responsive, cross-device, material design UI components. Tuned for performance and low-memory usage on mobile platforms.
|
p.text-body.
|
||||||
|
Angular's modular library design and mobile-specific routing help keep
|
||||||
|
your app's code lean, so users on low-bandwidth networks don't need to wait.
|
||||||
|
Other mobile-first features include first-class support for touch event gestures,
|
||||||
|
tuning for performance and low-memory usage on mobile platforms, and
|
||||||
|
material design UI components with responsive, cross-device support.
|
||||||
|
|
||||||
|
|
||||||
<!-- ES6 -->
|
<!-- ES6 -->
|
||||||
|
@ -14,7 +19,11 @@
|
||||||
.sticker <span class="sticker-icon icon-fast-forward"></span>
|
.sticker <span class="sticker-icon icon-fast-forward"></span>
|
||||||
.c7
|
.c7
|
||||||
h3.text-headline.text-uppercase Future Ready
|
h3.text-headline.text-uppercase Future Ready
|
||||||
p.text-body Angular 2 is written in written in ECMAScript 6, with the addition of types and annotations. ES6 allows us to benefit from the best of JavaScript, while writing clean and easy-to-read code.
|
p.text-body.
|
||||||
|
Angular 2 is written in written in ECMAScript 6 (ES6),
|
||||||
|
with the addition of types and annotations.
|
||||||
|
ES6 allows Angular to benefit from the best of JavaScript,
|
||||||
|
while maintaining clean and easy-to-read code.
|
||||||
|
|
||||||
|
|
||||||
<!-- Coffee, Dart, ES6 -->
|
<!-- Coffee, Dart, ES6 -->
|
||||||
|
@ -23,7 +32,11 @@
|
||||||
.sticker <span class="sticker-icon icon-favorite"></span>
|
.sticker <span class="sticker-icon icon-favorite"></span>
|
||||||
.c7
|
.c7
|
||||||
h3.text-headline.text-uppercase Flexible Development
|
h3.text-headline.text-uppercase Flexible Development
|
||||||
p.text-body In addition to full support for ES6 and TypeScript, Angular 2 works equally well with today's ES5, Dart, CoffeeScript, and other languages that compile to JavaScript. The choice of language is up to you.
|
p.text-body.
|
||||||
|
The choice of language is up to you.
|
||||||
|
In addition to providing full support for ES6 and TypeScript,
|
||||||
|
Angular 2 works equally well with today's ES5, Dart, CoffeeScript,
|
||||||
|
and other languages that compile to JavaScript.
|
||||||
|
|
||||||
|
|
||||||
<!-- Speed & Performance -->
|
<!-- Speed & Performance -->
|
||||||
|
@ -32,7 +45,13 @@
|
||||||
.sticker <span class="sticker-icon icon-av-timer"></span>
|
.sticker <span class="sticker-icon icon-av-timer"></span>
|
||||||
.c7
|
.c7
|
||||||
h3.text-headline.text-uppercase Speed & Performance
|
h3.text-headline.text-uppercase Speed & Performance
|
||||||
p.text-body Change detection is now 5x faster thanks to internal change detection tuned for top performance in modern JavaScript engines. If your application uses data structures that imply change guarantees (like immutables and observables), Angular 2 will make use of them to help speed up your application.
|
p.text-body.
|
||||||
|
Change detection is now 5x faster,
|
||||||
|
thanks to internal change detection
|
||||||
|
that's been tuned for top performance in modern JavaScript engines.
|
||||||
|
If you use data structures that imply change guarantees
|
||||||
|
(like immutables and observables), Angular 2 can use those guarantees
|
||||||
|
to speed up your application.
|
||||||
|
|
||||||
|
|
||||||
<!-- Simplicity -->
|
<!-- Simplicity -->
|
||||||
|
@ -41,7 +60,10 @@
|
||||||
.sticker <span class="sticker-icon is-small icon-embed2"></span>
|
.sticker <span class="sticker-icon is-small icon-embed2"></span>
|
||||||
.c7
|
.c7
|
||||||
h3.text-headline.text-uppercase Simple & Expressive
|
h3.text-headline.text-uppercase Simple & Expressive
|
||||||
p.text-body Make your intention clear using natural, easy-to-write syntax. Reduce complexity for your team: new, structure-rich templates are readable and easy to understand at a glance.
|
p.text-body.
|
||||||
|
Make your intention clear using natural, easy-to-write syntax.
|
||||||
|
Reduce complexity for your team: new, structure-rich templates are
|
||||||
|
readable and easy to understand at a glance.
|
||||||
|
|
||||||
|
|
||||||
<!-- Routing -->
|
<!-- Routing -->
|
||||||
|
@ -50,7 +72,14 @@
|
||||||
.sticker <span class="sticker-icon icon-call-split"></span>
|
.sticker <span class="sticker-icon icon-call-split"></span>
|
||||||
.c7
|
.c7
|
||||||
h3.text-headline.text-uppercase Comprehensive Routing
|
h3.text-headline.text-uppercase Comprehensive Routing
|
||||||
p.text-body Design sophisticated views: map URL paths to application components, use advanced features like nested and sibling routes. Support for card stack navigation, animated transitions, and lazy loading for mobile users. Easy migration from routing in prior versions of Angular.
|
p.text-body.
|
||||||
|
Design sophisticated views:
|
||||||
|
map URL paths to application components,
|
||||||
|
and use advanced features like nested and sibling routes.
|
||||||
|
Angular 2 supports card stack navigation, animated transitions, and
|
||||||
|
lazy loading for mobile users.
|
||||||
|
If you already use routing from a prior version of Angular,
|
||||||
|
you can easily migrate to Angular 2 routing.
|
||||||
|
|
||||||
|
|
||||||
<!-- Animations -->
|
<!-- Animations -->
|
||||||
|
@ -59,7 +88,13 @@
|
||||||
.sticker <span class="sticker-icon icon-flip"></span>
|
.sticker <span class="sticker-icon icon-flip"></span>
|
||||||
.c7
|
.c7
|
||||||
h3.text-headline.text-uppercase Animations
|
h3.text-headline.text-uppercase Animations
|
||||||
p.text-body Directly tap into to low-level animation support on mobile and desktop environments with easy-to-use Angular events. Make use of CSS, JavaScript, and the Web Animations API to intelligently handle changes to animations in response to user events. Plan complex animation flows by sequencing the behavior of an entire website on a timeline.
|
p.text-body.
|
||||||
|
Tap directly into low-level animation support on
|
||||||
|
mobile and desktop environments with easy-to-use Angular events.
|
||||||
|
You can use CSS, JavaScript, and the Web Animations API to
|
||||||
|
intelligently handle changes to animations in response to user events.
|
||||||
|
Plan complex animation flows by sequencing the behavior of
|
||||||
|
an entire website on a timeline.
|
||||||
|
|
||||||
|
|
||||||
<!-- Dependency Injection -->
|
<!-- Dependency Injection -->
|
||||||
|
@ -68,7 +103,11 @@
|
||||||
.sticker <span class="sticker-icon icon-now-widgets"></span>
|
.sticker <span class="sticker-icon icon-now-widgets"></span>
|
||||||
.c7
|
.c7
|
||||||
h3.text-headline.text-uppercase Hierarchical Dependency Injection
|
h3.text-headline.text-uppercase Hierarchical Dependency Injection
|
||||||
p.text-body Angular 2 ships with powerful, yet simple-to-use dependency injection, allowing you to maintain modular applications without writing tedious glue code. Dependency injection aids you when writing tests, by making it easy to inject test doubles.
|
p.text-body.
|
||||||
|
Angular 2 ships with powerful, yet simple-to-use dependency injection,
|
||||||
|
allowing you to maintain modular applications without writing tedious glue code.
|
||||||
|
Dependency injection helps you write tests
|
||||||
|
by making it easy to inject test doubles.
|
||||||
|
|
||||||
|
|
||||||
<!-- Web Components -->
|
<!-- Web Components -->
|
||||||
|
@ -77,7 +116,13 @@
|
||||||
.sticker <span class="sticker-icon icon-web"></span>
|
.sticker <span class="sticker-icon icon-web"></span>
|
||||||
.c7
|
.c7
|
||||||
h3.text-headline.text-uppercase Support for Web Components
|
h3.text-headline.text-uppercase Support for Web Components
|
||||||
p.text-body Angular 2 plays nicely with web components built using other libraries (Polymer, X-Tag and others), allowing you to pass data into them as easily as if they were written in Angular. Angular components use web standards (e.g. shadow DOM and the HTML5 template tag) in browsers that support them.
|
p.text-body.
|
||||||
|
Angular 2 plays nicely with web components built using other libraries
|
||||||
|
(Polymer, X-Tag, and others), allowing you to pass data into them
|
||||||
|
as easily as if they were written in Angular.
|
||||||
|
Angular components use web standards
|
||||||
|
(such as shadow DOM and the HTML5 template tag)
|
||||||
|
in browsers that support them.
|
||||||
|
|
||||||
|
|
||||||
<!-- Internationalization & Accessibility -->
|
<!-- Internationalization & Accessibility -->
|
||||||
|
@ -86,7 +131,13 @@
|
||||||
.sticker <span class="sticker-icon icon-accessibility"></span>
|
.sticker <span class="sticker-icon icon-accessibility"></span>
|
||||||
.c7
|
.c7
|
||||||
h3.text-headline.text-uppercase Internationalization (I18N) & Accessibility
|
h3.text-headline.text-uppercase Internationalization (I18N) & Accessibility
|
||||||
p.text-body(ng-non-bindable) Reach all your users. Use familiar ICU message format in Angular interpolation syntax (<b>{{ }}</b>), including pluralization and gender rules. Automate message extraction, pseudolocalization, and translation updates. Generate static applications for each locale. Easily promote accessibility via screen readers and assistive devices by automatically generating appropriate ARIA attributes.
|
p.text-body(ng-non-bindable).
|
||||||
|
Reach all your users.
|
||||||
|
Use the familiar ICU message format in Angular interpolation syntax
|
||||||
|
(<b>{{ }}</b>), including pluralization and gender rules.
|
||||||
|
Automate message extraction, pseudo-localization, and translation updates.
|
||||||
|
Generate static applications for each locale.
|
||||||
|
Easily promote accessibility via screen readers and assistive devices by automatically generating appropriate ARIA attributes.
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue