angular-docs-cn/public/features.jade

144 lines
5.2 KiB
Plaintext
Raw Normal View History

2015-02-28 15:06:30 -05:00
<!-- MOBILE -->
.grid-fluid.l-space-bottom-8
.c3.text-center
2015-02-26 09:45:32 -05:00
.sticker <span class="sticker-icon icon-stay-current-portrait"></span>
2015-02-28 15:06:30 -05:00
.c7
h3.text-headline.text-uppercase Mobile First
2015-03-04 20:20:40 -05:00
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.
2015-02-28 15:06:30 -05:00
<!-- ES6 -->
.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
2015-03-04 20:20:40 -05:00
p.text-body.
2015-03-11 20:56:08 -04:00
Angular 2 is written in ECMAScript 6 (ES6),
2015-03-04 20:20:40 -05:00
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.
2015-02-28 15:06:30 -05:00
<!-- Coffee, Dart, ES6 -->
.grid-fluid.l-space-bottom-8
.c3.text-center
2015-02-28 15:10:58 -05:00
.sticker <span class="sticker-icon icon-favorite"></span>
2015-02-28 15:06:30 -05:00
.c7
h3.text-headline.text-uppercase Flexible Development
2015-03-04 20:20:40 -05:00
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.
2015-02-28 15:06:30 -05:00
<!-- Speed & Performance -->
.grid-fluid.l-space-bottom-8
.c3.text-center
.sticker <span class="sticker-icon icon-av-timer"></span>
.c7
h3.text-headline.text-uppercase Speed &amp; Performance
2015-03-04 20:20:40 -05:00
p.text-body.
Change detection is now 5x faster,
2015-03-05 02:36:59 -05:00
thanks to tunings for modern JavaScript engines.
2015-03-04 20:20:40 -05:00
If you use data structures that imply change guarantees
(like immutables and observables), Angular 2 can use those guarantees
to speed up your application.
2015-02-28 15:06:30 -05:00
<!-- Simplicity -->
.grid-fluid.l-space-bottom-8
.c3.text-center
2015-02-28 15:10:58 -05:00
.sticker <span class="sticker-icon is-small icon-embed2"></span>
2015-02-28 15:06:30 -05:00
.c7
h3.text-headline.text-uppercase Simple &amp; Expressive
2015-03-04 20:20:40 -05:00
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.
2015-02-28 15:06:30 -05:00
<!-- Routing -->
.grid-fluid.l-space-bottom-8
.c3.text-center
.sticker <span class="sticker-icon icon-call-split"></span>
.c7
h3.text-headline.text-uppercase Comprehensive Routing
2015-03-04 20:20:40 -05:00
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.
2015-02-28 15:06:30 -05:00
<!-- Animations -->
.grid-fluid.l-space-bottom-8
.c3.text-center
.sticker <span class="sticker-icon icon-flip"></span>
.c7
h3.text-headline.text-uppercase Animations
2015-03-04 20:20:40 -05:00
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.
2015-02-28 15:06:30 -05:00
<!-- Dependency Injection -->
2015-02-28 15:06:30 -05:00
.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
2015-03-04 20:20:40 -05:00
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.
2015-02-28 15:06:30 -05:00
<!-- Web Components -->
.grid-fluid.l-space-bottom-8
.c3.text-center
2015-03-03 09:38:36 -05:00
.sticker <span class="sticker-icon icon-web"></span>
2015-02-28 15:06:30 -05:00
.c7
h3.text-headline.text-uppercase Support for Web Components
2015-03-04 20:20:40 -05:00
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.
2015-02-28 15:06:30 -05:00
<!-- Internationalization & Accessibility -->
.grid-fluid.l-space-bottom-8
.c3.text-center
.sticker <span class="sticker-icon icon-accessibility"></span>
.c7
h3.text-headline.text-uppercase Internationalization (I18N) &amp; Accessibility
2015-03-04 20:20:40 -05:00
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.
2015-02-26 09:45:32 -05:00
2015-03-04 20:20:40 -05:00
!= partial("/_includes/_cta-bar")