Los templates de Angular utilicen un tipo especial de expresiones a las que llamamos expresiones del template. Estas expresiones son, por ejemplo, las que pasamos en los operadores de interpolación de un template:
{{ aquí va una expresión de template de Angular }}
La primera característica de una expresión de template de Angular es que producen un valor, la segunda es que no tienen efectos secundarios.
- Producen un valor
- Las instrucciones con efectos secundarios están prohibidos.
Algunas operaciones que producen efectos secundarios, es decir que modifican algún elemento, son las siguientes:
- La asignación, por lo que el operador = no puede ser usado.
- Los operadores ++ y -- que modifican un elemento también están prohibidos.
- El uso de la palabra reservada new para generar nuevos objetos.
En pocas palabras, todo lo que ahí especificamos debe producir un valor, una operación aritmética, la ejecución de un método que retorna un valor, colocar una variable un dato… todas estas son expresiones que producen un valor y pueden ser utilizadas en todos los casos en que, como mencionamos, se espere utilizar una expresión del template de Angular.
-
Módulo 1 | 7 clases
Introducción
expand_more-
play_circle_outline
Clase 1
Introducción al curso de Angular
-
play_circle_outline
Clase 2
Qué aprenderemos en este curso
-
play_circle_outline
Clase 3
Conocimientos previos
-
play_circle_outline
Clase 4
Qué es Angular
-
play_circle_outline
Clase 5
Diferencias entre AngularJS y Angular
-
play_circle_outline
Clase 6
Control de versiones semántico (semantic versioning)
-
play_circle_outline
Clase 7
Anatomía de un proyecto de Angular
-
-
Módulo 2 | 9 clases
Primeros pasos con Angular
expand_more-
play_circle_outline
Clase 1
Web Components
-
play_circle_outline
Clase 2
Crear un componente
-
play_circle_outline
Clase 3
Templates
-
play_circle_outline
Clase 4
Interpolación
-
play_circle_outline
Clase 5
Propiedades y métodos de un componente
-
play_circle_outline
Clase 6
ngOnInit
-
play_circle_outline
Clase 7
Estilos
-
play_circle_outline
Clase 8
ngContent
-
play_circle_outline
Clase 9
Ejercicio con ngContent y componentes
-
-
Módulo 3 | 21 clases
Componentes a detalle
expand_more-
play_arrow
Clase 1
Expresiones de un template de Angular
-
play_circle_outline
Clase 2
Sincronización de datos (Data Binding)
-
play_circle_outline
Clase 3
One way binding (interpolación)
-
play_circle_outline
Clase 4
Property binding
-
play_circle_outline
Clase 5
ngClass
-
play_circle_outline
Clase 6
Directivas Estructurales
-
play_circle_outline
Clase 7
ngIf
-
play_circle_outline
Clase 8
Ejercicio con ngIf y ngClass
-
play_circle_outline
Clase 9
ngFor
-
play_circle_outline
Clase 10
ngSwitch
-
play_circle_outline
Clase 11
Eventos
-
play_circle_outline
Clase 12
Nuevo componente para siguientes ejemplos
-
play_circle_outline
Clase 13
Payload de un evento con $event
-
play_circle_outline
Clase 14
Eventos personalizados (EventEmitter)
-
play_circle_outline
Clase 15
Input properties
-
play_circle_outline
Clase 16
Variables de referencia del template
-
play_circle_outline
Clase 17
Two way binding con ngModel
-
play_circle_outline
Clase 18
Pipes
-
play_circle_outline
Clase 19
Cómo crear mi propio Pipe
-
play_circle_outline
Clase 20
Cómo crear mi propia directiva de atributo
-
play_circle_outline
Clase 21
HostListener para eventos
-
-
Módulo 4 | 14 clases
Servicios y Observadores
expand_more-
play_circle_outline
Clase 1
Actualizar a Angular 6
-
play_circle_outline
Clase 2
Servicios en Angular
-
play_circle_outline
Clase 3
Crear tu propio servicio
-
play_circle_outline
Clase 4
Consultas asíncronas
-
play_circle_outline
Clase 5
Inyector de dependencias en Angular
-
play_circle_outline
Clase 6
Compartir datos de un servicio
-
play_circle_outline
Clase 7
Programación reactiva
-
play_circle_outline
Clase 8
El patrón del observable
-
play_circle_outline
Clase 9
Observadores y Observables en RxJS
-
play_circle_outline
Clase 10
Operadores en RxJS
-
play_circle_outline
Clase 11
Async Pipe
-
play_circle_outline
Clase 12
Operador de navegación segura ?.
-
play_circle_outline
Clase 13
Async y suscripciones a un Observable
-
play_circle_outline
Clase 14
Servicios en Angular 6
-
-
Módulo 5 | 7 clases
Animaciones
expand_more-
play_circle_outline
Clase 1
Animaciones CSS
-
play_circle_outline
Clase 2
Configurar módulo de animaciones
-
play_circle_outline
Clase 3
Estados y Transiciones
-
play_circle_outline
Clase 4
Aplicar estilos a estados y animaciones
-
play_circle_outline
Clase 5
Ejercicio de animación con Angular
-
play_circle_outline
Clase 6
Organizar animaciones
-
play_circle_outline
Clase 7
Animaciones de listas y escalonadas
-
-
Módulo 6 | 2 clases
Cierre del curso
expand_more