Curso de Angular Forms: Creación y Optimización de Formularios Web

Clases del Curso de Angular Forms: Creación y Optimización de Formularios Web

Instruido por:
Nicolas Molina
Nicolas Molina
Avanzado
6 horas de contenido
Ver la ruta de aprendizaje
Curso de Angular Forms: Creación y Optimización de Formularios Web

Curso de Angular Forms: Creación y Optimización de Formularios Web

Progreso del curso:0/36contenidos(0%)

Contenido del Curso
Tutoriales de estudiantes
Preguntas de estudiantes

Progreso del curso:0/36contenidos(0%)

Conoce la importancia de los formularios para tu sitio web

Material Thumbnail

¿Por qué aprender Angular Forms?

00:48 min

Material Thumbnail

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

04:32 min

Material Thumbnail

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

11:08 min

Primeros pasos con Angular Forms

Material Thumbnail

Template Forms vs. Reactive Forms

01:32 min

Material Thumbnail

Dominando el FormControl y sus estados

17:16 min

Material Thumbnail

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

08:12 min

Material Thumbnail

Manejo y binding de selects y selects múltiples

07:00 min

Material Thumbnail

Manejo y binding de inputs radio y checkbox

09:20 min

Material Thumbnail

Aplica validaciones a un FormControl

12:15 min

Material Thumbnail

Integración y validaciones con CSS para mostrar errores

12:42 min

Descubre todas las validaciones de Angular Forms

Material Thumbnail

Usando FormGroup para agrupar multiples campos

10:00 min

Material Thumbnail

Reactive Forms con FormBuilder

12:25 min

Material Thumbnail

Los 11 validadores de Angular (y expresiones regulares)

13:40 min

Material Thumbnail

Manejando múltiples FormsGroups

09:23 min

Material Thumbnail

Usando componentes de Angular Material

14:31 min

Material Thumbnail

Errores comunes de usabilidad en formularios

05:27 min

Material Thumbnail

Validaciones personalizadas: mejorando nuestro formulario de registro

15:22 min

Implemeta validaciones avanzadas en PlatziStore

Material Thumbnail

Cómo hacer validaciones grupales en Angular Forms

10:11 min

Material Thumbnail

Validaciones condicionadas y reactividad a variaciones en la UI

09:09 min

Material Thumbnail

Proyecto: formulario para crear categorías de productos

06:32 min

Material Thumbnail

Proyecto: conectando nuestro formulario y la API

15:47 min

Material Thumbnail

Proyecto: subir imágenes a Firebase Storage

12:36 min

Material Thumbnail

Validaciones asincrónicas

17:55 min

Material Thumbnail

PatchValue: crear vs. editar

11:16 min

Material Thumbnail

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

06:01 min

Construye formularios dinámicos conectando una API

Material Thumbnail

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

17:01 min

Material Thumbnail

Implementando smart y dumb components en PlatziStore

09:49 min

Material Thumbnail

Proyecto: mejorando nuestro formulario de productos

10:13 min

Material Thumbnail

Select dinámico: carga opciones desde una API

12:17 min

Material Thumbnail

Select dinámico: trabajando con objetos

09:09 min

Material Thumbnail

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

15:35 min

Estrategias avanzadas y optimización de formularios

Material Thumbnail

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

19:40 min

Material Thumbnail

Crea un buscador de gifs usando la API de Giphy

15:46 min

Material Thumbnail

Optimiza un input de búsquedas con RxJS y debounce

06:47 min

Material Thumbnail

Examina la accesibilidad de tus formularios

07:01 min

Material Thumbnail

Siguientes pasos en tu carrera de desarrollo web profesional con Angular

01:27 min

nuevosmás votadossin responder
Isabella Quintero Leyva
Isabella Quintero Leyva
Estudiante

Holaa, podrían pasar el API para crear el servicio de Categoria por favor, acualtmente dice que está roto (status 404)

1
Diego Alexander Ramírez Zuluaga
Diego Alexander Ramírez Zuluaga
Estudiante

a alguien más le esta saliendo un error 500 al momento de consumir la API, he intentado consumir por Postman y por el cliente de Angular que estamos creando y me sale lo mismo, error interno del servidor.

1
Christian Guevara
Christian Guevara
Estudiante

Tengo una consulta ¿por que tenemos que recurrir a un HOF para al momento de crear la validación?

¿por que no se puede hacer directamente?

staticvalidateCategory(service: CategoriesService) {
    return(control: AbstractControl) => {
      const value = control.value;

      return service.checkCategory(value).pipe(
        map((response) => {
          const isAvalaibility = response.isAvailable;
          console.log(isAvalaibility);

          if (!isAvalaibility) {
            return { not_avalable: true };
          }
          returnnull;
        })
      );
    };
  }
1
Christian Guevara
Christian Guevara
Estudiante

Buenas, implemente los mismo presentado en la clase 15 con respecto a datepicker, pero me aparece el siguiente error en pantalla y no me deja avanzar en el curso.

image
1
Cristian Alejandro Ortiz Solano
Cristian Alejandro Ortiz Solano
Estudiante

como puedo resetear un formulario y que las velicaciones también se receten? 😦

1
fabian Flechas
fabian Flechas
Estudiante

como puedo hacer para escribir a una variable del formBuilder desde typecript ?

1
Ezequiel Rebasa
Ezequiel Rebasa
Estudiante

A ver si me pueden ayudar con esto… Al intentar hacer el update : ng update @angular/[email protected] @angular/[email protected]

Me aparece esto ->
Unknown error: SyntaxError: Unexpected token ‘export’

0
fabian Flechas
fabian Flechas
Estudiante

estoy tratando de validar un campo date en formato MM/DD/YYY pruebo esto pero no me esta funcionando. Validators.pattern(/^\d{1,2}/\d{1,2}/\d{4}$/)

alguna sugerencia ?
Gracias

1
urbanoballest
urbanoballest
Estudiante

Esta genial la forma de integracion, pero ¿cómo le harían para obtener el estatus de del campo dentro del componente?

2
Isai David Vélez De León
Isai David Vélez De León
Estudiante

es obligatorio mandar el servicio (categoryService) como parámetro en el asyncValidator? ¿no funcionaría en caso de que se le pase como inyección de dependencia directamente a MyValidators?

0