133 lines
5.0 KiB
Plaintext
133 lines
5.0 KiB
Plaintext
|
|
<!-- 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 & Performance
|
|
p.text-body.
|
|
Angular 2 is dramatically faster than Angular 1 with support for fast initial loads through
|
|
server-side pre-rendering, offline compile for fast startup, and ultrafast change detection
|
|
and view caching for smooth virtual scrolling and snappy view transitions.
|
|
|
|
<!-- Simplicity -->
|
|
.grid-fluid.l-space-bottom-8
|
|
.c3.text-center
|
|
.sticker <span class="sticker-icon is-small icon-embed2"></span>
|
|
.c7
|
|
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.
|
|
|
|
|
|
<!-- 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 full support for
|
|
ES5, TypeScript, and Dart, Angular 2 works equally well with ES2015 and other languages
|
|
that compile to JavaScript.
|
|
|
|
|
|
<!-- 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
|
|
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.
|
|
|
|
|
|
<!-- 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 -->
|
|
.grid-fluid.l-space-bottom-8
|
|
.c3.text-center
|
|
.sticker <span class="sticker-icon icon-flip"></span>
|
|
.c7
|
|
h3.text-headline.text-uppercase Animations
|
|
p.text-body.
|
|
[Under development] 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.
|
|
|
|
|
|
<!-- 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) & Accessibility
|
|
p.text-body(ng-non-bindable).
|
|
[Under development] 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.
|
|
|
|
|
|
|
|
!= partial("/_includes/_cta-bar")
|