`)
+1. Directive host bindings
+ 1. Property binding (for example, `host: {'[class.foo]': 'hasFoo'}` or `host: {'[style.color]': 'color'}`)
+ 1. Map binding (for example, `host: {'[class]': 'classExpr'}` or `host: {'[style]': 'styleExpr'}`)
+ 1. Static value (for example, `host: {'class': 'foo'}` or `host: {'style': 'color: blue'}`)
+1. Component host bindings
+ 1. Property binding (for example, `host: {'[class.foo]': 'hasFoo'}` or `host: {'[style.color]': 'color'}`)
+ 1. Map binding (for example, `host: {'[class]': 'classExpr'}` or `host: {'[style]': 'styleExpr'}`)
+ 1. Static value (for example, `host: {'class': 'foo'}` or `host: {'style': 'color: blue'}`)
+
+
+
+The more specific a class or style binding is, the higher its precedence.
+
+A binding to a specific class (for example, `[class.foo]`) will take precedence over a generic `[class]` binding, and a binding to a specific style (for example, `[style.bar]`) will take precedence over a generic `[style]` binding.
+
+
+
+Specificity rules also apply when it comes to bindings that originate from different sources.
+It's possible for an element to have bindings in the template where it's declared, from host bindings on matched directives, and from host bindings on matched components.
+
+Template bindings are the most specific because they apply to the element directly and exclusively, so they have the highest precedence.
+
+Directive host bindings are considered less specific because directives can be used in multiple locations, so they have a lower precedence than template bindings.
+
+Directives often augment component behavior, so host bindings from components have the lowest precedence.
+
+
+
+In addition, bindings take precedence over static attributes.
+
+In the following case, `class` and `[class]` have similar specificity, but the `[class]` binding will take precedence because it is dynamic.
+
+
+
+{@a styling-delegation}
+### Delegating to styles with lower precedence
+
+It is possible for higher precedence styles to "delegate" to lower precedence styles using `undefined` values.
+Whereas setting a style property to `null` ensures the style is removed, setting it to `undefined` will cause Angular to fall back to the next-highest precedence binding to that style.
+
+For example, consider the following template:
+
+
+
+Imagine that the `dirWithHostBinding` directive and the `comp-with-host-binding` component both have a `[style.width]` host binding.
+In that case, if `dirWithHostBinding` sets its binding to `undefined`, the `width` property will fall back to the value of the `comp-with-host-binding` host binding.
+However, if `dirWithHostBinding` sets its binding to `null`, the `width` property will be removed entirely.
\ No newline at end of file
diff --git a/aio/content/guide/attribute-binding.md b/aio/content/guide/attribute-binding.md
index c73dbcdb0325..4df8847370e5 100644
--- a/aio/content/guide/attribute-binding.md
+++ b/aio/content/guide/attribute-binding.md
@@ -1,33 +1,28 @@
-# Attribute, class, and style bindings
+# Enlaces de atributos, clases y estilos
-The template syntax provides specialized one-way bindings for scenarios less well-suited to property binding.
+La sintaxis de la plantilla proporciona enlaces one-way especializados para escenarios menos adecuados para el enlace de propiedades.
-## Attribute binding
+## Enlace de atributo
-Set the value of an attribute directly with an **attribute binding**. This is the only exception to the rule that a binding sets a target property and the only binding that creates and sets an attribute.
+Establece el valor de un atributo directamente con un **enlace de atributo**. Esta es la รบnica excepciรณn a la regla de que un enlace establece una propiedad de destino y el รบnico enlace que crea y establece un atributo.
-Usually, setting an element property with a [property binding](guide/property-binding)
-is preferable to setting the attribute with a string. However, sometimes
-there is no element property to bind, so attribute binding is the solution.
+Por lo general, establecer una propiedad de elemento con un [enlace de propiedad](guide/property-binding) es preferible establecer el atributo con una string. Sin embargo, a veces
+no hay ninguna propiedad de elemento para vincular, por lo que la vinculaciรณn de atributos es la soluciรณn.
-Consider the [ARIA](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA) and
-[SVG](https://developer.mozilla.org/en-US/docs/Web/SVG). They are purely attributes, don't correspond to element properties, and don't set element properties. In these cases, there are no property targets to bind to.
+Considera el [ARIA](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA) y
+[SVG](https://developer.mozilla.org/en-US/docs/Web/SVG). Son puramente atributos, no corresponden a las propiedades del elemento y no establecen las propiedades del elemento. En estos casos, no hay objetivos de propiedad a los que vincularse.
-Attribute binding syntax resembles property binding, but
-instead of an element property between brackets, start with the prefix `attr`,
-followed by a dot (`.`), and the name of the attribute.
-You then set the attribute value, using an expression that resolves to a string,
-or remove the attribute when the expression resolves to `null`.
+La sintaxis de enlace de atributo se parece al enlace de propiedad, pero en lugar de una propiedad de elemento entre parรฉntesis, comienza con el prefijo `attr`, seguido de un punto (`.`) y el nombre del atributo.
+Luego establece el valor del atributo, utilizando una expresiรณn que se resuelve en una string, o elimina el atributo cuando la expresiรณn se resuelva en `null`.
-One of the primary use cases for attribute binding
-is to set ARIA attributes, as in this example:
+Uno de los casos de uso principales para el enlace de atributos es establecer atributos ARIA, como en este ejemplo:
-#### `colspan` and `colSpan`
+#### `colspan` y `colSpan`
-Notice the difference between the `colspan` attribute and the `colSpan` property.
+Observa la diferencia entre el atributo `colspan` y la propiedad `colSpan`.
-If you wrote something like this:
+Si escribes algo como esto:
<tr><td colspan="{{1 + 1}}">Three-Four</td></tr>
-You'd get this error:
+Recibirรญas este error:
Template parse errors:
Can't bind to 'colspan' since it isn't a known native property
-As the message says, the `
` element does not have a `colspan` property. This is true
-because `colspan` is an attribute—`colSpan`, with a capital `S`, is the
-corresponding property. Interpolation and property binding can set only *properties*, not attributes.
+Como dice el mensaje, el elemento ` ` no tiene una propiedad `colspan`. Esto es verdad
+porque `colspan` es un atributo—`colSpan`, con una `S` mayรบscula, es la propiedad correspondiente. La interpolaciรณn y el enlace de propiedades solo pueden establecer *propiedades*, no atributos.
-Instead, you'd use property binding and write it like this:
+En su lugar, puedes usar el enlace de propiedad y lo escribirรญas asรญ:
Some text
+Algรบn texto
```
-You can also add and remove CSS class names from an element's `class` attribute with a **class binding**.
+Tambiรฉn puedes agregar y eliminar nombres de clase CSS del atributo `class` de un elemento con un **enlace de clase**.
-To create a single class binding, start with the prefix `class` followed by a dot (`.`) and the name of the CSS class (for example, `[class.foo]="hasFoo"`).
-Angular adds the class when the bound expression is truthy, and it removes the class when the expression is falsy (with the exception of `undefined`, see [styling delegation](#styling-delegation)).
+Para crear un enlace de clase รบnico, comienza con el prefijo `class` seguido de un punto (`.`) y el nombre de la clase CSS (por ejemplo, `[class.foo]="hasFoo"`).
+Angular agrega la clase cuando la expresiรณn enlazada es verdadera y elimina la clase cuando la expresiรณn es falsa (con la excepciรณn de `undefined`, vea [delegaciรณn de estilo](#styling-delegation)).
-To create a binding to multiple classes, use a generic `[class]` binding without the dot (for example, `[class]="classExpr"`).
-The expression can be a space-delimited string of class names, or you can format it as an object with class names as the keys and truthy/falsy expressions as the values.
-With object format, Angular will add a class only if its associated value is truthy.
+Para crear un enlace a varias clases, usa un enlace genรฉrico `[class]` sin el punto (por ejemplo, `[class]="classExpr"`).
+La expresiรณn puede ser una string de nombres de clase delimitada por espacios, o puede formatearla como un objeto con nombres de clase como claves y expresiones de verdad / falsedad como valores.
+Con el formato de objeto, Angular agregarรก una clase solo si su valor asociado es verdadero.
-It's important to note that with any object-like expression (`object`, `Array`, `Map`, `Set`, etc), the identity of the object must change for the class list to be updated.
-Updating the property without changing object identity will have no effect.
+Es importante tener en cuenta que con cualquier expresiรณn similar a un objeto (`object`,`Array`, `Map`, `Set`, etc.), la identidad del objeto debe cambiar para que se actualice la lista de clases.
+Actualizar la propiedad sin cambiar la identidad del objeto no tendrรก ningรบn efecto.
-If there are multiple bindings to the same class name, conflicts are resolved using [styling precedence](#styling-precedence).
+Si hay varios enlaces al mismo nombre de clase, los conflictos se resuelven usando [precedencia de estilo](#styling-precedence).
+
+
+
+
+ Type
+
+
+ Syntax
+
+
+ Category
+
+
+
+
+
+ Interpolation
+
+
+
+ {{expression}}
+ [target]="expression"
+ bind-target="expression"
+
+
+
+
+
+ One-way
+
+
+ Event
+
+
+
+ (target)="statement"
+ on-target="statement"
+
+
+
+
+ One-way
+
+
+
+ Two-way
+
+
+
+ [(target)]="expression"
+ bindon-target="expression"
+
+
+
+ Two-way
+
+
+
+
+
+Binding types other than interpolation have a **target name** to the left of the equal sign, either surrounded by punctuation, `[]` or `()`,
+or preceded by a prefix: `bind-`, `on-`, `bindon-`.
+
+The *target* of a binding is the property or event inside the binding punctuation: `[]`, `()` or `[()]`.
+
+Every public member of a **source** directive is automatically available for binding.
+You don't have to do anything special to access a directive member in a template expression or statement.
+
+
+### Data-binding and HTML
+
+In the normal course of HTML development, you create a visual structure with HTML elements, and
+you modify those elements by setting element attributes with string constants.
+
+```html
+Plain old HTML
+Save
+```
+
+With data-binding, you can control things like the state of a button:
+
+
+
+This general rule can help you build a mental model of attributes and DOM properties:
+**Attributes initialize DOM properties and then they are done.
+Property values can change; attribute values can't.**
+
+There is one exception to this rule.
+Attributes can be changed by `setAttribute()`, which re-initializes corresponding DOM properties.
+
+
+
+For more information, see the [MDN Interfaces documentation](https://developer.mozilla.org/en-US/docs/Web/API#Interfaces) which has API docs for all the standard DOM elements and their properties.
+Comparing the [` ` attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/td) attributes to the [` ` properties](https://developer.mozilla.org/en-US/docs/Web/API/HTMLTableCellElement) provides a helpful example for differentiation.
+In particular, you can navigate from the attributes page to the properties via "DOM interface" link, and navigate the inheritance hierarchy up to `HTMLTableCellElement`.
+
+
+#### Example 1: an `Test Button
+```
+
+Adding and removing the `disabled` *attribute* disables and enables the button.
+However, the value of the *attribute* is irrelevant,
+which is why you cannot enable a button by writing `Still Disabled `.
+
+To control the state of the button, set the `disabled` *property*,
+
+
+
+Though you could technically set the `[attr.disabled]` attribute binding, the values are different in that the property binding requires to a boolean value, while its corresponding attribute binding relies on whether the value is `null` or not. Consider the following:
+
+```html
+
+
+
+To see the `disabled` button example in a functioning app, see the
+
+
+ Type
+
+
+ Target
+
+
+ Examples
+
+
+
+
+ Property
+
+
+ Element property
+
+ src, hero, and ngClass in the following:
+
+
+
+
+ Event
+
+
+ Element event
+
+ click, deleteRequest, and myClick in the following:
+
+
+
+
+ Two-way
+
+
+ Event and property
+
+
+
+
+
+
+ Attribute
+
+
+ Attribute
+ (the exception)
+
+
+
+
+
+
+ Class
+
+
+ class property
+
+
+
+
+
+
+ Style
+
+
+ style property
+
+
+
+
+
+
diff --git a/aio/content/guide/binding-syntax.md b/aio/content/guide/binding-syntax.md
index 0bd41cf77d7c..22c51901e82e 100644
--- a/aio/content/guide/binding-syntax.md
+++ b/aio/content/guide/binding-syntax.md
@@ -1,23 +1,21 @@
-# Binding syntax: an overview
+# Sintaxis de Enlace: una visiรณn general
-Data-binding is a mechanism for coordinating what users see, specifically
-with application data values.
-While you could push values to and pull values from HTML,
-the application is easier to write, read, and maintain if you turn these tasks over to a binding framework.
-You simply declare bindings between binding sources, target HTML elements, and let the framework do the rest.
+El enlace de datos es un mecanismo utilizado para coordinar los valores de los datos que los usuarios visualizan en la aplicaciรณn.
+Aunque puedas insertar y actualizar valores en el HTML, la aplicaciรณn es mรกs fรกcil de escribir, leer y mantener si tu le dejas esas tareas al framework de enlace.
+Por lo que simplemente debes declarar enlaces entre los datos del modelo y los elementos HTML y dejar al framework que haga el resto del trabajo.
-See the aplicaciรณn de muestra que es un ejemplo funcional que contiene los fragmentos de cรณdigo utilizados en esta guรญa.
-Angular provides many kinds of data-binding. Binding types can be grouped into three categories distinguished by the direction of data flow:
+Angular proporciona muchas formas para manejar el enlace de datos. Los tipos de enlace se pueden agrupar en tres categorรญas que se distinguen de acuerdo a la direcciรณn del flujo de datos:
-* From the _source-to-view_
-* From _view-to-source_
-* Two-way sequence: _view-to-source-to-view_
+* Desde el _modelo-hacia-vista_
+* Desde la _vista-hacia-modelo_
+* Secuencia Bidireccional: _vista-hacia-modelo-hacia-vista_
-
BRAND NAMES
-
Angular
-
The name Angular represents the work and promises provided to you by the Angular team.
+
NOMBRES DE MARCAS
+
Angular
+
El Nombre Angular representa el trabajo y las promesas que le proporcionรณ el equipo de Angular.
-
When not specified, Angular is assumed to be referring to the latest and greatest stable version from the Angular Team.
+
Cuando no se especifica, se supone que Angular se refiere a la รบltima y mejor versiรณn estable del equipo de
+ Angular.
+
Ejemplo
+
Versiรณn v4.1 ya disponible : Nos complace anunciar que la รบltima versiรณn de Angular ya estรก
+ disponible. ยกMantenerse actualizado es fรกcil!
-
Example
-
Version v4.1 now available - We are pleased to announce that the latest release of Angular is now available. Staying up to date is easy!
+
Ejemplo
-
Example
+
Correcto: "Nuevo *ngIf capacidades—nuevo en la versiรณn 4.0 es la capacidad de
+ ..."
+
Incorrecto: "Nuevo *ngIf capacidades en Angular 4—Angular 4
+ introduce la capacidad de ..."
-
Correct: "New *ngIf capabilities—new in version 4.0 is the ability to ..."
-
Incorrect: "New *ngIf capabilities in Angular 4—Angular 4 introduces the ability to ..."
+
Razonamiento
-
Reasoning
+
Al no usar "Angular 4" en el tรญtulo, el contenido aรบn se siente aplicable y รบtil despuรฉs de que se hayan
+ lanzado las versiones 5, 6, 7, ya que es poco probable que la sintaxis cambie a corto y mediano plazo.
-
By not using โAngular 4โ in the title, the content still feels applicable and useful after version 5, 6, 7 have been released, as the syntax is unlikely to change in the short and medium term.
+
AngularJS
-
AngularJS
+
AngularJS es la serie v1.x de trabajo y promesas proporcionadas por el equipo de Angular.
-
AngularJS is the v1.x series of work and promises provided by the Angular team.
+
Ejemplos
+
+ AngularJS es uno de los frameworks mรกs utilizados en la web en la actualidad (por nรบmero de proyectos).
+ Millones de desarrolladores estรกn construyendo actualmente con AngularJS.
+ Los desarrolladores estรกn comenzando a actualizar de AngularJS a Angular.
+ Estoy actualizando mi aplicaciรณn de AngularJS a Angular.
+ Estoy usando AngularJS Material en este proyecto.
+
-
Examples
-
- AngularJS is one of the most used framework on the web today (by number of projects).
- Millions of developers are currently building with AngularJS.
- Developers are beginning to upgrade from AngularJS to Angular.
- Iโm upgrading my application from AngularJS to Angular.
- I'm using AngularJS Material on this project.
-
-
-
AngularJS projects should use the
+
Los proyectos de AngularJS deben usar el
- original AngularJS logo / icon, and not the Angular icon.
+ logo original de AngularJS / icono, y no el icono de Angular.
-
+
-
Angular Material
+
Angular Material
-
This is the work being performed by the Angular team to provide Material Design components for Angular applications.
+
Este es el trabajo que estรก realizando el equipo de Angular para proporcionar componentes de Material Design
+ para aplicaciones Angular.
-
AngularJS Material
+
Material de AngularJS
-
This is the work being performed by the Angular team on Material Design components that are compatible with AngularJS.
+
Este es el trabajo que estรก realizando el equipo de Angular en los componentes de Material Design que son
+ compatibles con AngularJS.
-
3rd Party Projects
+
Proyectos de terceros
-
X for Angular
+
X para Angular
-
3rd parties should use the terminology โX for Angularโ or โng-Xโ for software projects. Projects should avoid the use of Angular X (e.g. Angular UI Toolkit), as it could create authorship confusion. This rule does not apply to events or meetup groups.
+
Los terceros deben utilizar la terminologรญa "X para Angular" o "ng-X" para proyectos de software. Los
+ proyectos deben evitar el uso de Angular X (por ejemplo, Angular UI Toolkit), ya que podrรญa crear confusiรณn en
+ la autorรญa. Esta regla no se aplica a eventos o grupos de reuniones.
-
Developers should avoid using Angular version numbers in project names, as this will artificially limit their projects by tying them to a point in time of Angular, or will require renaming over time.
+
Los desarrolladores deben evitar el uso de nรบmeros de versiรณn de Angular en los nombres de los proyectos, ya
+ que esto limitarรก artificialmente sus proyectos al vincularlos a un punto en el tiempo de Angular, o requerirรก
+ un cambio de nombre con el tiempo.
-
Where a codename or shortname is used, such as on npm or github, some are acceptable, some are not acceptable.
+
Cuando se usa un nombre en clave o un nombre abreviado, como en npm o github, algunos son aceptables, otros
+ no.
-
Do not use
-
+
No utilices
+
-
OK to use
-
+
Utiliza
+
-
As always, component and directive selectors should not begin with โng-โ selectors as this will conflict with components and directives provided by the Angular team.
+
Como siempre, los selectores de componentes y directivas no deben comenzar con selectores "ng-", ya que esto
+ entrarรก en conflicto con los componentes y las directivas proporcionadas por el equipo de Angular.
-
Examples
-
- The ng-BE team just launched ng-health to help developers track their own health.
- Iโm going to use NativeScript for Angular to take advantage of native UI widgets.
- ReallyCoolTool for Angular.ReallyCoolTool for AngularJS.
+
Ejemplos
+
+ El equipo ng-BE acaba de lanzar ng-health Para ayudar a los desarrolladores a rastrear su
+ propia salud.
+ Voy a usar NativeScript para Angular para aprovechar los widgets de IU nativos.
+ ReallyCoolTool para Angular.ReallyCoolTool para AngularJS.
@@ -614,10 +682,10 @@ Examples
-
TERMS WE USE
+
TรRMINOS QUE UTILIZAMOS
- We often use terms that are not part of our brand,
- but we want to remain consistent on the styling and use of them to prevent confusion and to appear unified.
+ A menudo utilizamos tรฉrminos que no forman parte de nuestra marca,
+ pero queremos ser consistentes en el estilo y el uso de ellos para evitar confusiones y parecer unificados.
Ahead of Time compilation (AOT)
diff --git a/aio/content/marketing/resources-contributing.md b/aio/content/marketing/resources-contributing.md
index 5b92fe6be1ec..83ad4bc8d7b7 100644
--- a/aio/content/marketing/resources-contributing.md
+++ b/aio/content/marketing/resources-contributing.md
@@ -1,13 +1,13 @@
-# Contributing to resources.json
+# Contribuir a resources.json
-## About this list
-We maintain a small list of some of the top Angular resources from across the community, stored in `resources.json`. This list is not intended to be comprehensive, but to act as a starting point to connect Angular developers to the rest of the community.
+## Acerca de esta lista
+Mantenemos una pequeรฑa lista de algunos de los principales recursos de Angular de toda la comunidad, almacenados en `resources.json`. Esta lista no pretende ser completa, sino actuar como un punto de partida para conectar a los desarrolladores de Angular con el resto de la comunidad.
-## How do I get listed?
-While we can't accept all contributions, qualifying contributions can be submitted via a PR adding yourself to the `resources.json` file. All contributions should be in the appropriate section and must meet the following criteria:
+## ยฟCรณmo me incluyo?
+Si bien no podemos aceptar todas las contribuciones, las contribuciones que califiquen se pueden enviar a travรฉs de un PR que se agregue al archivo `resources.json`. Todas las contribuciones deben estar en la secciรณn correspondiente y deben cumplir con los siguientes criterios:
-1. Your contribution must be valid, and contain a link to a page talking specifically about using Angular
-1. Your contribution should have a clear and concise title and description
-1. Your resource should follow our brand guidelines (see our [Presskit](presskit))
-1. Your resource should have significant benefit to Angular developers
-1. Your resource should already have traction and praise from Angular developers
+1. Su contribuciรณn debe ser vรกlida y contener un enlace a una pรกgina que hable especรญficamente sobre el uso de Angular
+1. Tu contribuciรณn debe tener un tรญtulo y una descripciรณn claros y concisos.
+1. Su recurso debe seguir nuestras pautas de marca (consulte nuestro [Presskit](presskit))
+1. Su recurso deberรญa tener un beneficio significativo para los desarrolladores de Angular
+1. Su recurso ya deberรญa tener tracciรณn y elogios de los desarrolladores de Angular
\ No newline at end of file
diff --git a/aio/content/marketing/resources.html b/aio/content/marketing/resources.html
index 6f1210c599f3..1f44b4fbe6fc 100644
--- a/aio/content/marketing/resources.html
+++ b/aio/content/marketing/resources.html
@@ -1,5 +1,5 @@
- Explore Angular Resources
+ Explore Recursos de Angular
diff --git a/aio/content/marketing/resources.json b/aio/content/marketing/resources.json
index d2ec90a6ff96..a96f897531eb 100644
--- a/aio/content/marketing/resources.json
+++ b/aio/content/marketing/resources.json
@@ -1,37 +1,37 @@
{
- "Community": {
+ "Comunidad": {
"order": 3,
"subCategories": {
- "Community Curations": {
+ "Elecciones de la comunidad": {
"order": 1,
"resources": {
"awesome-angular-components": {
- "desc": "A community index of components and libraries maintained on GitHub",
- "title": "Catalog of Angular Components & Libraries",
+ "desc": "Un รญndice de componentes y librerรญas de la comunidad mantenido en GitHub",
+ "title": "Catรกlogo de librerรญas y componentes Angular",
"url": "https://github.com/brillout/awesome-angular-components"
},
"angular-ru": {
- "desc": "Angular-RU Community on GitHub is a single entry point for all resources, chats, podcasts and meetups for Angular in Russia.",
+ "desc": "La comunidad Angular-RU en GitHub es un punto de entrada รบnico para todos los recursos, chats, podcasts y reuniones de Angular en Rusia.",
"title": "Angular Conferences and Angular Camps in Moscow, Russia.",
"url": "https://angular-ru.github.io/"
},
"made-with-angular": {
- "desc": "A showcase of web apps built with Angular.",
- "title": "Made with Angular",
+ "desc": "Una muestra de aplicaciones web creadas con Angular.",
+ "title": "Hecho con Angular",
"url": "https://www.madewithangular.com/"
},
"angular-subreddit": {
- "desc": "An Angular-dedicated subreddit.",
+ "desc": "Un subreddit dedicado a Angular.",
"title": "Angular Subreddit",
"url": "https://www.reddit.com/r/Angular2/"
},
"angular-devto": {
- "desc": "Read and share content and chat about Angular on DEV Community.",
+ "desc": "Lee, comparte contenido y chatea sobre Angular en la comunidad DEV.",
"url": "https://dev.to/t/angular",
"title": "DEV Community"
},
"angular-in-depth": {
- "desc": "The place where advanced Angular concepts are explained",
+ "desc": "El lugar donde se explican los conceptos de Angular avanzados",
"url": "https://blog.angularindepth.com",
"title": "Angular In Depth"
}
@@ -41,25 +41,25 @@
"order": 3,
"resources": {
"sdfjkdkfj": {
- "desc": "Adventures in Angular is a weekly podcast dedicated to the Angular platform and related technologies, tools, languages, and practices.",
+ "desc": "Adventures in Angular es un podcast semanal dedicado a la plataforma Angular y tecnologรญas relacionadas, herramientas, lenguajes y prรกcticas.",
"logo": "",
"title": "Adventures in Angular",
"url": "https://devchat.tv/adv-in-angular/"
},
"sdlkfjsldfkj": {
- "desc": "Weekly video podcast hosted by Jeff Whelpley with all the latest and greatest happenings in the wild world of Angular.",
+ "desc": "Podcast de video semanal presentado por Jeff Whelpley con los รบltimos y mรกs grandes acontecimientos en el salvaje mundo de Angular.",
"logo": "",
"title": "AngularAir",
"url": "https://angularair.com/"
},
"sdlkfjsldfkz": {
- "desc": "A weekly German podcast for Angular on the go",
+ "desc": "Un podcast alemรกn semanal para Angular muy activo.",
"logo": "",
- "title": "Happy Angular Podcast",
+ "title": "Podcast de Happy Angular",
"url": "https://happy-angular.de/"
},
"ngruair": {
- "desc": "Russian language video podcast about Angular.",
+ "desc": "Podcast de video en ruso sobre Angular.",
"logo": "",
"title": "NgRuAir",
"url": "https://github.com/ngRuAir/ngruair"
@@ -68,80 +68,75 @@
}
}
},
- "Development": {
+ "Desarrollo": {
"order": 1,
"subCategories": {
- "Cross-Platform Development": {
+ "Desarrollo multiplataforma": {
"order": 5,
"resources": {
"a3b": {
- "desc": "Ionic offers a library of mobile-optimized HTML, CSS and JS components and tools for building highly interactive native and progressive web apps.",
+ "desc": "Ionic ofrece una biblioteca de componentes y herramientas HTML, CSS y JS optimizados para dispositivos mรณviles para crear aplicaciones web nativas y progresivas altamente interactivas.",
"logo": "http://ionicframework.com/img/ionic-logo-white.svg",
"title": "Ionic",
"url": "https://ionicframework.com/docs"
},
"a4b": {
- "desc": "Electron Platform for Angular.",
+ "desc": "Plataforma de Electron para Angular.",
"logo": "",
"title": "Electron",
"url": "https://github.com/maximegris/angular-electron"
},
"ab": {
- "desc": "NativeScript is how you build cross-platform, native iOS and Android apps with Angular and TypeScript. Get 100% access to native APIs via JavaScript and reuse of packages from NPM, CocoaPods and Gradle. Open source and backed by Telerik.โโโ",
+ "desc": "NativeScript es la forma de crear aplicaciones nativas de iOS y Android multiplataforma con Angular y TypeScript. Obtenga acceso al 100% a las API nativas a travรฉs de JavaScript y reutilice paquetes de NPM, CocoaPods y Gradle. Cรณdigo abierto y respaldado por Telerik.โโโ",
"logo": "",
"title": "NativeScript",
"url": "https://docs.nativescript.org/angular/start/introduction"
}
}
},
- "Data Libraries": {
+ "Librerรญas de datos": {
"order": 3,
"resources": {
- "formly": {
- "desc": "Formly is a dynamic (JSON powered) form library, built on top of Angular Reactive Forms.",
- "title": "Formly",
- "url": "https://formly.dev"
- },
"rx-web": {
- "desc": "RxWeb Reactive Form Validators provides all types of complex, conditional, cross field, and dynamic validation on validator-based reactive forms, model-based reactive forms, and template driven forms.",
- "title": "RxWeb Reactive Form Validators",
+ "desc": "RxWeb Reactive Form Validators proporciona todo tipo de validaciรณn compleja, condicional, de campo cruzado y dinรกmica en formularios reactivos basados en validadores, formularios reactivos basados en modelos y formularios controlados por plantillas.",
+ "title": "Validadores de formularios reactivos RxWeb",
"url": "https://www.rxweb.io"
},
"-KLIzHDRfiB3d7W7vk-e": {
- "desc": "Reactive Extensions for Angular",
+ "desc": "Extensiones reactivas para Angular",
"title": "ngrx",
"url": "https://ngrx.io/"
},
"ngxs": {
- "desc": "NGXS is a state management pattern + library for Angular. NGXS is modeled after the CQRS pattern popularly implemented in libraries like Redux and NgRx but reduces boilerplate by using modern TypeScript features such as classes and decorators.",
+ "desc": "NGXS es un patrรณn de gestiรณn de estado + librerรญa para Angular. NGXS se basa en el patrรณn CRS implementado popularmente en librerรญas como Redux y NgRx, pero reduce el texto estรกndar mediante el uso de caracterรญsticas modernas de TypeScript, como clases y decoradores.",
"title": "NGXS",
"url": "https://ngxs.io/"
},
"akita": {
- "desc": "Akita is a state management pattern, built on top of RxJS, which takes the idea of multiple data stores from Flux and the immutable updates from Redux, along with the concept of streaming data, to create the Observable Data Store model.",
+ "desc": "Akita es un patrรณn de administraciรณn de estado, construido sobre RxJS, que toma la idea de mรบltiples almacenes de datos de Flux y las actualizaciones inmutables de Redux, junto con el concepto de transmisiรณn de datos, para crear el modelo Observable Data Store.",
"title": "Akita",
"url": "https://netbasal.gitbook.io/akita/"
},
"ab": {
- "desc": "The official library for Firebase and Angular",
+ "desc": "La biblioteca oficial de Firebase y Angular",
"logo": "",
"title": "Angular Fire",
- "url": "https://github.com/angular/angularfire2"
+ "url": "https://github.com/angular/angularfire"
},
"ab2": {
- "desc": "Use Angular and Meteor to build full-stack JavaScript apps for Mobile and Desktop.",
+ "desc": "Utilice Angular y Meteor para crear aplicaciones JavaScript de pila completa para dispositivos mรณviles y de escritorio.",
"logo": "http://www.angular-meteor.com/images/logo.png",
"title": "Meteor",
"url": "https://github.com/urigo/angular-meteor"
},
"ab3": {
- "desc": "Apollo is a data stack for modern apps, built with GraphQL.",
+ "desc": "Apollo es una pila de datos para aplicaciones modernas, construida con GraphQL.",
"logo": "http://docs.apollostack.com/logo/large.png",
"title": "Apollo",
"url": "https://www.apollographql.com/docs/angular/"
},
"ngx-api-utils": {
- "desc": "ngx-api-utils is a lean library of utilities and helpers to quickly integrate any HTTP API (REST, Ajax, and any other) with Angular.",
+ "desc": "ngx-api-utils es una biblioteca ajustada de utilidades y ayudantes para integrar rรกpidamente cualquier API HTTP (REST, Ajax y cualquier otra) con Angular.",
"logo": "",
"title": "ngx-api-utils",
"url": "https://github.com/ngx-api-utils/ngx-api-utils"
@@ -152,281 +147,274 @@
"order": 1,
"resources": {
"ab": {
- "desc": "VS Code is a Free, Lightweight Tool for Editing and Debugging Web Apps.",
+ "desc": "VS Code es una herramienta ligera y gratuita para editar y depurar aplicaciones web.",
"logo": "",
"title": "Visual Studio Code",
"url": "http://code.visualstudio.com/"
},
"ab2": {
- "desc": "Lightweight yet powerful IDE, perfectly equipped for complex client-side development and server-side development with Node.js",
+ "desc": "IDE ligero pero potente, perfectamente equipado para el desarrollo complejo del lado del cliente y el desarrollo del lado del servidor con Node.js",
"logo": "",
"title": "WebStorm",
"url": "https://www.jetbrains.com/webstorm/"
},
"ab3": {
- "desc": "Capable and Ergonomic Java * IDE",
+ "desc": "Java capaz y ergonรณmico * IDE",
"logo": "",
"title": "IntelliJ IDEA",
"url": "https://www.jetbrains.com/idea/"
},
"angular-ide": {
- "desc": "Built first and foremost for Angular. Turnkey setup for beginners; powerful for experts.",
+ "desc": "Construido ante todo para Angular. Configuraciรณn llave en mano para principiantes; poderoso para expertos.",
"title": "Angular IDE by Webclipse",
"url": "https://www.genuitec.com/products/angular-ide"
},
"amexio-canvas": {
- "desc": "Amexio Canvas is Drag and Drop Environment to create Fully Responsive Web and Smart Device HTML5/Angular Apps. Code will be auto generated and hot deployed by the Canvas for live testing. Out of the box 50+ Material Design Theme support. Commit your code to GitHub public or private repository.",
+ "desc": "Amexio Canvas es un entorno de arrastrar y soltar para crear aplicaciones web y de dispositivos inteligentes HTML5 / Angular totalmente sensibles El cรณdigo se generarรก automรกticamente y se implementarรก en caliente mediante Canvas para realizar pruebas en vivo. Soporte listo para usar 50+ Temas de Diseรฑo Material. Confirme su cรณdigo en el repositorio pรบblico o privado de GitHub.",
"title": "Amexio Canvas Web Based Drag and Drop IDE by MetaMagic",
"url": "https://amexio.tech/"
}
}
},
- "Tooling": {
+ "Montaje": {
"order": 2,
"resources": {
"a1": {
- "desc": "A Google Chrome Dev Tools extension for debugging Angular applications.",
+ "desc": "Una extensiรณn de Google Chrome Dev Tools para depurar aplicaciones angular.",
"logo": "https://augury.angular.io/images/augury-logo.svg",
"title": "Augury",
"url": "http://augury.angular.io/"
},
"b1": {
- "desc": "Server-side Rendering for Angular apps.",
+ "desc": "Representaciรณn del lado del servidor para aplicaciones Angular.",
"logo": "https://cloud.githubusercontent.com/assets/1016365/10639063/138338bc-7806-11e5-8057-d34c75f3cafc.png",
"title": "Angular Universal",
"url": "https://angular.io/guide/universal"
},
"c1": {
- "desc": "Lightweight development only Node.jsยฎ server",
+ "desc": "Servidor Node.jsยฎ de desarrollo ligero",
"logo": "",
"title": "Lite-server",
"url": "https://github.com/johnpapa/lite-server"
},
"cli": {
- "desc": "The official Angular CLI makes it easy to create and develop applications from initial commit to production deployment. It already follows our best practices right out of the box!",
+ "desc": "La CLI oficial de Angular facilita la creaciรณn y el desarrollo de aplicaciones desde el compromiso inicial hasta la implementaciรณn de producciรณn. ยกYa sigue nuestras mejores prรกcticas desde el primer momento!",
"title": "Angular CLI",
"url": "https://cli.angular.io"
},
"d1": {
- "desc": "Static analysis for Angular projects.",
+ "desc": "Anรกlisis estรกtico para proyectos Angular.",
"logo": "",
"title": "Codelyzer",
"url": "https://github.com/mgechev/codelyzer"
},
"f1": {
- "desc": "This tool generates dedicated documentation for Angular applications.",
+ "desc": "Esta herramienta genera documentaciรณn dedicada para aplicaciones Angular.",
"logo": "",
"title": "Compodoc",
"url": "https://github.com/compodoc/compodoc"
},
"angular-playground": {
- "desc": "UI development environment for building, testing, and documenting Angular applications.",
- "title": "Angular Playground",
+ "desc": "Entorno de desarrollo de la interfaz de usuario para crear, probar y documentar aplicaciones Angular.",
+ "title": "Patio de juegos Angular",
"url": "http://www.angularplayground.it/"
},
"nx": {
- "desc": "Nx (Nrwl Extensions for Angular) is an open source toolkit built on top of Angular CLI to help enterprise teams develop Angular at scale.",
+ "desc": "Nx (Nrwl Extensions for Angular) es un kit de herramientas de cรณdigo abierto construido sobre Angular CLI para ayudar a los equipos empresariales a desarrollar Angular a escala.",
"title": "Nx",
"logo": "https://nrwl.io/assets/nx-logo.png",
"url": "https://nrwl.io/nx"
},
"uijar": {
- "desc": "A drop in module to automatically create a living style guide based on the test you write for your components.",
+ "desc": "Un mรณdulo desplegable para crear automรกticamente una guรญa de estilo viva basada en la prueba que escribe para sus componentes.",
"logo": "",
- "title": "UI-jar - Test Driven Style Guide Development",
+ "title": "UI-jar: desarrollo de guรญas de estilo basado en pruebas",
"url": "https://github.com/ui-jar/ui-jar"
},
"protactor": {
- "desc": "The official end to end testing framework for Angular apps",
+ "desc": "El marco oficial de prueba de extremo a extremo para aplicaciones Angular",
"logo": "",
"title": "Protractor",
"url": "https://protractor.angular.io/"
- },
- "scully": {
- "desc": "Scully (Jamstack Toolchain for Angular) makes building, testing, and deploying Jamstack apps extremely simple.",
- "title": "Scully",
- "logo": "https://raw.githubusercontent.com/scullyio/scully/main/assets/logos/PNG/Green/scullyio-logo-green.png",
- "url": "https://scully.io"
}
}
},
- "UI Components": {
+ "Componentes UI": {
"order": 4,
"resources": {
"AngularUIToolkit": {
- "desc": "Angular UI Toolkit: 115 professionally maintained UI components ranging from a robust grid to charts and more. Try for free & build Angular apps faster.",
- "title": "Angular UI Toolkit",
+ "desc": "Kit de herramientas de interfaz de usuario angular: 115 componentes de interfaz de usuario mantenidos profesionalmente que van desde una cuadrรญcula robusta hasta grรกficos y mรกs. Pruรฉbelo gratis y cree aplicaciones Angular mรกs rรกpido.",
+ "title": "Kit de herramientas Angular UI",
"url": "https://www.angular-ui-tools.com"
},
"SenchaforAngular": {
- "desc": "Build modern web apps faster with 115+ pre-built UI components. Try for free and download today.",
- "title": "Sencha for Angular",
+ "desc": "Cree aplicaciones web modernas mรกs rรกpido con mรกs de 115 UI Componentes prediseรฑados. Pruรฉbelo gratis y descรกrguelo hoy.",
+ "title": "Sencha para Angular",
"url": "https://www.sencha.com/products/extangular/"
},
"IgniteUIforAngular": {
- "desc": "Ignite UI for Angular is a dependency-free Angular toolkit for building modern web apps.",
- "title": "Ignite UI for Angular",
+ "desc": "Ignite UI para Angular es un kit de herramientas Angular sin dependencia para crear aplicaciones web modernas.",
+ "title": "Ignite UI para Angular",
"url": "https://www.infragistics.com/products/ignite-ui-angular?utm_source=angular.io&utm_medium=Referral&utm_campaign=Angular"
},
"DevExtreme": {
- "desc": "50+ UI components including data grid, pivot grid, scheduler, charts, editors, maps and other multi-purpose controls for creating highly responsive web applications for touch devices and traditional desktops.",
+ "desc": "Mรกs de 50 componentes UI que incluyen cuadrรญcula de datos, cuadrรญcula dinรกmica, programador, grรกficos, editores, mapas y otros controles multipropรณsito para crear aplicaciones web altamente receptivas para dispositivos tรกctiles y escritorios tradicionales.",
"title": "DevExtreme",
"url": "https://js.devexpress.com/Overview/Angular/"
},
"234237": {
- "desc": "UX guidelines, HTML/CSS framework, and Angular components working together to craft exceptional experiences",
- "title": "Clarity Design System",
+ "desc": "Las pautas de UX, el marco HTML / CSS y los componentes Angular trabajan juntos para crear experiencias excepcionales",
+ "title": "Sistema de diseรฑo de Clarity",
"url": "https://vmware.github.io/clarity/"
},
"-KMVB8P4TDfht8c0L1AE": {
- "desc": "The Angular version of the Angular UI Bootstrap library. This library is being built from scratch in Typescript using the Bootstrap 4 CSS framework.",
+ "desc": "La versiรณn de Angular de la biblioteca Bootstrap de Angular UI. Esta biblioteca se estรก construyendo desde cero en Typescript utilizando el marco CSS Bootstrap 4.",
"title": "ng-bootstrap",
"url": "https://ng-bootstrap.github.io/"
},
"4ab": {
- "desc": "Native Angular components & directives for Lightning Design System",
+ "desc": "Directivas y componentes Angular nativos para Lightning Design System",
"logo": "http://ng-lightning.github.io/ng-lightning/img/shield.svg",
"title": "ng-lightning",
"url": "http://ng-lightning.github.io/ng-lightning/"
},
"7ab": {
- "desc": "UI components for hybrid mobile apps with bindings for both Angular & AngularJS.",
+ "desc": "Componentes UI para aplicaciones mรณviles hรญbridas con enlaces para Angular y AngularJS.",
"title": "Onsen UI",
"url": "https://onsen.io/v2/"
},
"a2b": {
- "desc": "PrimeNG is a collection of rich UI components for Angular",
+ "desc": "PrimeNG es una colecciรณn rica de componentes UI para Angular",
"logo": "http://www.primefaces.org/primeng/showcase/resources/images/primeng.svg",
"title": "Prime Faces",
"url": "http://www.primefaces.org/primeng/"
},
"a3b": {
- "desc": "A professional grade library of Angular UI components written in TypeScript that includes our Data Grid, TreeView, Charts, Editors, DropDowns, DatePickers, and many more. Features include support for AOT compilation, Tree Shaking for high-performance, localization, and accessibility.",
+ "desc": "Una biblioteca de grado profesional de los Componentes UI de Angular escrita en TypeScript que incluye nuestro Data Grid, TreeView, Charts, Editors, DropDowns, DatePickers y muchos mรกs. Las caracterรญsticas incluyen soporte para la compilaciรณn AOT, Tree Shaking para alto rendimiento, localizaciรณn y accesibilidad.",
"logo": "",
"title": "Kendo UI",
"url": "http://www.telerik.com/kendo-angular-ui/"
},
"a5b": {
- "desc": "High-performance UI controls with the most complete Angular support available. Wijmoโs controls are all written in TypeScript and have zero dependencies. FlexGrid control includes full declarative markup, including cell templates.",
+ "desc": "Controles UI de Alto-Rendimiento con el soporte mรกs completo para Angular. Wijmoโs controla todo lo que esta escrito en TypeScript y no tiene ninguna dependecia. El control FlexGrid incluye marcado declarativo completo, incluyendo plantillas de celda.",
"logo": "http://wijmocdn.azureedge.net/wijmositeblob/wijmo-theme/logos/wijmo-55.png",
"title": "Wijmo",
"url": "http://wijmo.com/products/wijmo-5/"
},
"a6b": {
- "desc": "Material design inspired UI components for building great web apps. For mobile and desktop.",
+ "desc": "El diseรฑo de materiales inspirรณ la interfaz de usuario de Componentes para crear excelentes aplicaciones web. Para dispositivos mรณviles y de escritorio.",
"logo": "",
"title": "Vaadin",
"url": "https://vaadin.com/elements"
},
"a7b": {
- "desc": "Native Angular directives for Bootstrap",
+ "desc": "Directivas Angular nativas para Bootstrap",
"logo": "",
"title": "ngx-bootstrap",
"url": "http://valor-software.com/ngx-bootstrap/#/"
},
"ab": {
- "desc": "Material Design components for Angular",
+ "desc": "Componentes de Material Design para Angular",
"logo": "",
"title": "Angular Material",
"url": "https://material.angular.io/"
},
"mcc": {
- "desc": "Material components made by the community",
+ "desc": "Componentes Material fabricados por la comunidad",
"logo": "",
"title": "Material Community Components",
"url": "https://github.com/tiaguinho/material-community-components"
},
"mosaic": {
- "desc": "Positive Technologies UI components based on Angular",
+ "desc": "Positive Technologies Componentes UI basada en Angular",
"logo": "https://i.ibb.co/fQNPgv6/logo-png-200.png",
- "title": "Mosaic - Angular UI Components",
+ "title": "Mosaic - Angular Componentes UI",
"url": "https://github.com/positive-js/mosaic"
},
"ngzorro": {
- "desc": "A set of enterprise-class UI components based on Ant Design and Angular",
- "title": "Ant Design of Angular (ng-zorro-antd)",
+ "desc": "Un conjunto de UI de Componentes de clase empresarial basada en Ant Design y Angular",
+ "title": "Ant Design de Angular (ng-zorro-antd)",
"url": "https://ng.ant.design/docs/introduce/en"
},
"ngzorromobile": {
- "desc": "A set of enterprise-class mobile UI components based on Ant Design Mobile and Angular",
- "title": "Ant Design Mobile of Angular (ng-zorro-antd-mobile)",
+ "title": "Ant Design Mobile de Angular (ng-zorro-antd-mobile)",
"url": "http://ng.mobile.ant.design/#/docs/introduce/en"
},
"aggrid": {
- "desc": "A datagrid for Angular with enterprise style features such as sorting, filtering, custom rendering, editing, grouping, aggregation and pivoting.",
+ "desc": "Una cuadrรญcula de datos para Angular con caracterรญsticas de estilo empresarial como clasificaciรณn, filtrado, renderizado personalizado, ediciรณn, agrupaciรณn, agregaciรณn y pivotaciรณn.",
"title": "ag-Grid",
"url": "https://www.ag-grid.com/best-angular-2-data-grid/"
},
"angular-slickgrid": {
- "desc": "Angular-SlickGrid is a wrapper of the lightning fast & customizable SlickGrid datagrid library with Bootstrap 3,4 themes",
+ "desc": "Angular-SlickGrid es un contenedor de la biblioteca de cuadrรญculas de datos SlickGrid, ultrarrรกpida y personalizable, con temas de Bootstrap 3,4",
"title": "Angular-Slickgrid",
"url": "https://github.com/ghiscoding/Angular-Slickgrid"
},
"fancygrid": {
- "desc": "Angular grid library with charts integration and server communication for Enterprise.",
+ "desc": "Biblioteca de cuadrรญcula Angular con integraciรณn de grรกficos y comunicaciรณn con el servidor para empresas.",
"title": "FancyGrid",
"url": "https://fancygrid.com/docs/getting-started/angular"
},
"ngx-smart-modal": {
- "desc": "Angular smart, light and fast modal handler to manage modals and data everywhere.",
+ "desc": "Controlador modal Angular inteligente, ligero y rรกpido para administrar modales y datos en todas partes.",
"title": "ngx-smart-modal",
"url": "https://biig-io.github.io/ngx-smart-modal"
},
"jqwidgets": {
- "desc": "Angular UI Components including data grid, tree grid, pivot grid, scheduler, charts, editors and other multi-purpose components",
+ "desc": "Interfaz de usuario de Angular Componentes que incluye cuadrรญcula de datos, cuadrรญcula de รกrbol, cuadrรญcula dinรกmica, programador, grรกficos, editores y otros componentes multipropรณsito",
"title": "jQWidgets",
"url": "https://www.jqwidgets.com/angular/"
},
"amexio": {
- "desc": "Amexio is a rich set of Angular components powered by HTML5 & CSS3 for Responsive Web Design and 80+ built-in Material Design Themes. Amexio has 3 Editions, Standard, Enterprise and Creative. Std Edition consists of basic UI Components which include Grid, Tabs, Form Inputs and so on. While Enterprise Edition consists of components like Calendar, Tree Tabs, Social Media Logins (Facebook, GitHub, Twitter and so on) and Creative Edition is focused building elegant and beautiful websites. With more than 200+ components/features. All the editions are open-sourced and free, based on Apache 2 License.",
- "title": "Amexio - Angular Extensions",
+ "desc": "Amexio es un extenso conjunto de componentes Angular impulsados por HTML5 y CSS3 para diseรฑo web receptivo y mรกs de 80 temas de diseรฑo de materiales integrados. Amexio tiene 3 ediciones, Standard, Enterprise y Creative. Std Edition consta de una interfaz de usuario bรกsica de Componentes que incluye cuadrรญcula, pestaรฑas, entradas de formulario, etc. Mientras que Enterprise Edition consta de componentes como Calendario, pestaรฑas de รกrbol, inicios de sesiรณn en redes sociales (Facebook, GitHub, Twitter, etc.) y Creative Edition se centra en la construcciรณn de sitios web elegantes y hermosos. Con mรกs de 200 componentes/caracterรญsticas. Todas las ediciones son de cรณdigo abierto y gratuitas, basadas en la licencia Apache 2.",
+ "title": "Amexio - Extensiones Angular",
"url": "http://www.amexio.tech/",
"logo": "http://www.amexio.org/amexio-logo.png"
},
"bm": {
- "desc": "A lightweight Material Design library for Angular, based upon Google's Material Components for the Web",
+ "desc": "Una biblioteca ligera de diseรฑo de materiales para Angular, basada en los componentes de materiales de Google para la Web",
"logo": "https://blox.src.zone/assets/bloxmaterial.03ecfe4fa0147a781487749dc1cc4580.svg",
"title": "Blox Material",
"url": "https://github.com/src-zone/material"
},
"essentialjs2": {
- "desc": "Essential JS 2 for Angular is a collection modern TypeScript based true Angular Components. It has support for Ahead Of Time (AOT) compilation and Tree-Shaking. All the components are developed from the ground up to be lightweight, responsive, modular and touch friendly.",
+ "desc": "Essential JS 2 para Angular es una colecciรณn de componentes Angular verdaderos basados en TypeScript modernos. Tiene soporte para la compilaciรณn Ahead Of Time (AOT) y Tree-Shaking. Todos los componentes se desarrollan desde cero para ser livianos, receptivos, modulares y fรกciles de tocar.",
"title": "Essential JS 2",
"url": "https://www.syncfusion.com/products/angular-js2"
},
"trulyui": {
- "desc": "TrulyUI is an Angular UI Framework especially developed for Desktop Applications based on Web Components using the greatest technologies of the world.",
+ "desc": "TrulyUI es un marco de interfaz de usuario Angular especialmente desarrollado para aplicaciones de escritorio basadas en componentes web que utilizan las mejores tecnologรญas del mundo.",
"title": "Truly UI",
"url": "http://truly-ui.com"
},
"ngsqui": {
- "desc": "Simple Quality UI (SQ-UI) is a flexible and easily customizable UI-kit, aiming to provide maximum efficiency with as little overhead as possible. Driven by the idea that it should be strictly \"for developers by developers\", every new feature release includes functionalities demanded by the developers who are using it.",
+ "desc": "La interfaz de usuario de calidad simple (SQ-UI) es un kit de interfaz de usuario flexible y fรกcilmente personalizable, cuyo objetivo es proporcionar la mรกxima eficiencia con la menor sobrecarga posible. Impulsado por la idea de que deberรญa ser estrictamente \" para desarrolladores por desarrolladores \", cada lanzamiento de nuevas funciones incluye funcionalidades exigidas por los desarrolladores que lo utilizan.",
"logo": "https://sq-ui.github.io/ng-sq-ui/_media/sq-ui-logo.png",
"title": "Simple Quality UI",
"url": "https://sq-ui.github.io/ng-sq-ui/#/"
},
"smart": {
- "desc": "Web Components for Angular. Dependency-free Angular components for building modern and mobile-friendly web apps",
- "title": "Smart Web Components",
+ "desc": "Componentes web para Angular. Componentes Angular sin dependencias para crear aplicaciones web modernas y aptas para dispositivos mรณviles",
+ "title": "Componentes web inteligentes",
"url": "https://www.htmlelements.com/angular/"
},
"AlyleUI": {
- "desc": "Minimal Design, a set of components for Angular.",
+ "desc": "Minimal Design, un conjunto de componentes para Angular.",
"title": "Alyle UI",
"url": "https://alyle-ui.firebaseapp.com/"
},
"nebular": {
- "desc": "Theme System, UI Components, Auth and Security for your next Angular application.",
+ "desc": "Theme System, Componentes UI, Autenticaciรณn y seguridad para su prรณxima aplicaciรณn Angular.",
"title": "Nebular",
"url": "https://akveo.github.io/nebular/"
},
"carbondesignsystem": {
- "desc": "An Angular implementation of the Carbon Design System for IBM.",
+ "desc": "Una implementaciรณn Angular del Carbon Design System para IBM.",
"title": "Carbon Components Angular",
"url": "https://angular.carbondesignsystem.com/"
},
"jigsaw": {
- "desc": "Jigsaw provides a set of web components based on Angular. It is supporting the development of all applications of Big Data Product of ZTE (https://www.zte.com.cn).",
+ "desc": "Jigsaw proporciona un conjunto de componentes web basados en Angular. Estรก apoyando el desarrollo de todas las aplicaciones de Big Data Producto de ZTE (https://www.zte.com.cn).",
"title": "Awade Jigsaw (Chinese)",
"url": "https://jigsaw-zte.gitee.io"
}
@@ -434,295 +422,296 @@
}
}
},
- "Education": {
+ "Educaciรณn": {
"order": 2,
"subCategories": {
- "Books": {
+ "Libros": {
"order": 1,
"resources": {
"-KLIzGEp8Mh5W-FkiQnL": {
- "desc": "Your quick, no-nonsense guide to building real-world apps with Angular",
- "title": "Learning Angular - Second Edition",
+ "desc": "Tu guรญa rรกpida y sensata para crear aplicaciones del mundo real con Angular",
+ "title": "Aprendiendo Angular - Segunda ediciรณn",
"url": "https://www.packtpub.com/web-development/learning-angular-second-edition"
},
"3ab": {
- "desc": "More than 15 books from O'Reilly about Angular",
- "title": "O'Reilly Media",
+ "desc": "Mรกs de 15 libros de O'Reilly sobre Angular",
+ "title": "Medios de comunicaciรณn O'Reilly",
"url": "https://ssearch.oreilly.com/?q=angular"
},
"a5b": {
- "desc": "The in-depth, complete, and up-to-date book on Angular. Become an Angular expert today.",
+ "desc": "El libro en profundidad, completo y actualizado sobre Angular. Conviรฉrtete en un experto en Angular hoy.",
"title": "ng-book",
"url": "https://www.ng-book.com/2/"
},
"a7b": {
- "desc": "This ebook will help you getting the philosophy of the framework: what comes from 1.x, what has been introduced and why",
- "title": "Becoming a Ninja with Angular",
+ "desc": "Este libro electrรณnico te ayudarรก a comprender la filosofรญa del marco: quรฉ proviene de 1.x, quรฉ se ha introducido y por quรฉ",
+ "title": "Convertirse en un ninja con Angular",
"url": "https://books.ninja-squad.com/angular"
},
"ab": {
- "desc": "More than 10 books from Packt Publishing about Angular",
+ "desc": "Mรกs de 10 libros de Packt Publicados sobre Angular",
"title": "Packt Publishing",
"url": "https://www.packtpub.com/catalogsearch/result/?q=angular"
},
"cnoring-rxjs-fundamentals": {
- "desc": "A free book that covers all facets of working with Rxjs from your first Observable to how to make your code run at optimal speed with Schedulers.",
+ "desc": "Un libro gratuito que cubre todas las facetas del trabajo con Rxjs, desde tu primer Observable hasta cรณmo hacer que tu cรณdigo se ejecute a una velocidad รณptima con Schedulers.",
"title": "RxJS Ultimate",
"url": "https://chrisnoring.gitbooks.io/rxjs-5-ultimate/content/"
},
"vsavkin-angular-router": {
- "desc": "This book is a comprehensive guide to the Angular router written by its designer. The book explores the library in depth, including the mental model, design constraints, subtleties of the API.",
+ "desc": "Este libro es una guรญa completa del enrutador Angular escrita por su diseรฑador. El libro explora la biblioteca en profundidad, incluido el modelo mental, las limitaciones de diseรฑo y las sutilezas de la API.",
"title": "Angular Router",
"url": "https://leanpub.com/router"
},
"vsavkin-essential-angular": {
- "desc": "The book is a short, but at the same time, fairly complete overview of the key aspects of Angular written by its core contributors Victor Savkin and Jeff Cross. The book will give you a strong foundation. It will help you put all the concepts into right places. So you will get a good understanding of why the framework is the way it is.",
- "title": "Essential Angular",
+ "desc": "El libro es una descripciรณn breve, pero al mismo tiempo bastante completa, de los aspectos clave de Angular escrita por sus colaboradores principales, Victor Savkin y Jeff Cross. El libro te darรก una base sรณlida. Te ayudarรก a poner todos los conceptos en los lugares correctos. De este modo, comprenderรกs bien por quรฉ el marco es como es.",
+ "title": "Angular Esencial",
"url": "https://gumroad.com/l/essential_angular"
},
"angular-buch": {
- "desc": "The first German book about Angular. It gives you a detailed practical overview of the key concepts of the platform. In each chapter a sample application is built upon with a new Angular topic. All sources are available on GitHub.",
+ "desc": "El primer libro alemรกn sobre Angular. Te brinda una descripciรณn prรกctica detallada de los conceptos clave de la plataforma. En cada capรญtulo se crea una aplicaciรณn de muestra con un nuevo tema de Angular. Todas las fuentes estรกn disponibles en GitHub.",
"logo": "https://angular-buch.com/assets/img/brand.svg",
- "title": "Angular-Buch (German)",
+ "title": "Angular-Buch (Alemรกn)",
"url": "https://angular-buch.com/"
},
"wishtack-guide-angular": {
- "desc": "The free, open-source and up-to-date Angular guide. This pragmatic guide is focused on best practices and will drive you from scratch to cloud.",
+ "desc": "La guรญa de Angular gratuita, de cรณdigo abierto y actualizada. Esta guรญa pragmรกtica se centra en las mejores prรกcticas y lo llevarรก de cero a la nube.",
"logo": "https://raw.githubusercontent.com/wishtack/gitbook-guide-angular/master/.gitbook/assets/wishtack-logo-with-text.png",
- "title": "The Angular Guide by Wishtack (Franรงais)",
+ "title": "La guรญa de Angular de Wishtack (Francรฉs)",
"url": "https://guide-angular.wishtack.io/"
},
"ab5": {
- "desc": "How to build Angular applications using NGRX",
+ "desc": "Cรณmo construir aplicaciones Angular usando NGRX",
"logo": "",
- "title": "Architecting Angular Applications with NGRX",
+ "title": "Arquitectura de aplicaciones Angular con NGRX",
"url": "https://www.packtpub.com/web-development/architecting-angular-applications-redux"
},
"dwa": {
- "desc": "Practical journey with Angular framework, ES6, TypeScript, webpack and Angular CLI.",
- "title": "Developing with Angular",
+ "desc": "Viaje prรกctico con Angular framework, ES6, TypeScript, webpack y Angular CLI.",
+ "title": "Desarrollando con Angular",
"url": "https://leanpub.com/developing-with-angular"
}
}
},
- "Online Training": {
+ "Entrenamiento en linea": {
"order": 3,
"resources": {
"angular-dyma": {
- "desc": "Learn Angular and all its ecosystem (Material, Flex-layout, Ngrx and more) from scratch.",
- "title": "Dyma (French)",
+ "desc": "Aprende Angular y todo su ecosistema (Material, Flex-layout, Ngrx y mรกs) desde cero.",
+ "title": "Dyma (francรฉs)",
"url": "https://dyma.fr/angular"
},
"-KLIBoTWXMiBcvG0dAM6": {
- "desc": "This course introduces you to the essentials of this \"superheroic\" framework, including declarative templates, two-way data binding, and dependency injection.",
- "title": "Angular: Essential Training",
+ "desc": "Este curso le presenta los conceptos bรกsicos de este marco \"superheroico\", incluidas las plantillas declarativas, el enlace de datos bidireccional y la inyecciรณn de dependencias.",
+ "title": "Angular: entrenamiento esencial",
"url": "https://www.lynda.com/AngularJS-tutorials/Angular-2-Essential-Training/540347-2.html"
},
"-KLIzGq3CiFeoZUemVyE": {
- "desc": "Learn the core concepts, play with the code, become a competent Angular developer",
- "title": "Angular Concepts, Code and Collective Wisdom",
+ "desc": "Aprenda los conceptos bรกsicos, juegue con el cรณdigo, conviรฉrtase en un desarrollador Angular competente",
+ "title": "Conceptos Angular, cรณdigo y sabidurรญa colectiva",
"url": "https://www.udemy.com/angular-2-concepts-code-and-collective-wisdom/"
},
"-KLIzHwg-glQLXni1hvL": {
- "desc": "Spanish language Angular articles and information",
+ "desc": "Artรญculos e informaciรณn de Angular en espaรฑol",
"title": "Academia Binaria (espaรฑol)",
"url": "http://academia-binaria.com/"
},
"-KN3uNQvxifu26D6WKJW": {
- "category": "Education",
- "desc": "Create the future of web applications by taking Angular for a test drive.",
- "subcategory": "Online Training",
- "title": "CodeSchool: Accelerating Through Angular",
+ "category": "Educaciรณn",
+ "desc": "Cree el futuro de las aplicaciones web probando Angular.",
+ "subcategory": "Entrenamiento en linea",
+ "title": "CodeSchool: Acelerando a travรฉs de Angular",
"url": "https://www.codeschool.com/courses/accelerating-through-angular-2"
},
"angular-playbook": {
- "desc": "Learn advanced Angular best practices for enterprise teams, created by Nrwl.io.",
+ "desc": "Aprenda las mejores prรกcticas avanzadas de Angular para equipos empresariales, creadas por Nrwl.io.",
"logo": "https://nrwl.io/assets/logo_footer_2x.png",
- "title": "Angular Enterprise Playbook",
+ "title": "Libro de estrategias de Angular Enterprise",
"url": "https://angularplaybook.com"
},
"a2b": {
- "desc": "Hundreds of Angular courses for all skill levels",
+ "desc": "Cientos de cursos Angular para todos los niveles",
"logo": "",
"title": "Pluralsight",
"url": "https://www.pluralsight.com/paths/angular"
},
"ab3": {
- "desc": "Angular courses hosted by Udemy",
+ "desc": "Cursos de Angular alojados por Udemy",
"logo": "",
"title": "Udemy",
"url": "https://www.udemy.com/courses/search/?q=angular"
},
"ab4": {
- "desc": "Angular Fundamentals and advanced topics focused on Redux Style Angular Applications",
+ "desc": "Fundamentos de Angular y temas avanzados enfocados en Aplicaciones Angular de Estilo Redux",
"logo": "",
"title": "Egghead.io",
"url": "https://egghead.io/browse/frameworks/angular"
},
"ab5": {
- "desc": "Build Web Apps with Angular - recorded video content",
+ "desc": "Cree aplicaciones web con Angular: contenido de video grabado",
"logo": "",
"title": "Frontend Masters",
"url": "https://frontendmasters.com/courses/angular-core/"
},
"angular-love": {
- "desc": "Polish language Angular articles and information",
- "title": "angular.love (Polski)",
+ "desc": "Artรญculos e informaciรณn de Angular en polaco",
+ "title": "angular.love (Polaco)",
"url": "http://www.angular.love/"
},
"learn-angular-fr": {
- "desc": "French language Angular content.",
- "title": "Learn Angular (francais)",
+
+ "desc": "Contenido de Angular en Lengua francesa.",
+ "title": "Aprende Angular (francรฉs)",
"url": "http://www.learn-angular.fr/"
},
"upgrading-ajs": {
- "desc": "The world's most comprehensive, step-by-step course on using best practices and avoiding pitfalls while migrating from AngularJS to Angular.",
- "title": "Upgrading AngularJS",
+ "desc": "El curso paso a paso mรกs completo del mundo sobre el uso de las mejores prรกcticas y cรณmo evitar errores al migrar de AngularJS a Angular.",
+ "title": "Actualizaciรณn AngularJS",
"url": "https://www.upgradingangularjs.com"
},
"toddmotto-ultimateangular": {
- "desc": "Online courses providing in-depth coverage of the Angular ecosystem, AngularJS, Angular and TypeScript, with functional code samples and a full-featured seed environment. Get a deep understanding of Angular and TypeScript from foundation to functional application, then move on to advanced topics with Todd Motto and collaborators.",
+ "desc": "Cursos en lรญnea que brindan una cobertura en profundidad del ecosistema Angular, AngularJS, Angular y TypeScript, con muestras de cรณdigo funcional y un entorno de semillas con todas las funciones. Obtenga una comprensiรณn profunda de Angular y TypeScript desde la base hasta la aplicaciรณn funcional, luego pase a temas avanzados con Todd Motto y sus colaboradores.",
"title": "Ultimate Angular",
"url": "https://ultimateangular.com/"
},
"willh-angular-zero": {
- "desc": "Online video course in Chinese for newbies who need to learning from the scratch in Chinese. It's covering Angular, Angular CLI, TypeScript, VSCode, and some must known knowledge of Angular development.",
- "title": "Angular in Action: Start From Scratch (ๆญฃ้ซไธญๆ)",
+ "desc": "Video curso en lรญnea en chino para principiantes que necesitan aprender en chino desde cero. Cubre Angular, Angular CLI, TypeScript, VSCode, y algunos deben tener conocimiento del desarrollo Angular.",
+ "title": "Angular en acciรณn: empezar desde cero (ๆญฃ้ซไธญๆ)",
"url": "https://www.udemy.com/angular-zero/?couponCode=ANGULAR.IO"
},
"angular-firebase": {
- "desc": "Video lessons covering progressive web apps with Angular, Firebase, RxJS, and related APIs.",
+ "desc": "Lecciones en video que cubren aplicaciones web progresivas con Angular, Firebase, RxJS y API relacionadas.",
"title": "AngularFirebase.com",
"url": "https://angularfirebase.com/"
},
"loiane-angulartraining": {
- "desc": "Free Angular course in Portuguese.",
- "title": "Loiane Training (Portuguรชs)",
+ "desc": "Curso gratuito de Angular en portuguรฉs.",
+ "title": "Loiane Training (Portuguรฉs)",
"url": "https://loiane.training/course/angular/"
},
"web-dev-angular": {
- "desc": "Build performant and progressive Angular applications.",
+ "desc": "Cree aplicaciones Angular progresivas y de alto rendimiento.",
"title": "web.dev/angular",
"url": "https://web.dev/angular"
},
"mdb-angular-boilerplate": {
- "desc": "Angular CRUD application starter with NgRx state management, Firebase backend and installation guide.",
+ "desc": "Iniciador de aplicaciones Angular CRUD con administraciรณn de estado NgRx, backend de Firebase y guรญa de instalaciรณn.",
"title": "MDB Angular Boilerplate",
"url": "https://github.com/mdbootstrap/Angular-Bootstrap-Boilerplate"
},
"dotnettricks": {
- "desc": "Online videos and training for Angular.",
+ "desc": "Vรญdeos online y formaciรณn para Angular.",
"logo": "",
"title": "DotNetTricks",
"url": "https://www.dotnettricks.com/courses/angular"
}
}
},
- "Workshops & Onsite Training": {
+ "Talleres y formaciรณn presencial": {
"order": 2,
"resources": {
"webucator": {
- "desc": "Customized in-person instructor-led Angular training for private groups and public online instructor-led Angular classes.",
+ "desc": "Capacitaciรณn en Angular personalizada en persona dirigida por un instructor para grupos privados y clases Angular pรบblicas en lรญnea dirigidas por un instructor.",
"title": "Webucator",
"url": "https://www.webucator.com/webdev-training/angular-training"
},
"-acceleb": {
- "desc": "Customized, Instructor-Led Angular Training",
+ "desc": "Entrenamiento Angular personalizado y dirigido por un instructor",
"title": "Accelebrate",
"url": "https://www.accelebrate.com/angular-training"
},
"-KLIBoFWStce29UCwkvY": {
- "desc": "Private Angular Training and Mentoring",
+ "desc": "Capacitaciรณn y tutorรญa privada de Angular",
"title": "Chariot Solutions",
"url": "http://chariotsolutions.com/course/angular2-workshop-fundamentals-architecture/"
},
"-KLIBoN0p9be3kwC6-ga": {
- "desc": "Angular Academy is a two day hands-on public course given in-person across Canada!",
+ "desc": "ยกAngular Academy es un curso pรบblico prรกctico de dos dรญas que se imparte en persona en todo Canadรก!",
"title": "Angular Academy (Canada)",
"url": "http://www.angularacademy.ca"
},
"at": {
- "desc": "Angular Training teaches Angular on-site all over the world. Also provides consulting and mentoring.",
+ "desc": "Angular Training enseรฑa Angular in situ en todo el mundo. Tambiรฉn brinda consultorรญa y tutorรญa.",
"title": "Angular Training",
"url": "http://www.angulartraining.com"
},
"-KLIBo_lm-WrK1Sjtt-2": {
- "desc": "Basic and Advanced training across Europe in German",
+ "desc": "Formaciรณn bรกsica y avanzada en toda Europa en alemรกn",
"title": "TheCodeCampus (German)",
"url": "https://www.thecodecampus.de/schulungen/angular"
},
"-KLIzFhfGKi1xttqJ7Uh": {
- "desc": "4 day in-depth Angular training in Israel",
+ "desc": "Formaciรณn en Angular en profundidad de 4 dรญas en Israel",
"title": "ng-course (Israel)",
"url": "http://ng-course.org/"
},
"-KLIzIcRoDq3TzCJWnYc": {
- "desc": "Virtual and in-person training in Canada and the US",
+ "desc": "Capacitaciรณn virtual y presencial en Canadรก y EE. UU.",
"title": "Web Age Solutions",
"url": "http://www.webagesolutions.com/courses/WA2533-angular-2-programming"
},
"500tech": {
- "desc": "Learn from 500Tech, an Angular consultancy in Israel. This course was built by an expert developer, who lives and breathes Angular, and has practical experience with real world large scale Angular apps.",
+ "desc": "Aprenda de 500Tech, una consultora de Angular en Israel. Este curso fue creado por un desarrollador experto, que vive y respira Angular, y tiene experiencia prรกctica con aplicaciones Angular a gran escala del mundo real.",
"title": "Angular Hands-on Course (Israel)",
"url": "http://angular2.courses.500tech.com/"
},
"9ab": {
- "desc": "OnSite Training From the Authors of \"Become A Ninja with Angular\"",
+ "desc": "Capacitaciรณn en el sitio de los autores de \"Conviรฉrtete en un ninja con Angular\"",
"title": "Ninja Squad",
"url": "http://ninja-squad.com/formations/formation-angular2"
},
"a2b": {
- "desc": "Angular Boot Camp covers introductory through advanced Angular topics. It includes extensive workshop sessions, with hands-on help from our experienced developer-trainers. We take developers or teams from the beginnings of Angular understanding through a working knowledge of all essential Angular features.",
+ "desc": "Angular Boot Camp cubre temas Angular desde la introducciรณn hasta los avanzados. Incluye extensas sesiones de talleres, con la ayuda prรกctica de nuestros experimentados formadores-desarrolladores. Llevamos a los desarrolladores o equipos desde los inicios de la comprensiรณn de Angular a travรฉs de un conocimiento prรกctico de todas las caracterรญsticas esenciales de Angular.",
"logo": "https://angularbootcamp.com/images/angular-boot-camp-logo.svg",
"title": "Angular Boot Camp",
"url": "https://angularbootcamp.com"
},
"ab3": {
- "desc": "Trainings & Code Reviews. We help people to get a deep understanding of different technologies through trainings and code reviews. Our services can be arranged online, making it possible to join in from anywhere in the world, or on-site to get the best experience possible.",
+ "desc": "Entrenamientos y revisiones de cรณdigos. Ayudamos a las personas a obtener un conocimiento profundo de las diferentes tecnologรญas a travรฉs de capacitaciones y revisiones de cรณdigo. Nuestros servicios se pueden organizar en lรญnea, lo que hace posible unirse desde cualquier parte del mundo o en el sitio para obtener la mejor experiencia posible.",
"logo": "",
"title": "Thoughtram",
"url": "http://thoughtram.io/"
},
"jsru": {
- "desc": "Complete Angular online course. Constantly updating. Real-time webinars with immediate feedback from the teacher.",
+ "desc": "Curso completo en lรญnea de Angular. Actualizaciรณn constante. Seminarios web en tiempo real con comentarios inmediatos del profesor.",
"logo": "https://learn.javascript.ru/img/sitetoolbar__logo_ru.svg",
"title": "Learn Javascript (Russian)",
"url": "https://learn.javascript.ru/courses/angular"
},
"zenika-angular": {
- "desc": "Angular trainings delivered by Zenika (FRANCE)",
- "title": "Angular Trainings (French)",
+ "desc": "Entrenamientos en Angular impartidos por Zenika (FRANCIA)",
+ "title": "Entrenamientos en Angular (francรฉs)",
"url": "https://training.zenika.com/fr/training/angular/description"
},
"formationjs": {
- "desc": "Angular onsite training in Paris (France). Monthly Angular workshops and custom onsite classes. We are focused on Angular, so we are always up to date.",
- "title": "Formation JavaScript (French)",
+ "desc": "Formaciรณn en Angular presencial en Parรญs (Francia). Talleres Angular mensuales y clases presenciales personalizadas. Estamos enfocados en Angular, por lo que siempre estamos al dรญa.",
+ "title": "Formation JavaScript (Frances)",
"url": "https://formationjavascript.com/formation-angular/"
},
"humancoders-angular": {
- "desc": "Angular trainings delivered by Human Coders (France)",
- "title": "Formation Angular (French)",
+ "desc": "Entrenamientos en Angular impartidos por Human Coders (France)",
+ "title": "Formation Angular (Frances)",
"url": "https://www.humancoders.com/formations/angular"
},
"wao": {
- "desc": "Onsite Angular Training delivered by We Are One Sร rl in Switzerland",
+ "desc": "Formaciรณn en Angular impartida por We Are One Sร rl en Suiza",
"logo": "https://weareone.ch/wordpress/wao-content/uploads/2014/12/logo_200_2x.png",
"title": "We Are One Sร rl",
"url": "https://weareone.ch/courses/angular/"
},
"angular-schule": {
- "desc": "Angular onsite training and public workshops in Germany from the authors of the German Angular book. We also regularly post articles and videos on our blog (in English and German language).",
+ "desc": "Talleres pรบblicos y capacitaciรณn presencial de Angular en Alemania de los autores del libro German Angular. Tambiรฉn publicamos regularmente artรญculos y videos en nuestro blog (en inglรฉs y alemรกn).",
"logo": "https://angular.schule/assets/img/brand.svg",
"title": "Angular.Schule (German)",
"url": "https://angular.schule/"
},
"strbrw": {
- "desc": "Angular and RxJS trainings, Code Reviews and consultancy. We help software engineers all over the world to create better web-applications...",
+ "desc": "Entrenamientos en Angular y RxJS, Revisiones de Cรณdigo y consultorรญa. Ayudamos a los ingenieros de software de todo el mundo a crear mejores aplicaciones web ...",
"title": "StrongBrew",
"url": "https://strongbrew.io/"
},
"angular.de": {
- "desc": "Onsite Angular Training delivered by the greatest community in the german speaking area in Germany, Austria and Switzerland. We also regularly post articles and tutorials on our blog.",
+ "desc": "Capacitaciรณnes en Angular en el lugar impartida por la mayor comunidad en el รกrea de habla alemana en Alemania, Austria y Suiza. Tambiรฉn publicamos regularmente artรญculos y tutoriales en nuestro blog.",
"logo": "https://angular.de/assets/img/angular-de-logo.svg",
"title": "Angular.de (German)",
"url": "https://angular.de/"
diff --git a/aio/content/marketing/test.html b/aio/content/marketing/test.html
index 19a43bac2a2f..1a63265ab996 100644
--- a/aio/content/marketing/test.html
+++ b/aio/content/marketing/test.html
@@ -1,8 +1,8 @@
-Test Code Page
+Pรกgina de cรณdigos de prueba
-<code-tabs>
+<Pestaรฑas de cรณdigo>
-No linenums at code-tabs level
+ No hay listas de linenums a nivel de etiquetas de cรณdigo
class {
@@ -26,7 +26,7 @@ <code-tabs>
-No linenums at code-tabs level; linenums=true for second HTML pane
+Sin linenums a nivel de etiquetas de cรณdigo; linenums = verdadero para el segundo panel HTML
class {
@@ -40,10 +40,10 @@ <code-tabs>
<code-example>
-One line.
+Una lรญnea.
const foo = 'bar'
-Multi-line, linenums=true.
+Multi-lรญnea, linenums=true.
<hero-details nghost-pmm-5>
<h2 ngcontent-pmm-5>Bah Dah Bing</h2>
@@ -53,7 +53,7 @@ <code-example>
</hero-details>
-Default linenums (false).
+linenums por defecto (false).
<hero-details nghost-pmm-5>
<h2 ngcontent-pmm-5>Mister Fantastic</h2>
@@ -63,7 +63,7 @@ <code-example>
</hero-details>
-Header on this one.
+Encabezado en este.
<hero-details nghost-pmm-5>
<h2 ngcontent-pmm-5>Mister Fantastic</h2>
@@ -73,55 +73,55 @@ <code-example>
</hero-details>
-An "avoid" header on this one.
+Un encabezado "evitar" en este.
<hero-details nghost-pmm-5>
- <h2 ngcontent-pmm-5>Mister Fantastic</h2>
+ <h2 ngcontent-pmm-5>Seรฑor fantรกstico</h2>
<hero-team ngcontent-pmm-5 nghost-pmm-6>
- <h3 _ngcontent-pmm-6>Losing Team</h3>
+ <h3 _ngcontent-pmm-6>Equipo Perdedor</h3>
</hero-team>
</hero-details>
-## Backticked code blocks
+## Bloques de cรณdigo con tilde atrรกs
```html
- Mister Fantastic
+ Seรฑor fantรกstico
- Losing Team
+ Equipo perdedor
```
-<live-example>
+<ejemplo en vivo>
-Plain live-example
-Try this Ejemplo simple en vivo
+Prueba esto live-example with title atty
+ejemplo en vivo con tรญtulo atty
live-example with title body
-Try this great example
+ejemplo en vivo con el cuerpo del tรญtulo
+Prueba este gran ejemplo
-live-example with name
+ejemplo en vivo con nombre
live-example with spacey name and stackblitz
+ejemplo en vivo con nombre espacial y stackblitz
live-example with name and stackblitz but no download
+ejemplo en vivo con nombre y stackblitz pero sin descarga
live-example embedded with name and stackblitz
+ejemplo en vivo incrustado con nombre y stackblitz
More text follows ...
+Sigue mรกs texto ...
-Getting Started Widgets
+Widgets de introducciรณn
-Interpolation
+Interpolaciรณn
Property Binding
@@ -134,4 +134,4 @@ <live-example>
NgFor
-
+
+Whether you came here directly from [Part 1](start "Try it: A basic app"), or completed the entire online store application through the [In-app navigation](start/start-routing "Try it: In-app navigation"), [Manage data](start/start-data "Try it: Manage data"), and [Forms for user input](start/start-forms "Try it: Forms for user input") sections, you have an application that you can deploy by following the instructions in this section.
+
+
+
+## Share your application
+
+StackBlitz projects are public by default, allowing you to share your Angular app via the project URL. Keep in mind that this is a great way to share ideas and prototypes, but it is not intended for production hosting.
+
+1. In your StackBlitz project, make sure you have forked or saved your project.
+1. In the preview page, you should see a URL that looks like `https://.stackblitz.io`.
+1. Share this URL with a friend or colleague.
+1. Users that visit your URL will see a development server start up, and then your application will load.
+
+## Building locally
+
+To build your application locally or for production, download the source code from your StackBlitz project by clicking the `Download Project` icon in the left menu across from `Project` to download your files.
+
+Once you have the source code downloaded and unzipped, install `Node.js` and serve your app with the Angular CLI.
+
+From the terminal, install the Angular CLI globally with:
+
+```sh
+npm install -g @angular/cli
+```
+
+This installs the command `ng` on your system, which is the command you use to create new workspaces, new projects, serve your application during development, or produce builds to share or distribute.
+
+Create a new Angular CLI workspace using the [`ng new`](cli/new "CLI ng new command reference") command:
+
+```sh
+ng new my-project-name
+```
+
+In your new CLI generated app, replace the `/src` folder with the one from your `StackBlitz` download, and then perform a build.
+
+```sh
+ng build --prod
+```
+
+This will produce the files that you need to deploy.
+
+
+
+If the above `ng build` command throws an error about missing packages, append the missing dependencies in your local project's `package.json` file to match the one in the downloaded StackBlitz project.
+
+
+
+#### Hosting the built project
+
+The files in the `dist/my-project-name` folder are static. This means you can host them on any web server capable of serving files (such as `Node.js`, Java, .NET), or any backend (such as Firebase, Google Cloud, or App Engine).
+
+### Hosting an Angular app on Firebase
+
+One of the easiest ways to get your site live is to host it using Firebase.
+
+1. Sign up for a firebase account on [Firebase](https://firebase.google.com/ "Firebase web site").
+1. Create a new project, giving it any name you like.
+1. Add the `@angular/fire` schematics that will handle your deployment using `ng add @angular/fire`.
+1. Connect your CLI to your Firebase account and initialize the connection to your project using `firebase login` and `firebase init`.
+1. Follow the prompts to select the `Firebase` project you are creating for hosting.
+ - Select the `Hosting` option on the first prompt.
+ - Select the project you previously created on Firebase.
+ - Select `dist/my-project-name` as the public directory.
+1. Deploy your application with `ng deploy`.
+1. Once deployed, visit https://your-firebase-project-name.firebaseapp.com to see it live!
+
+### Hosting an Angular app anywhere else
+
+To host an Angular app on another web host, upload or send the files to the host.
+Because you are building a single page application, you'll also need to make sure you redirect any invalid URLs to your `index.html` file.
+Read more about development and distribution of your application in the [Building & Serving](guide/build "Building and Serving Angular Apps") and [Deployment](guide/deployment "Deployment guide") guides.
+
+## Join the Angular community
+
+You are now an Angular developer! [Share this moment](https://twitter.com/intent/tweet?url=https://angular.io/start&text=I%20just%20finished%20the%20Angular%20Getting%20Started%20Tutorial "Angular on Twitter"), tell us what you thought of this get-started exercise, or submit [suggestions for future editions](https://github.com/angular/angular/issues/new/choose "Angular GitHub repository new issue form").
+
+Angular offers many more capabilities, and you now have a foundation that empowers you to build an application and explore those other capabilities:
+
+* Angular provides advanced capabilities for mobile apps, animation, internationalization, server-side rendering, and more.
+* [Angular Material](https://material.angular.io/ "Angular Material web site") offers an extensive library of Material Design components.
+* [Angular Protractor](https://protractor.angular.io/ "Angular Protractor web site") offers an end-to-end testing framework for Angular apps.
+* Angular also has an extensive [network of 3rd-party tools and libraries](resources "Angular resources list").
+
+Keep current by following the [Angular blog](https://blog.angular.io/ "Angular blog").
diff --git a/aio/content/start/start-deployment.md b/aio/content/start/start-deployment.md
index 94b99c39e465..838fbb66aa0c 100644
--- a/aio/content/start/start-deployment.md
+++ b/aio/content/start/start-deployment.md
@@ -1,91 +1,90 @@
-# Try it: Deployment
+# Pruรฉbalo: Despliegue
-To deploy your application, you have to compile it, and then host the JavaScript, CSS, and HTML on a web server. Built Angular applications are very portable and can live in any environment or served by any technology, such as Node, Java, .NET, PHP, and many others.
+Para desplegar tu aplicaciรณn, tienes que compilarla, y despuรฉs alojar el JavaScript, CSS, y HTML en un servidor web. Las aplicaciones construidas en Angular son muy portables y pueden vivir en cualquier entorno o ser servidas por cualquier tecnologรญa, como Node, Java, .NET, PHP, y muchos otros.
-Whether you came here directly from [Part 1](start "Try it: A basic app"), or completed the entire online store application through the [In-app navigation](start/start-routing "Try it: In-app navigation"), [Manage data](start/start-data "Try it: Manage data"), and [Forms for user input](start/start-forms "Try it: Forms for user input") sections, you have an application that you can deploy by following the instructions in this section.
+Si llegaste aquรญ directamente desde la [Parte 1](start "Una aplicaciรณn bรกsica"), o completaste toda la aplicaciรณn de la tienda en lรญnea a travรฉs de las secciones [Navegaciรณn en la aplicaciรณn](start/start-routing "Pruรฉbalo: Navegaciรณn en la aplicaciรณn"), [Gestiรณn de datos](start/start-data "Pruรฉbalo: Gestiรณn de datos"), y [Formularios para la entrada del usuario](start/start-forms "Pruรฉbalo: Formularios para la entrada del usuario"), tienes una aplicaciรณn que puedes desplegar siguiendo las instrucciones en esta secciรณn.
-## Share your application
+## Comparte tu aplicaciรณn
-StackBlitz projects are public by default, allowing you to share your Angular app via the project URL. Keep in mind that this is a great way to share ideas and prototypes, but it is not intended for production hosting.
+Los proyectos en StackBlitz son pรบblicos por defecto, permitiรฉndote compartir tu aplicaciรณn Angular vรญa URL del proyecto. Ten en cuenta que esto es una gran forma de compartir ideas y prototipos, pero no esta destinado para alojamiento en producciรณn.
-1. In your StackBlitz project, make sure you have forked or saved your project.
-1. In the preview page, you should see a URL that looks like `https://.stackblitz.io`.
-1. Share this URL with a friend or colleague.
-1. Users that visit your URL will see a development server start up, and then your application will load.
+1. En tu proyecto StackBlitz, asegรบrate de haber hecho fork o guardado tu proyecto.
+1. En la pรกgina de vista previa, deberรญas ver una URL parecida a `https://.stackblitz.io`.
+1. Comparte esta URL con amigos o colegas.
+1. Los usuarios que visiten tu URL verรกn que inicia un servidor de desarrollo y despuรฉs se cargara tu aplicaciรณn.
-## Building locally
+## Creando localmente
-To build your application locally or for production, download the source code from your StackBlitz project by clicking the `Download Project` icon in the left menu across from `Project` to download your files.
+Para crear tu aplicaciรณn localmente o para producciรณn, descarga el cรณdigo fuente desde tu proyecto StackBlitz haciendo click en el icono `Download Project` en el menรบ de la izquierda frente a `Project` para descargar tus archivos.
-Once you have the source code downloaded and unzipped, install `Node.js` and serve your app with the Angular CLI.
+Una vez que descargues y descomprimas el cรณdigo fuente, instala `Node.js` y sirve tu aplicaciรณn con el CLI de Angular.
-From the terminal, install the Angular CLI globally with:
+Desde la terminal, instala globalmente el CLI de Angular con:
```sh
npm install -g @angular/cli
```
-This installs the command `ng` on your system, which is the command you use to create new workspaces, new projects, serve your application during development, or produce builds to share or distribute.
+Esto instalarรก el comando `ng` en tu sistema, es el comando que usa para crear nuevos espacios de trabajo, nuevos proyectos, servir su aplicaciรณn durante el desarrollo o producir compilaciones para compartir o distribuir.
-Create a new Angular CLI workspace using the [`ng new`](cli/new "CLI ng new command reference") command:
+Crea un nuevo espacio de trabajo en el CLI de Angular usando el comando: [`ng new`](cli/new "CLI referencia de comando ng new ")
```sh
ng new my-project-name
```
-
-In your new CLI generated app, replace the `/src` folder with the one from your `StackBlitz` download, and then perform a build.
+En tu nueva aplicaciรณn generada por CLI, reemplaza la carpeta `/src` con la descargada de tu `StackBlitz` luego realiza una compilaciรณn.
```sh
ng build --prod
```
-This will produce the files that you need to deploy.
+Esto producirรก los archivos que necesitas para el despliegue.
-If the above `ng build` command throws an error about missing packages, append the missing dependencies in your local project's `package.json` file to match the one in the downloaded StackBlitz project.
+Si el comando `ng build` anterior arroja un error sobre paquetes faltantes, agrega las dependencias faltantes en el archivo` package.json` de tu proyecto local para que coincida con el del proyecto StackBlitz descargado.
-#### Hosting the built project
+#### Alojando el proyecto creado
-The files in the `dist/my-project-name` folder are static. This means you can host them on any web server capable of serving files (such as `Node.js`, Java, .NET), or any backend (such as Firebase, Google Cloud, or App Engine).
+Los archivos en la carpeta `dist/my-project-name` son estรกticos, Esto quiere decir que tu puedes alojarlos en otro servidor web capaz de servir archivos (como `Node.js`, Java, .NET) o cualquier otro backend (como Firebase, Google Cloud, o App Engine).)
-### Hosting an Angular app on Firebase
+### Alojando una aplicaciรณn Angular en firebase
-One of the easiest ways to get your site live is to host it using Firebase.
+Una de las formas mรกs sencillas de hacer que su sitio estรฉ activo es alojarlo con Firebase.
-1. Sign up for a firebase account on [Firebase](https://firebase.google.com/ "Firebase web site").
-1. Create a new project, giving it any name you like.
-1. Add the `@angular/fire` schematics that will handle your deployment using `ng add @angular/fire`.
-1. Connect your CLI to your Firebase account and initialize the connection to your project using `firebase login` and `firebase init`.
-1. Follow the prompts to select the `Firebase` project you are creating for hosting.
- - Select the `Hosting` option on the first prompt.
- - Select the project you previously created on Firebase.
- - Select `dist/my-project-name` as the public directory.
-1. Deploy your application with `ng deploy`.
-1. Once deployed, visit https://your-firebase-project-name.firebaseapp.com to see it live!
+1. Registra una cuenta Firebase en [Firebase](https://firebase.google.com/ "sitio web Firebase").
+1. Crea un nuevo proyecto, proporcionando el nombre que quieras.
+1. Agrega los esquemas `@angular/fire` que manejarรกn tu despliegue usando `ng add @angular/fire`.
+1. Conecta tu CLI a tu cuenta Firebase e inicializa la conexiรณn de tu proyecto usando `firebase login` y `firebase init`.
+1. Sigue las instrucciones para seleccionar el proyecto `Firebase` que estas creando para alojar.
+ - Selecciona la opciรณn `Hosting` en el primer prompt.
+ - Selecciona el proyecto que previamente creaste en Firebase.
+ - Selecciona `dist/my-project-name` como directorio pรบblico.
+1. Despliega tu aplicaciรณn con `ng deploy`.
+1. Una vez desplegado, visita https://your-firebase-project-name.web.app para verlo activo!
-### Hosting an Angular app anywhere else
+### Alojando una aplicaciรณn angular en otro lado
-To host an Angular app on another web host, upload or send the files to the host.
-Because you are building a single page application, you'll also need to make sure you redirect any invalid URLs to your `index.html` file.
-Read more about development and distribution of your application in the [Building & Serving](guide/build "Building and Serving Angular Apps") and [Deployment](guide/deployment "Deployment guide") guides.
+Para alojar una aplicaciรณn Angular en otro alojamiento web, carga o envรญa los archivos al servidor.
+Debido a que estรกs creando una aplicaciรณn de una sola pรกgina, tambiรฉn deberรกs asegurarte de redirigir cualquier URL no vรกlida a tu archivo `index.html`.
+Obtรฉn mรกs informaciรณn sobre el desarrollo y la distribuciรณn de tu aplicaciรณn en las guรญas [Creando & Sirviendo](guide/build "Creando y Sirviendo aplicaciones Angular") y [Despliegue](guide/deployment "Guia de despliegue").
-## Join the Angular community
+## รnete a la comunidad Angular
-You are now an Angular developer! [Share this moment](https://twitter.com/intent/tweet?url=https://angular.io/start&text=I%20just%20finished%20the%20Angular%20Getting%20Started%20Tutorial "Angular on Twitter"), tell us what you thought of this get-started exercise, or submit [suggestions for future editions](https://github.com/angular/angular/issues/new/choose "Angular GitHub repository new issue form").
+ยกAhora eres un desarrollador Angular! [Comparte este momento](https://twitter.com/intent/tweet?url=https://angular.io/start&text=I%20just%20finished%20the%20Angular%20Getting%20Started%20Tutorial "Angular en Twitter"), cuรฉntanos que te pareciรณ este ejercicio de introducciรณn, o envรญa [sugerencias para ediciones futuras](https://github.com/angular/angular/issues/new/choose "GitHub de Angular formulario de nuevo issue").
-Angular offers many more capabilities, and you now have a foundation that empowers you to build an application and explore those other capabilities:
+Angular ofrece muchas mรกs capacidades, y ahora tienes las bases que te permiten crear una aplicaciรณn y explorar esas otras capacidades:
-* Angular provides advanced capabilities for mobile apps, animation, internationalization, server-side rendering, and more.
-* [Angular Material](https://material.angular.io/ "Angular Material web site") offers an extensive library of Material Design components.
-* [Angular Protractor](https://protractor.angular.io/ "Angular Protractor web site") offers an end-to-end testing framework for Angular apps.
-* Angular also has an extensive [network of 3rd-party tools and libraries](resources "Angular resources list").
+* Angular proporciona capacidades avanzadas para aplicaciones mรณviles, animaciรณn, internacionalizaciรณn, renderizado del lado del servidor y mรกs.
+* [Angular Material](https://material.angular.io/ "Sitio web de Angular Material") ofrece una extensa biblioteca de componentes de Material Design.
+* [Angular Protractor](https://protractor.angular.io/ "Sitio web de Angular Protractor") ofrece un marco de prueba de extremo a extremo para aplicaciones de Angular.
+* Angular tambiรฉn tiene una extensa [red de herramientas y librerรญas de terceros](resources "Lista de recursos Angular").
-Keep current by following the [Angular blog](https://blog.angular.io/ "Angular blog").
+Mantente actualizado siguiendo el [blog de Angular](https://blog.angular.io/ "Blog de Angular").
diff --git a/aio/content/start/start-forms.en.md b/aio/content/start/start-forms.en.md
new file mode 100644
index 000000000000..00f2c9819127
--- /dev/null
+++ b/aio/content/start/start-forms.en.md
@@ -0,0 +1,85 @@
+# Try it: Use forms for user input
+
+At the end of [Managing Data](start/start-data "Try it: Managing Data"), the online store application has a product catalog and a shopping cart.
+
+This section walks you through adding a form-based checkout feature to collect user information as part of checkout.
+
+## Forms in Angular
+
+Forms in Angular build upon the standard HTML forms to help you create custom form controls and easy validation experiences. There are two parts to an Angular Reactive form: the objects that live in the component to store and manage the form, and the visualization of the form that lives in the template.
+
+## Define the checkout form model
+
+First, set up the checkout form model. Defined in the component class, the form model is the source of truth for the status of the form.
+
+1. Open `cart.component.ts`.
+
+1. Angular's `FormBuilder` service provides convenient methods for generating controls. As with the other services you've used, you need to import and inject the service before you can use it:
+
+ 1. Import the `FormBuilder` service from the `@angular/forms` package.
+
+
+
+
+ The `ReactiveFormsModule` provides the `FormBuilder` service, which `AppModule` (in `app.module.ts`) already imports.
+
+ 1. Inject the `FormBuilder` service.
+
+
+
+
+1. Still in the `CartComponent` class, define the `checkoutForm` property to store the form model.
+
+
+
+
+1. To gather the user's name and address, set the `checkoutForm` property with a form model containing `name` and `address` fields, using the `FormBuilder` `group()` method. Add this between the curly braces, `{}`,
+of the constructor.
+
+
+
+
+Now that you've defined the form model in the component class, you need a checkout form to reflect the model in the view.
+
+## Create the checkout form
+
+Use the following steps to add a checkout form at the bottom of the "Cart" view.
+
+1. Open `cart.component.html`.
+
+1. At the bottom of the template, add an HTML form to capture user information.
+
+1. Use a `formGroup` property binding to bind the `checkoutForm` to the `form` tag in the template. Also include a "Purchase" button to submit the form.
+
+
+
+
+1. On the `form` tag, use an `ngSubmit` event binding to listen for the form submission and call the `onSubmit()` method with the `checkoutForm` value.
+
+
+
+
+1. Add input fields for `name` and `address`. Use the `formControlName` attribute binding to bind the `checkoutForm` form controls for `name` and `address` to their input fields. The final complete component is as follows:
+
+
+
+
+After putting a few items in the cart, users can now review their items, enter their name and address, and submit their purchase:
+
+
+
+
-
+
+
- The `ReactiveFormsModule` provides the `FormBuilder` service, which `AppModule` (in `app.module.ts`) already imports.
+ El mรณdulo `ReactiveFormsModule` proporciona el servicio `FormBuilder`, ya ha importado `AppModule` (en `app.module.ts`).
- 1. Inject the `FormBuilder` service.
+ 2. Inyecta el servicio `FormBuilder`.
-
-
+
+
-1. Still in the `CartComponent` class, define the `checkoutForm` property to store the form model.
+3. En la clase `CartComponent`, define la propiedad `checkoutForm` para almacenar el modelo del formulario.
-
-
+
+
-1. To gather the user's name and address, set the `checkoutForm` property with a form model containing `name` and `address` fields, using the `FormBuilder` `group()` method. Add this between the curly braces, `{}`,
-of the constructor.
+4. Para capturar el nombre y la direcciรณn del usuario, configura la propiedad `checkoutForm` usando el mรฉtodo `group()` de `FormBuilder` a un formulario que contenga los campos `name` y `addess`. Agrega esto entre las llaves, `{}`, del constructor.
-
-
+
+
-Now that you've defined the form model in the component class, you need a checkout form to reflect the model in the view.
+Habiendo definido el modelo del formulario en el componente, necesitas un formulario de pago que refleje el modelo en la vista.
-## Create the checkout form
+## Crear el formulario de pago
-Use the following steps to add a checkout form at the bottom of the "Cart" view.
+Sigue estos pasos para agregar un formulario de pago en la secciรณn inferior de la vista del componente "Cart".
-1. Open `cart.component.html`.
+1. Abre `cart.component.html`.
-1. At the bottom of the template, add an HTML form to capture user information.
+2. Al final de la plantilla agrega un formulario HTML para capturar los datos del usuario.
-1. Use a `formGroup` property binding to bind the `checkoutForm` to the `form` tag in the template. Also include a "Purchase" button to submit the form.
+3. Usa el enlace de propiedades de `formGroup` para enlazar el `checkoutForm` a la etiqueta `form` en la plantilla. Tambiรฉn agrega un botรณn 'Comprar' para enviar el formulario.
-1. On the `form` tag, use an `ngSubmit` event binding to listen for the form submission and call the `onSubmit()` method with the `checkoutForm` value.
+4. En la etiqueta form, usa el evento `ngSubmit` para escuchar el envรญo del formulario e invocar el mรฉtodo `onSubmit()` con el valor `checkoutForm`.
-1. Add input fields for `name` and `address`. Use the `formControlName` attribute binding to bind the `checkoutForm` form controls for `name` and `address` to their input fields. The final complete component is as follows:
+5. Agrega los campos `name` y `address`. Usa el atributo enlazador `formControlName` para enlazar los controladores `name` y `address` de `checkoutForm` a sus respectivas etiquetas input. El componente final es el siguiente:
-After putting a few items in the cart, users can now review their items, enter their name and address, and submit their purchase:
+Despuรฉs de agregar algunos elementos en el carrito, el usuario ahora puede verificar los artรญculos a comprar, ingresar su nombre y direcciรณn y enviar su compra:
-To confirm submission, open the console where you should see an object containing the name and address you submitted.
+Para confirmar el envรญo del formulario, abre la consola donde podrรกs ver un objeto que contiene el nombre y la direcciรณn enviadas.
-## Next steps
+## Siguientes pasos
-Congratulations! You have a complete online store application with a product catalog, a shopping cart, and a checkout function.
+ยกFelicitaciones! Has completado una tienda online con un catรกlogo de productos, un carrito de compras, y una funcionalidad de pagos.
-[Continue to the "Deployment" section](start/start-deployment "Try it: Deployment") to move to local development, or deploy your app to Firebase or your own server.
+[Continรบa con la secciรณn "Despliegue"](start/start-deployment "Try it: Deployment") para desplegar en local, o despliega tu aplicaciรณn en Firebase o tu propio servidor.
diff --git a/aio/content/start/start-routing.en.md b/aio/content/start/start-routing.en.md
new file mode 100644
index 000000000000..3a5a3cf19643
--- /dev/null
+++ b/aio/content/start/start-routing.en.md
@@ -0,0 +1,375 @@
+# Try it: Manage data
+
+At the end of [In-app Navigation](start/start-routing "Try it: In-app Navigation"), the online store application has a product catalog with two views: a product list and product details.
+Users can click on a product name from the list to see details in a new view, with a distinct URL, or route.
+
+This page guides you through creating the shopping cart in three phases:
+
+* Update the product details view to include a "Buy" button, which adds the current product to a list of products that a cart service manages.
+* Add a cart component, which displays the items in the cart.
+* Add a shipping component, which retrieves shipping prices for the items in the cart by using Angular's `HttpClient` to retrieve shipping data from a `.json` file.
+
+{@a services}
+## Services
+
+Services are an integral part of Angular applications. In Angular, a service is an instance of a class that you can make available to any part of your application using Angular's [dependency injection system](guide/glossary#dependency-injection "Dependency injection definition").
+
+Services are the place where you share data between parts of your application. For the online store, the cart service is where you store your cart data and methods.
+
+{@a create-cart-service}
+## Create the shopping cart service
+
+Up to this point, users can view product information, and
+simulate sharing and being notified about product changes.
+They cannot, however, buy products.
+
+In this section, you add a "Buy" button to the product
+details view and set up a cart service to store information
+about products in the cart.
+
+
+
+A later part of this tutorial, [Use forms for user input](start/start-forms "Try it: Forms for user input"), guides you through accessing this cart service from the view where the user checks out.
+
+
+
+{@a generate-cart-service}
+### Define a cart service
+
+1. To generate a cart service, right click on the `app` folder, choose `Angular Generator`, and choose `Service`. Name the new service `cart`.
+
+ Intro to Services and DI").
+
+
+
+1. In the `CartService` class, define an `items` property to store the array of the current products in the cart.
+
+
+
+
+ 1. Inject the cart service by adding it to the `constructor()`.
+
+
+
+
+
+
+1. Define the `addToCart()` method, which adds the current product to the cart.
+
+ The `addToCart()` method does the following three things:
+ * Receives the current `product`.
+ * Uses the cart service's `addToCart()` method to add the product the cart.
+ * Displays a message that you've added a product to the cart.
+
+
+
+
+
+
+ The line, `
{{ product.price | currency }} ` uses the `currency` pipe to transform `product.price` from a number to a currency string. A pipe is a way you can transform data in your HTML template. For more information about Angular pipes, see [Pipes](guide/pipes "Pipes").
+
+
+
+1. To see the new "Buy" button, refresh the application and click on a product's name to display its details.
+
+
+
+
+
+
+
+
+1. Update the "Checkout" button so that it routes to the `/cart` url.
+
+ Open `top-bar.component.html` and add a `routerLink` directive pointing to `/cart`.
+
+
+
+
+1. To see the new cart component, click the "Checkout" button. You can see the "cart works!" default text, and the URL has the pattern `https://getting-started.stackblitz.io/cart`, where `getting-started.stackblitz.io` may be different for your StackBlitz project.
+
+
+
+
+
+
+ 1. Inject the `CartService` so that the cart component can use it.
+
+
+
+
+1. Define the `items` property to store the products in the cart.
+
+
+
+
+1. Set the items using the cart service's `getItems()` method. Recall that you defined this method [when you generated `cart.service.ts`](#generate-cart-service).
+
+ The resulting `CartComponent` class is as follows:
+
+
+
+
+1. Update the template with a header, and use a `