Introducción a Angular y Fundamentos

1

Creando tu primer proyecto en Angular

2

Implementando estilos

3

Mostrando elementos

4

Property Binding en Angular

5

Event Binding: click y doble click

6

Event binding: keydown

7

Modelo de reactividad con Signals

8

Creando un Signal en Angular

Estructuras de control en Angular

9

Directivas de control

10

Uso de ngFor

11

ngFor para objetos

12

Update Tasks

13

Uso de ngIf

14

Uso de ngSwitch y ngSwitchDefault

15

Controlando un input

16

Manejo de formularios en Angular

Alistando tu aplicación para producción

17

Estilos al modo Angular

18

Clases en Angular

19

Editing mode

20

Estados compuestos con computed

21

Usando effect para localStorage

22

Uso de ngbuild

23

Despliegue con Firebase Hosting

24

Nueva sintaxis en Angular

25

Directivas @For, @switch

26

Migrando a la nueva sintaxis de Angular v17

Componentes Reutilizables y Comunicación

27

Construyendo un e-commerce en Angular

28

Componentes en Angular

29

Mostrando los componentes

30

Angular DevTools

31

Uso de Inputs en Angular

32

Uso de Outputs en Angular

33

Componentes para Producto

Ciclo de vida de los componentes

34

Ciclo de vida de componentes

35

Ciclo de vida de componentes: ngOnChanges

36

Ciclo de vida de componentes: ngOnInit

37

Detectando cambios en los inputs

38

Evitando memory leaks con ngDestroy

39

Audio player con ngAfterViewInit

40

Creando la página "about us" o "conócenos"

Mejorando la interfaz del producto

41

Creando componente de productos

42

Creando el Header

43

Creando el carrito de compras

44

Comunicación padre e hijo

45

Calculando el total con ngOnChanges

46

El problema del prop drilling

47

Reactividad con signals en servicios

48

Entendiendo la inyección de dependencias

Integración y Datos

49

Obteniendo datos una REST API

50

Importaciones cortas en Typescript

51

Pipes en Angular

52

Construyendo tu propio pipe

53

Utilizando librerías de JavaScript en Angular

54

Conociendo las directivas

55

Deployando un proyecto en Vercel

Enrutamiento y Navegación

56

Ruta 404

57

Uso del RouterLink

58

Vistas anidadas

59

Uso del RouterLinkActive

60

Detalle de cada producto

61

Obteniendo datos del producto

62

Galería de imagenes

63

Detalle de la galería

Perfeccionando tu e-commerce

64

Mostrando categorias desde la API

65

Url Params

66

LazyLoading y Code Splitting

67

Aplicando LazyLoading

68

Prefetching

69

Usando la nueva sintaxis de Angular 17

70

Lanzando tu aplicación a producción

No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

Quedan menos de 24 hrs para aprender Inglés, AI y más a precio especial.

Antes: $249

Currency
$209
Suscríbete

Termina en:

0 Días
6 Hrs
7 Min
26 Seg

Mostrando elementos

3/70
Recursos

Aportes 9

Preguntas 2

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Plugin🤔?, ¿Cuál plugin?

Te estaras preguntando, puede ver acerca de ello en la documentación de angular 👀, documentación de la versión antigua de angular. Para que puedas instalar angular language service

¿Que más puedes hacer con String Interpolation?

  • Puedes tener condiciones, como {{ isDisabled ? 'Verdadero' : 'Falso' }}
  • Ejecutar funciones, como {{ saludar() }}
  • Acceder a propiedades de objetos {{ person.name }}

String interpolation
.
Es la manera de enviar datos desde nuestro componente hacia la vista. Utilizando el doble símbolo de llaves {{ }}, o también conocidos como brackets, puedes imprimir el valor de una variable, realizar operaciones matemáticas o hacer el llamado a una función dentro del código HTML.

<h1>{{ 'Hola Platzi' }}</h1>
<h2>1 + 1 = {{ 1 + 1 }}</h2>
<h3>{{ myFunction(); }}</h3>
Una buena combinación: String Interpolation y Operadores Ternarios.
EN VS Code, el plugin puede ser Angular Languaje Service <https://marketplace.visualstudio.com/items?itemName=Angular.ng-template> Cuando se inicia el Proyecto VS te da la opción de instalar este plugin

excelente

Buenas tardes, me pueden ayudar por favor la extensión de Angular no me muestra los errores como se los muestra a nicolas, que puede ser? Gracias
La extensión para que se vea el error cuando ponemos private a las variables y otras muchas funcionalidades de Angular: **Angular Language Service**
Mis notas <https://wakeful-baryonyx-ef2.notion.site/Mostrando-elementos-199dd777f52544e8bf303a90bbe1b373?pvs=4>
![](https://static.platzi.com/media/user_upload/image-43e6c373-8f3b-4b31-a83e-f4c7a6d1c8eb.jpg)