Conoce la importancia de los formularios para tu sitio web

1

Versiones de Angular Forms

2

¿Por qué aprender Angular Forms?

3

Presentación del proyecto: tour por los formularios de Platzi Store

4

Novedades de Angular 10: cómo migrar proyectos de Angular 8 o 9 a la versión 10

Primeros pasos con Angular Forms

5

Template Forms vs. Reactive Forms

6

Dominando el FormControl y sus estados

7

Cómo usar inputs de texto y la importancia del type

8

Manejo y binding de selects y selects múltiples

9

Manejo y binding de inputs radio y checkbox

10

Aplica validaciones a un FormControl

11

Integración y validaciones con CSS para mostrar errores

Descubre todas las validaciones de Angular Forms

12

Usando FormGroup para agrupar multiples campos

13

Reactive Forms con FormBuilder

14

Los 11 validadores de Angular (y expresiones regulares)

15

Manejando múltiples FormsGroups

16

Usando componentes de Angular Material

17

Errores comunes de usabilidad en formularios

18

Validaciones personalizadas: mejorando nuestro formulario de registro

Implemeta validaciones avanzadas en PlatziStore

19

Cómo hacer validaciones grupales en Angular Forms

20

Validaciones condicionadas y reactividad a variaciones en la UI

21

Proyecto: formulario para crear categorías de productos

22

Proyecto: conectando nuestro formulario y la API

23

Proyecto: subir imágenes a Firebase Storage

24

Validaciones asincrónicas

25

PatchValue: crear vs. editar

26

Proyecto: creando el método de editar categorías

Construye formularios dinámicos conectando una API

27

Smart vs. dumb components: un patrón para dividir responsabilidades

28

Implementando smart y dumb components en PlatziStore

29

Proyecto: mejorando nuestro formulario de productos

30

Select dinámico: carga opciones desde una API

31

Select dinámico: trabajando con objetos

32

¿Cómo crear campos on demand? Forms dinámicos con FormArray

Estrategias avanzadas y optimización de formularios

33

Crea tu propia librería de componentes con CVA o Control Value Accesor

34

Crea un buscador de gifs usando la API de Giphy

35

Optimiza un input de búsquedas con RxJS y debounce

36

Examina la accesibilidad de tus formularios

37

Siguientes pasos en tu carrera de desarrollo web profesional con Angular

No tienes acceso a esta clase

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

Siguientes pasos en tu carrera de desarrollo web profesional con Angular

37/37
Recursos

¿Qué habilidades has adquirido en el manejo de formularios reactivos en Angular?

Aprender a manejar formularios reactivos en Angular es un paso monumental en tu camino como desarrollador. A través de este curso, has dominado cómo utilizar diferentes tipos de input para obtener valores de forma reactiva. También te has sumergido en la creación de validaciones personalizadas y asíncronas, asegurando así la integridad de tus datos. Utilizar buenos patrones como el Smart and Dumb Component es crucial para mejorar la eficiencia y calidad de tu código, ya que te permite dividir responsabilidades y mantener un código limpio y organizado. Debes sentirte orgulloso, ya que estas habilidades te servirán enormemente en tu vida profesional y proyectos futuros.

¿Cuál es el próximo paso en tu carrera de Angular en Platzi?

Con las bases bien cimentadas en formularios reactivos, el siguiente paso lógico es adentrarse en cursos más avanzados que te prepararán para optimizar y expandir tus aplicaciones de Angular.

Curso de rendimiento en Angular

Este curso está diseñado para enseñarte a analizar y optimizar el rendimiento de tus aplicaciones. Aprenderás a evitar malas prácticas que pueden ralentizar tus aplicaciones y afectar la experiencia del usuario. La optimización del rendimiento no solo mejora la velocidad de una aplicación, sino que también reduce el consumo de recursos, lo cual es crucial para mantener aplicaciones eficientes y escalables.

Curso de aplicaciones web progresivas (PWA)

El curso de PWA es una puerta de entrada a un mundo donde tus aplicaciones se comportan de manera más fiable y rápida, incluso en condiciones de conectividad inestable. Aquí aprenderás a:

  • Hacer que tus aplicaciones funcionen offline, permitiendo el acceso al contenido incluso sin conexión a Internet.
  • Mejorar el rendimiento usando caché y trabajadores de servicio (service workers) para el manejo eficiente de recursos.
  • Implementar notificaciones push, una herramienta útil para mantener a tus usuarios informados y comprometidos.

Curso profesional de Angular

En este curso, la atención se centra en las buenas prácticas de arquitectura y la organización de archivos, habilidades esenciales para el desarrollo de proyectos grandes y complejos. Una arquitectura bien diseñada no solo facilita el mantenimiento del proyecto, sino que también mejora la colaboración entre equipos al proporcionar una estructura clara y coherente.

Recomendaciones adicionales para el desarrollo continuo

Si has completado alguno de estos cursos, ¡felicidades! Tu compromiso con el aprendizaje es lo que te hará destacar como desarrollador de Angular. Si aún no lo has hecho, te animo a que continúes desarrollando tu potencial. Con cada nuevo curso, adquieres herramientas que te ayudarán a enfrentar desafíos cada vez más complejos en el ámbito profesional.

Ahora, una parte vital del aprendizaje no solo está en adquirir conocimientos, sino también en evaluar y reflexionar sobre lo aprendido. Por ello, te sugiero que tomes el examen de este curso. Califica tu experiencia y comparte tus comentarios. Esto no solo es valioso para nosotros como educadores, sino también para mejorar la calidad del contenido en la plataforma. ¡Nos vemos en el próximo curso, donde continuaremos creciendo y aprendiendo juntos!

Aportes 16

Preguntas 3

Ordenar por:

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

Felicidades Nico!!! como siempre excelente contenido.
Me gustaría complementar la carrera de Angular con un curso de Internacionalización (i18n)donde podamos aplicar por ejemplo traducciones automáticas según el idioma elegido y los símbolos de moneda según el país. Etc… Espero alguien de Plazti lo lea 😃

He visto que recomiendan nest.js para backend con Angular ¿saben si en Platzi habra un curso sobre eso?

Buenas noches, antes de ver los cursos de angular queria preguntar ,veo que no llegan hasta la pasarela de pagos? o me parece .

Me costo actualizar de la version 10 de angular a la 15 pero se logro

Excelente Curso te doy un 10

Excelente Nico, que buen curso, he seguido la carrera de Angular, y también tus cursos de backend, explicas muy bien y los proyectos quedan muy completos, deberías considerar hacer algunos en la escuela de React sería interesante.

Buen curso!!!

Me encantó el curso! Super completo!!!

Gracias Nicolas !!

excelente curso

Muchas gracias Nico que buen curso seguimos avanzando en conocimientos.

Gracias NicoBytes !

Excelente Curso!, Excelente profesor!, me ayuda bastante. Gracias.

Nice!

Gracias Nico!excelente curso!!
Saludos…

Excelente curso Nico.
Gracias!