5 lines
32 KiB
JSON
5 lines
32 KiB
JSON
{
|
||
"id": "presskit",
|
||
"title": "Press kit",
|
||
"contents": "\n\n\n\n<div class=\"content\">\n <header class=\"marketing-banner\">\n <h1 class=\"banner-headline no-toc no-anchor\" id=\"press-kit\">Press kit</h1>\n</header>\n<article class=\"center-layout presskit-container\">\n <!-- Angular Logo Section -->\n <div class=\"presskit-section\">\n <h2 id=\"official-angular-logo\">Official Angular Logo<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"presskit#official-angular-logo\"><i class=\"material-icons\">link</i></a></h2>\n <p>\n The logo graphics available for download on this page are provided under\n <a href=\"https://creativecommons.org/licenses/by/4.0/\">CC BY 4.0</a>.\n This means that you can pretty much do what you like with it including printing it on shirts, creating your own\n variations, or getting it tattooed over your navel.\n </p>\n <p>\n We do ask that you not use the rest of the site graphics in other contexts to avoid confusion.\n </p>\n <div class=\"presskit-icon-group\">\n <div class=\"presskit-icon-item\">\n <div class=\"presskit-image-container\">\n <img src=\"assets/images/logos/angular/angular.svg\" alt=\"Full color logo Angular\" width=\"250\" height=\"250\">\n </div>\n <div>\n <h3 id=\"full-color-logo\">Full Color Logo<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"presskit#full-color-logo\"><i class=\"material-icons\">link</i></a></h3>\n <ul class=\"presskit-links-container\">\n <li>\n <a href=\"assets/images/logos/angular/angular.png\" download>Download PNG icon</a>\n </li>\n <li>\n <a href=\"assets/images/logos/angular/angular.svg\" download>Download SVG icon</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"presskit-icon-item\">\n <div class=\"presskit-image-container\">\n <img src=\"assets/images/logos/angular/angular_solidBlack.svg\" alt=\"Black logo Angular\" width=\"250\" height=\"250\">\n </div>\n <div>\n <h3 id=\"one-color-logo\">One Color Logo<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"presskit#one-color-logo\"><i class=\"material-icons\">link</i></a></h3>\n <ul class=\"presskit-links-container\">\n <li>\n <a href=\"assets/images/logos/angular/angular_solidBlack.png\" download>Download PNG icon</a>\n </li>\n <li>\n <a href=\"assets/images/logos/angular/angular_solidBlack.svg\" download>Download SVG icon</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"presskit-icon-item\">\n <div class=\"presskit-image-container\">\n <img src=\"assets/images/logos/angular/angular_whiteTransparent.svg\" class=\"transparent-img\" alt=\"Transparent logo Angular\" width=\"250\" height=\"250\">\n </div>\n <div>\n <h3 id=\"one-color-inverse-logo\">One Color Inverse Logo<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"presskit#one-color-inverse-logo\"><i class=\"material-icons\">link</i></a></h3>\n <ul class=\"presskit-links-container\">\n <li>\n <a href=\"assets/images/logos/angular/angular_whiteTransparent.png\" download>Download PNG icon</a>\n </li>\n <li>\n <a href=\"assets/images/logos/angular/angular_whiteTransparent.svg\" download>Download SVG icon</a>\n </li>\n </ul>\n </div>\n </div>\n </div>\n </div>\n <!-- Brand Icons Section -->\n <div class=\"presskit-section\">\n <h2 id=\"brand-icons\">Brand Icons<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"presskit#brand-icons\"><i class=\"material-icons\">link</i></a></h2>\n <div class=\"presskit-icon-group\">\n <div class=\"presskit-icon-item\">\n <div class=\"presskit-image-container\">\n <img src=\"generated/images/marketing/concept-icons/animations.png\" alt=\"Animations icon\" width=\"186\" height=\"200\">\n </div>\n <div>\n <h3 id=\"animations\">Animations<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"presskit#animations\"><i class=\"material-icons\">link</i></a></h3>\n <ul class=\"presskit-links-container\">\n <li>\n <a href=\"generated/images/marketing/concept-icons/animations.png\" download>Download PNG icon</a>\n </li>\n <li>\n <a href=\"generated/images/marketing/concept-icons/animations.svg\" download>Download SVG icon</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"presskit-icon-item\">\n <div class=\"presskit-image-container\">\n <img src=\"generated/images/marketing/concept-icons/cdk.png\" alt=\"CDK icon\" width=\"186\" height=\"200\">\n </div>\n <div>\n <h3 id=\"component-dev-kit-cdk\">Component Dev Kit (CDK)<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"presskit#component-dev-kit-cdk\"><i class=\"material-icons\">link</i></a></h3>\n <ul class=\"presskit-links-container\">\n <li>\n <a href=\"generated/images/marketing/concept-icons/cdk.png\" download>Download PNG icon</a>\n </li>\n <li>\n <a href=\"generated/images/marketing/concept-icons/cdk.svg\" download>Download SVG icon</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"presskit-icon-item\">\n <div class=\"presskit-image-container\">\n <img src=\"generated/images/marketing/concept-icons/cli.png\" alt=\"CLI icon\" width=\"186\" height=\"200\">\n </div>\n <div>\n <h3 id=\"cli-command-line-interface\">CLI (Command Line Interface)<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"presskit#cli-command-line-interface\"><i class=\"material-icons\">link</i></a></h3>\n <ul class=\"presskit-links-container\">\n <li>\n <a href=\"generated/images/marketing/concept-icons/cli.png\" download>Download PNG icon</a>\n </li>\n <li>\n <a href=\"generated/images/marketing/concept-icons/cli.svg\" download>Download SVG icon</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"presskit-icon-item\">\n <div class=\"presskit-image-container\">\n <img src=\"generated/images/marketing/concept-icons/compiler.png\" alt=\"Compiler icon\" width=\"186\" height=\"200\">\n </div>\n <div>\n <h3 id=\"compiler\">Compiler<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"presskit#compiler\"><i class=\"material-icons\">link</i></a></h3>\n <ul class=\"presskit-links-container\">\n <li>\n <a href=\"generated/images/marketing/concept-icons/compiler.png\" download>Download PNG icon</a>\n </li>\n <li>\n <a href=\"generated/images/marketing/concept-icons/compiler.svg\" download>Download SVG icon</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"presskit-icon-item\">\n <div class=\"presskit-image-container\">\n <img src=\"generated/images/marketing/concept-icons/components.png\" alt=\"Components icon\" width=\"186\" height=\"200\">\n </div>\n <div>\n <h3 id=\"web-components\">Web Components<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"presskit#web-components\"><i class=\"material-icons\">link</i></a></h3>\n <ul class=\"presskit-links-container\">\n <li>\n <a href=\"generated/images/marketing/concept-icons/components.png\" download>Download PNG icon</a>\n </li>\n <li>\n <a href=\"generated/images/marketing/concept-icons/components.svg\" download>Download SVG icon</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"presskit-icon-item\">\n <div class=\"presskit-image-container\">\n <img src=\"generated/images/marketing/concept-icons/forms.png\" alt=\"Forms icon\" width=\"186\" height=\"200\">\n </div>\n <div>\n <h3 id=\"forms\">Forms<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"presskit#forms\"><i class=\"material-icons\">link</i></a></h3>\n <ul class=\"presskit-links-container\">\n <li>\n <a href=\"generated/images/marketing/concept-icons/forms.png\" download>Download PNG icon</a>\n </li>\n <li>\n <a href=\"generated/images/marketing/concept-icons/forms.svg\" download>Download SVG icon</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"presskit-icon-item\">\n <div class=\"presskit-image-container\">\n <img src=\"generated/images/marketing/concept-icons/http.png\" alt=\"HTTP icon\" width=\"186\" height=\"200\">\n </div>\n <div>\n <h3 id=\"http\">HTTP<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"presskit#http\"><i class=\"material-icons\">link</i></a></h3>\n <ul class=\"presskit-links-container\">\n <li>\n <a href=\"generated/images/marketing/concept-icons/http.png\" download>Download PNG icon</a>\n </li>\n <li>\n <a href=\"generated/images/marketing/concept-icons/http.svg\" download>Download SVG icon</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"presskit-icon-item\">\n <div class=\"presskit-image-container\">\n <img src=\"generated/images/marketing/concept-icons/i18n.png\" alt=\"i18n icon\" width=\"186\" height=\"200\">\n </div>\n <div>\n <h3 id=\"i18n\">i18n<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"presskit#i18n\"><i class=\"material-icons\">link</i></a></h3>\n <ul class=\"presskit-links-container\">\n <li>\n <a href=\"generated/images/marketing/concept-icons/i18n.png\" download>Download PNG icon</a>\n </li>\n <li>\n <a href=\"generated/images/marketing/concept-icons/i18n.svg\" download>Download SVG icon</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"presskit-icon-item\">\n <div class=\"presskit-image-container\">\n <img src=\"generated/images/marketing/concept-icons/karma.png\" alt=\"Karma icon\" width=\"186\" height=\"200\">\n </div>\n <div>\n <h3 id=\"karma\">Karma<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"presskit#karma\"><i class=\"material-icons\">link</i></a></h3>\n <ul class=\"presskit-links-container\">\n <li>\n <a href=\"generated/images/marketing/concept-icons/karma.png\" download>Download PNG icon</a>\n </li>\n <li>\n <a href=\"generated/images/marketing/concept-icons/karma.svg\" download>Download SVG icon</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"presskit-icon-item\">\n <div class=\"presskit-image-container\">\n <img src=\"generated/images/marketing/concept-icons/labs.png\" alt=\"Labs icon\" width=\"186\" height=\"200\">\n </div>\n <div>\n <h3 id=\"angular-labs\">Angular Labs<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"presskit#angular-labs\"><i class=\"material-icons\">link</i></a></h3>\n <ul class=\"presskit-links-container\">\n <li>\n <a href=\"generated/images/marketing/concept-icons/labs.png\" download>Download PNG icon</a>\n </li>\n <li>\n <a href=\"generated/images/marketing/concept-icons/labs.svg\" download>Download SVG icon</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"presskit-icon-item\">\n <div class=\"presskit-image-container\">\n <img src=\"generated/images/marketing/concept-icons/language-services.png\" alt=\"Language services icon\" width=\"186\" height=\"200\">\n </div>\n <div>\n <h3 id=\"language-services\">Language Services<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"presskit#language-services\"><i class=\"material-icons\">link</i></a></h3>\n <ul class=\"presskit-links-container\">\n <li>\n <a href=\"generated/images/marketing/concept-icons/language-services.png\" download>Download PNG icon</a>\n </li>\n <li>\n <a href=\"generated/images/marketing/concept-icons/language-services.svg\" download>Download SVG icon</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"presskit-icon-item\">\n <div class=\"presskit-image-container\">\n <img src=\"generated/images/marketing/concept-icons/material.png\" alt=\"Angular Material icon\" width=\"186\" height=\"200\">\n </div>\n <div>\n <h3 id=\"angular-material\">Angular Material<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"presskit#angular-material\"><i class=\"material-icons\">link</i></a></h3>\n <ul class=\"presskit-links-container\">\n <li>\n <a href=\"generated/images/marketing/concept-icons/material.png\" download>Download PNG icon</a>\n </li>\n <li>\n <a href=\"generated/images/marketing/concept-icons/material.svg\" download>Download SVG icon</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"presskit-icon-item\">\n <div class=\"presskit-image-container\">\n <img src=\"generated/images/marketing/concept-icons/protractor.png\" alt=\"Protractor icon\" width=\"186\" height=\"200\">\n </div>\n <div>\n <h3 id=\"protractor\">Protractor<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"presskit#protractor\"><i class=\"material-icons\">link</i></a></h3>\n <ul class=\"presskit-links-container\">\n <li>\n <a href=\"generated/images/marketing/concept-icons/protractor.png\" download>Download PNG icon</a>\n </li>\n <li>\n <a href=\"generated/images/marketing/concept-icons/protractor.svg\" download>Download SVG icon</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"presskit-icon-item\">\n <div class=\"presskit-image-container\">\n <img src=\"generated/images/marketing/concept-icons/pwa.png\" alt=\"PWA icon\" width=\"186\" height=\"200\">\n </div>\n <div>\n <h3 id=\"pwa-progressive-web-app\">PWA (Progressive Web App)<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"presskit#pwa-progressive-web-app\"><i class=\"material-icons\">link</i></a></h3>\n <ul class=\"presskit-links-container\">\n <li>\n <a href=\"generated/images/marketing/concept-icons/pwa.png\" download>Download PNG icon</a>\n </li>\n <li>\n <a href=\"generated/images/marketing/concept-icons/pwa.svg\" download>Download SVG icon</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"presskit-icon-item\">\n <div class=\"presskit-image-container\">\n <img src=\"generated/images/marketing/concept-icons/router.png\" alt=\"Router icon\" width=\"186\" height=\"200\">\n </div>\n <div>\n <h3 id=\"router\">Router<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"presskit#router\"><i class=\"material-icons\">link</i></a></h3>\n <ul class=\"presskit-links-container\">\n <li>\n <a href=\"generated/images/marketing/concept-icons/router.png\" download>Download PNG icon</a>\n </li>\n <li>\n <a href=\"generated/images/marketing/concept-icons/router.svg\" download>Download SVG icon</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"presskit-icon-item\">\n <div class=\"presskit-image-container\">\n <img src=\"generated/images/marketing/concept-icons/universal.png\" alt=\"Universal icon\" width=\"186\" height=\"200\">\n </div>\n <div>\n <h3 id=\"universal\">Universal<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"presskit#universal\"><i class=\"material-icons\">link</i></a></h3>\n <ul class=\"presskit-links-container\">\n <li>\n <a href=\"generated/images/marketing/concept-icons/universal.png\" download>Download PNG icon</a>\n </li>\n <li>\n <a href=\"generated/images/marketing/concept-icons/universal.svg\" download>Download SVG icon</a>\n </li>\n </ul>\n </div>\n </div>\n </div>\n </div>\n <!-- Concept Icons Section -->\n <div class=\"presskit-section\">\n <h2 id=\"concept-and-feature-icons\">Concept and Feature Icons<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"presskit#concept-and-feature-icons\"><i class=\"material-icons\">link</i></a></h2>\n <div class=\"presskit-icon-group\">\n <div class=\"presskit-icon-item\">\n <div class=\"presskit-image-container\">\n <img src=\"generated/images/marketing/concept-icons/dependency-injection.png\" alt=\"Dependency injection icon\" width=\"200\" height=\"200\">\n </div>\n <div>\n <h3 id=\"dependency-injection\">Dependency Injection<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"presskit#dependency-injection\"><i class=\"material-icons\">link</i></a></h3>\n <ul class=\"presskit-links-container\">\n <li>\n <a href=\"generated/images/marketing/concept-icons/dependency-injection.png\" download>Download PNG icon</a>\n </li>\n <li>\n <a href=\"generated/images/marketing/concept-icons/dependency-injection.svg\" download>Download SVG icon</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"presskit-icon-item\">\n <div class=\"presskit-image-container\">\n <img src=\"generated/images/marketing/concept-icons/lazy-loading.png\" alt=\"Lazy loading icon\" width=\"200\" height=\"200\">\n </div>\n <div>\n <h3 id=\"lazy-loading\">Lazy Loading<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"presskit#lazy-loading\"><i class=\"material-icons\">link</i></a></h3>\n <ul class=\"presskit-links-container\">\n <li>\n <a href=\"generated/images/marketing/concept-icons/lazy-loading.png\" download>Download PNG icon</a>\n </li>\n <li>\n <a href=\"generated/images/marketing/concept-icons/lazy-loading.svg\" download>Download SVG icon</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"presskit-icon-item\">\n <div class=\"presskit-image-container\">\n <img src=\"generated/images/marketing/concept-icons/libraries.png\" alt=\"Libraries icon\" width=\"200\" height=\"200\">\n </div>\n <div>\n <h3 id=\"libraries\">Libraries<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"presskit#libraries\"><i class=\"material-icons\">link</i></a></h3>\n <ul class=\"presskit-links-container\">\n <li>\n <a href=\"generated/images/marketing/concept-icons/libraries.png\" download>Download PNG icon</a>\n </li>\n <li>\n <a href=\"generated/images/marketing/concept-icons/libraries.svg\" download>Download SVG icon</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"presskit-icon-item\">\n <div class=\"presskit-image-container\">\n <img src=\"generated/images/marketing/concept-icons/performance.png\" alt=\"Performance icon\" width=\"200\" height=\"200\">\n </div>\n <div>\n <h3 id=\"performance\">Performance<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"presskit#performance\"><i class=\"material-icons\">link</i></a></h3>\n <ul class=\"presskit-links-container\">\n <li>\n <a href=\"generated/images/marketing/concept-icons/performance.png\" download>Download PNG icon</a>\n </li>\n <li>\n <a href=\"generated/images/marketing/concept-icons/performance.svg\" download>Download SVG icon</a>\n </li>\n </ul>\n </div>\n </div>\n <div class=\"presskit-icon-item\">\n <div class=\"presskit-image-container\">\n <img src=\"generated/images/marketing/concept-icons/templates.png\" alt=\"Templates icon\" width=\"200\" height=\"200\">\n </div>\n <div>\n <h3 id=\"templates\">Templates<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"presskit#templates\"><i class=\"material-icons\">link</i></a></h3>\n <ul class=\"presskit-links-container\">\n <li>\n <a href=\"generated/images/marketing/concept-icons/templates.png\" download>Download PNG icon</a>\n </li>\n <li>\n <a href=\"generated/images/marketing/concept-icons/templates.svg\" download>Download SVG icon</a>\n </li>\n </ul>\n </div>\n </div>\n </div>\n </div>\n <!-- Press and Media Section -->\n <div class=\"presskit-section\">\n <h2 id=\"press-and-media\">Press and Media<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"presskit#press-and-media\"><i class=\"material-icons\">link</i></a></h2>\n <p>\n For inquiries regarding press and media please contact us at\n <a href=\"mailto:press@angular.io\">press@angular.io</a>.\n </p>\n </div>\n <!-- Brand Names Section -->\n <div class=\"presskit-section\">\n <h2 id=\"brand-names\">Brand Names<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"presskit#brand-names\"><i class=\"material-icons\">link</i></a></h2>\n <h3 id=\"angular\">Angular<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"presskit#angular\"><i class=\"material-icons\">link</i></a></h3>\n <p>\n The name <b>Angular</b> represents the work and promises provided to you by the Angular team.\n </p>\n <p>\n When not specified, Angular is assumed to be referring to the latest and greatest stable version from the Angular\n Team.\n </p>\n <h4 id=\"example\">Example<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"presskit#example\"><i class=\"material-icons\">link</i></a></h4>\n <p>\n <b>Version v4.1 now available</b> - We are pleased to announce that the latest release of Angular is now\n available. Staying up to date is easy!\n </p>\n <h4 id=\"example-1\">Example<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"presskit#example-1\"><i class=\"material-icons\">link</i></a></h4>\n <p>\n <b>Correct:</b> \"New <code>*<a href=\"api/common/NgIf\" class=\"code-anchor\">ngIf</a></code> capabilities—new in version 4.0 is the ability to ...\"\n </p>\n <p>\n <b class=\"error-text\">Incorrect:</b> \"New <code>*<a href=\"api/common/NgIf\" class=\"code-anchor\">ngIf</a></code> capabilities in Angular 4—Angular 4 introduces\n the ability to ...\"\n </p>\n <p>\n <b>Reasoning</b>\n </p>\n <p>\n By not using \"Angular 4\" in the title, the content still feels applicable and useful after version 5, 6, 7 have\n been released, as the syntax is unlikely to change in the short and medium term.\n </p>\n <h3 id=\"angularjs\">AngularJS<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"presskit#angularjs\"><i class=\"material-icons\">link</i></a></h3>\n <p>\n <b>AngularJS</b> is the v1.x series of work and promises provided by the Angular team.\n </p>\n <h4 id=\"examples\">Examples<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"presskit#examples\"><i class=\"material-icons\">link</i></a></h4>\n <ul>\n <li>AngularJS is one of the most used framework on the web today (by number of projects).</li>\n <li>Millions of developers are currently building with AngularJS.</li>\n <li>Developers are beginning to upgrade from AngularJS to Angular.</li>\n <li>I’m upgrading my application from AngularJS to Angular.</li>\n <li>I'm using AngularJS Material on this project.</li>\n </ul>\n <p>\n AngularJS projects should use the\n <a href=\"assets/images/logos/angularjs/AngularJS-Shield.svg\" title=\"AngularJS logo\">original AngularJS logo</a> /\n icon, and not the Angular icon:\n </p>\n <img src=\"assets/images/logos/angularjs/AngularJS-Shield.svg\" alt=\"AngularJS logo\" style=\"margin-left: 20px;\" width=\"335\" height=\"355\">\n <h3 id=\"angular-material-1\">Angular Material<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"presskit#angular-material-1\"><i class=\"material-icons\">link</i></a></h3>\n <p>\n This is the work being performed by the Angular team to provide Material Design components for Angular\n applications.\n </p>\n <h3 id=\"angularjs-material\">AngularJS Material<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"presskit#angularjs-material\"><i class=\"material-icons\">link</i></a></h3>\n <p>\n This is the work being performed by the Angular team on Material Design components that are compatible with\n AngularJS.\n </p>\n <h3 id=\"3rd-party-projects\">3rd Party Projects<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"presskit#3rd-party-projects\"><i class=\"material-icons\">link</i></a></h3>\n <p>\n <b>X for Angular</b>\n </p>\n <p>\n 3rd parties should use the terminology “X for Angular” or “ng-X” for software projects. Projects should avoid the\n use of Angular X (e.g. Angular UI Toolkit), as it could create authorship confusion. This rule does not apply to\n events or meetup groups.\n </p>\n <p>\n Developers should avoid using Angular version numbers in project names, as this will artificially limit their\n projects by tying them to a point in time of Angular, or will require renaming over time.\n </p>\n <p>\n Where a codename or shortname is used, such as on npm or github, some are acceptable, some are not acceptable.\n </p>\n<p> <b>Do not use</b></p>\n <ul>\n <li><code>ng2-</code></li>\n <li><code>angular2-</code></li>\n </ul>\n<p> <b>OK to use</b></p>\n <ul>\n <li><code>ng-</code></li>\n <li><code>angular-</code></li>\n </ul>\n <p>\n As always, component and directive selectors should not begin with “ng-” selectors as this will conflict with\n components and directives provided by the Angular team.\n </p>\n <h4 id=\"examples-1\">Examples<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"presskit#examples-1\"><i class=\"material-icons\">link</i></a></h4>\n <ul>\n <li>The ng-BE team just launched <code>ng-health</code> to help developers track their own health.</li>\n <li>I’m going to use NativeScript for Angular to take advantage of native UI widgets.</li>\n <li><code>ReallyCoolTool</code> for Angular.</li>\n <li><code>ReallyCoolTool</code> for AngularJS.</li>\n </ul>\n </div>\n <!-- Terminology Section -->\n <div class=\"presskit-section\">\n <h2 id=\"terminology\">Terminology<a title=\"Link to this heading\" class=\"header-link\" aria-hidden=\"true\" href=\"presskit#terminology\"><i class=\"material-icons\">link</i></a></h2>\n <p>\n We often use terms that are not part of our brand, but we want to remain consistent on the styling and use of them\n to prevent confusion and to appear unified.\n </p>\n <ul>\n <li><a href=\"guide/glossary#aot\">Ahead-of-Time compilation (AOT)</a></li>\n <li><a href=\"guide/glossary#jit\">Just-in-Time compilation (JIT)</a></li>\n </ul>\n </div>\n</article>\n\n \n</div>\n\n<!-- links to this doc:\n - resources-contributing\n-->\n<!-- links from this doc:\n - api/common/NgIf\n - assets/images/logos/angular/angular.png\n - assets/images/logos/angular/angular.svg\n - assets/images/logos/angular/angular_solidBlack.png\n - assets/images/logos/angular/angular_solidBlack.svg\n - assets/images/logos/angular/angular_whiteTransparent.png\n - assets/images/logos/angular/angular_whiteTransparent.svg\n - assets/images/logos/angularjs/AngularJS-Shield.svg\n - generated/images/marketing/concept-icons/animations.png\n - generated/images/marketing/concept-icons/animations.svg\n - generated/images/marketing/concept-icons/cdk.png\n - generated/images/marketing/concept-icons/cdk.svg\n - generated/images/marketing/concept-icons/cli.png\n - generated/images/marketing/concept-icons/cli.svg\n - generated/images/marketing/concept-icons/compiler.png\n - generated/images/marketing/concept-icons/compiler.svg\n - generated/images/marketing/concept-icons/components.png\n - generated/images/marketing/concept-icons/components.svg\n - generated/images/marketing/concept-icons/dependency-injection.png\n - generated/images/marketing/concept-icons/dependency-injection.svg\n - generated/images/marketing/concept-icons/forms.png\n - generated/images/marketing/concept-icons/forms.svg\n - generated/images/marketing/concept-icons/http.png\n - generated/images/marketing/concept-icons/http.svg\n - generated/images/marketing/concept-icons/i18n.png\n - generated/images/marketing/concept-icons/i18n.svg\n - generated/images/marketing/concept-icons/karma.png\n - generated/images/marketing/concept-icons/karma.svg\n - generated/images/marketing/concept-icons/labs.png\n - generated/images/marketing/concept-icons/labs.svg\n - generated/images/marketing/concept-icons/language-services.png\n - generated/images/marketing/concept-icons/language-services.svg\n - generated/images/marketing/concept-icons/lazy-loading.png\n - generated/images/marketing/concept-icons/lazy-loading.svg\n - generated/images/marketing/concept-icons/libraries.png\n - generated/images/marketing/concept-icons/libraries.svg\n - generated/images/marketing/concept-icons/material.png\n - generated/images/marketing/concept-icons/material.svg\n - generated/images/marketing/concept-icons/performance.png\n - generated/images/marketing/concept-icons/performance.svg\n - generated/images/marketing/concept-icons/protractor.png\n - generated/images/marketing/concept-icons/protractor.svg\n - generated/images/marketing/concept-icons/pwa.png\n - generated/images/marketing/concept-icons/pwa.svg\n - generated/images/marketing/concept-icons/router.png\n - generated/images/marketing/concept-icons/router.svg\n - generated/images/marketing/concept-icons/templates.png\n - generated/images/marketing/concept-icons/templates.svg\n - generated/images/marketing/concept-icons/universal.png\n - generated/images/marketing/concept-icons/universal.svg\n - guide/glossary#aot\n - guide/glossary#jit\n - presskit#3rd-party-projects\n - presskit#angular\n - presskit#angular-labs\n - presskit#angular-material\n - presskit#angular-material-1\n - presskit#angularjs\n - presskit#angularjs-material\n - presskit#animations\n - presskit#brand-icons\n - presskit#brand-names\n - presskit#cli-command-line-interface\n - presskit#compiler\n - presskit#component-dev-kit-cdk\n - presskit#concept-and-feature-icons\n - presskit#dependency-injection\n - presskit#example\n - presskit#example-1\n - presskit#examples\n - presskit#examples-1\n - presskit#forms\n - presskit#full-color-logo\n - presskit#http\n - presskit#i18n\n - presskit#karma\n - presskit#language-services\n - presskit#lazy-loading\n - presskit#libraries\n - presskit#official-angular-logo\n - presskit#one-color-inverse-logo\n - presskit#one-color-logo\n - presskit#performance\n - presskit#press-and-media\n - presskit#protractor\n - presskit#pwa-progressive-web-app\n - presskit#router\n - presskit#templates\n - presskit#terminology\n - presskit#universal\n - presskit#web-components\n - https://creativecommons.org/licenses/by/4.0/\n - mailto:press@angular.io\n-->"
|
||
} |