docs(features): update features for release

This commit is contained in:
Naomi Black 2015-12-15 00:16:53 -08:00
parent cabec9c458
commit ce0d1c0319
1 changed files with 66 additions and 77 deletions

View File

@ -1,44 +1,4 @@
<!-- MOBILE -->
.grid-fluid.l-space-bottom-8
.c3.text-center
.sticker <span class="sticker-icon icon-stay-current-portrait"></span>
.c7
h3.text-headline.text-uppercase Mobile First
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.
<!-- TypeScript -->
.grid-fluid.l-space-bottom-8
.c3.text-center
.sticker <span class="sticker-icon icon-fast-forward"></span>
.c7
h3.text-headline.text-uppercase Future Ready
p.text-body.
Angular 2 is written in TypeScript, which is a superset of
ECMAScript 6 (ES6) with the addition of features including
types and annotations. TypeScript allows Angular to benefit from the
best of JavaScript, while maintaining clean and easy-to-read code.
<!-- Coffee, Dart, ES6 -->
.grid-fluid.l-space-bottom-8
.c3.text-center
.sticker <span class="sticker-icon icon-favorite"></span>
.c7
h3.text-headline.text-uppercase Flexible Development
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 -->
.grid-fluid.l-space-bottom-8 .grid-fluid.l-space-bottom-8
.c3.text-center .c3.text-center
@ -46,12 +6,9 @@
.c7 .c7
h3.text-headline.text-uppercase Speed &amp; Performance h3.text-headline.text-uppercase Speed &amp; Performance
p.text-body. p.text-body.
Change detection is now 5x faster, Angular 2 is dramatically faster than Angular 1 with support for fast initial loads through
thanks to tunings for modern JavaScript engines. server-side pre-rendering, offline compile for fast startup, and ultrafast change detection
If you use data structures that imply change guarantees and view caching for smooth virtual scrolling and snappy view transitions.
(like immutables and observables), Angular 2 can use those guarantees
to speed up your application.
<!-- Simplicity --> <!-- Simplicity -->
.grid-fluid.l-space-bottom-8 .grid-fluid.l-space-bottom-8
@ -65,6 +22,42 @@
readable and easy to understand at a glance. readable and easy to understand at a glance.
<!-- Cross-Platform -->
.grid-fluid.l-space-bottom-8
.c3.text-center
.sticker <span class="sticker-icon icon-stay-current-portrait"></span>
.c7
h3.text-headline.text-uppercase Cross Platform
p.text-body.
Learning Angular 2 gives you the tools you need to build apps for desktop, mobile web,
Android, and iOS. Angular Universal provides for server-side rendering for fast initial
views on mobile web. Ionic and NativeScript let you build hybrid and native UI mobile apps.
Web worker support keeps your app UI fully responsive no matter how heavy the load.
<!-- Seamless Upgrade -->
.grid-fluid.l-space-bottom-8
.c3.text-center
.sticker <span class="sticker-icon icon-web"></span>
.c7
h3.text-headline.text-uppercase Seamless Upgrade from Angular 1
p.text-body.
Upgrade your Angular 1 application at your own pace by mixing in Angular 2 components,
directives, pipes, services and more by using the ngUpgrade APIs.
<!-- Flexible Development -->
.grid-fluid.l-space-bottom-8
.c3.text-center
.sticker <span class="sticker-icon icon-favorite"></span>
.c7
h3.text-headline.text-uppercase Flexible Development
p.text-body.
The choice of language is up to you. In addition to providing full support for ES5 and
TypeScript, and Dart, Angular 2 works equally well with ES6, Dart, and other languages that
compile to JavaScript.
<!-- Routing --> <!-- Routing -->
.grid-fluid.l-space-bottom-8 .grid-fluid.l-space-bottom-8
.c3.text-center .c3.text-center
@ -81,6 +74,29 @@
you can easily migrate to Angular 2 routing. you can easily migrate to Angular 2 routing.
<!-- Dependency Injection -->
.grid-fluid.l-space-bottom-8
.c3.text-center
.sticker <span class="sticker-icon icon-now-widgets"></span>
.c7
h3.text-headline.text-uppercase 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 helps you write tests
by making it easy to inject test doubles.
<!-- Legacy Browsers -->
.grid-fluid.l-space-bottom-8
.c3.text-center
.sticker <span class="sticker-icon icon-fast-forward"></span>
.c7
h3.text-headline.text-uppercase Legacy Browser Support
p.text-body.
In addition to fully supporting latest versions of Chrome, Edge, Firefox, IE, and Safari,
Angular 2 is also tested for older browsers including IE9+ and Android 4.1+.
<!-- Animations --> <!-- Animations -->
.grid-fluid.l-space-bottom-8 .grid-fluid.l-space-bottom-8
.c3.text-center .c3.text-center
@ -88,7 +104,7 @@
.c7 .c7
h3.text-headline.text-uppercase Animations h3.text-headline.text-uppercase Animations
p.text-body. p.text-body.
Tap directly into low-level animation support on [Under development] Tap directly into low-level animation support on
mobile and desktop environments with easy-to-use Angular events. mobile and desktop environments with easy-to-use Angular events.
You can use CSS, JavaScript, and the Web Animations API to You can use CSS, JavaScript, and the Web Animations API to
intelligently handle changes to animations in response to user events. intelligently handle changes to animations in response to user events.
@ -96,34 +112,6 @@
an entire website on a timeline. an entire website on a timeline.
<!-- Dependency Injection -->
.grid-fluid.l-space-bottom-8
.c3.text-center
.sticker <span class="sticker-icon icon-now-widgets"></span>
.c7
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 helps you write tests
by making it easy to inject test doubles.
<!-- Web Components -->
.grid-fluid.l-space-bottom-8
.c3.text-center
.sticker <span class="sticker-icon icon-web"></span>
.c7
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
(such as shadow DOM and the HTML5 template tag)
in browsers that support them.
<!-- Internationalization & Accessibility --> <!-- Internationalization & Accessibility -->
.grid-fluid.l-space-bottom-8 .grid-fluid.l-space-bottom-8
.c3.text-center .c3.text-center
@ -131,12 +119,13 @@
.c7 .c7
h3.text-headline.text-uppercase Internationalization (I18N) &amp; Accessibility h3.text-headline.text-uppercase Internationalization (I18N) &amp; Accessibility
p.text-body(ng-non-bindable). p.text-body(ng-non-bindable).
Reach all your users. [Under development] Reach all your users.
Use the familiar ICU message format in Angular interpolation syntax Use the familiar ICU message format in Angular interpolation syntax
(<b>{{ }}</b>), including pluralization and gender rules. (<b>{{ }}</b>), including pluralization and gender rules.
Automate message extraction, pseudo-localization, and translation updates. Automate message extraction, pseudo-localization, and translation updates.
Generate static applications for each locale. Generate static applications for each locale.
Easily promote accessibility via screen readers and assistive devices by automatically generating appropriate ARIA attributes. Easily promote accessibility via screen readers and assistive devices by automatically
generating appropriate ARIA attributes.