Cursos Empresas Blog Live Conf Eventos Precios

0:004:32

Recursos

Resumen

Para ingresar al sistema se puede ingresar con esta información:

Para ingresar al sistema pueden ingresar como admin:

User: nicolas@nicolas.com Pass: nicolas.2010

O crear tu propio usuario con /auth/register

Implementación de Formularios Reactivos en Proyectos Angular

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

Clase 3 / 37

Ver clases

Implementación de Formularios Reactivos en Proyectos Angular

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

Clase 3 de 37

Clase 3 / 37

Implementación de Formularios Reactivos en Proyectos Angular

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

Clase 3 / 37

Ver clases

Héctor Tello

Hace 6 años

Hola a todos, yo vengo de los cursos anteriores de Angular de Platzi, y tengo un problema.

Terminé la aplicación en el Curso de angular y al compilar la aplicación para producción con:

ng build --prod

y después intentar correr la aplicación en un servidor utilizando la librería de npm, http-server, ejecutando lo siguiente:

http-server dist/nombre_aplicacion

me topé con varios errores:

Al escribir una ruta manual que no existe, para que me cargue el componente 404, no me carga, directamente me aparece un error en la consola.
Al intentar entrar manualmente (escribiendo la ruta en el navegador) a /home, me tira otro error.
Al intentar refrescar la página también me aparece un error.

En los 3 casos el error que me aparece en consola es un 404, NOT FOUND.

Si alguien me pudiera ayudar, gracias.

Nicolas Molina

Profesor

Hace 6 años

Hola, si compilas la app ya em modo producto el http-server no es el mejor ambiente para correrlo sobre todo al poner las rutas de forma manual, si quieres igual hacerlo puedes intentar poner:

RouterModule.forRoot(routes, {useHash: true})

Con esto las rutas tienes un #.

Pero te recomiendo probar en ambiente productivo como Firebase Hosting en donde tienes que configurar el 404 para que se conecte con el Router de Angular, eso lo puedes ver aquí:

https://platzi.com/clases/1670-angular/23289-haciendo-deploy-a-firebase-hosting/ En el minuto: 2:23

o si quieres ir más allá configurar un nginx para correr tu app:

https://platzi.com/clases/1731-angular-profesional/23618-deploy-con-nginx-y-docker/

Con una configuración como esta para la redirección de un 404:

https://github.com/nicobytes/docker-angular/blob/master/nginx-custom.conf

Héctor Tello

Hace 6 años

Genial! Muchas gracias Nico, lo intentaré!

Comentarios (28)28 comentarios

Elkin Omar Jiménez García

En mi trabajo uso Angular y aquí he aprendido muchas cosas que no conocía. De hecho, gracias a Platzi trabajo allí, y sigo aprendiendo más y más cada día. Gracias :D

Arnold Stuwar Pedraza Marin

Hace 5 años

me pasa eso

Diego Maldonado

Espero me pase eso

Japheth Calzada López

Soy backend, me pidieron algunas cosas en angular y si he sufrido bastante :(

Diego Fernando Caviedes Camaho

cuando bajen el proyecto de github hagan el comando: #npm install abreviado
#npm i para que instale las dependencias de anuglar

Alfonso Navarro

Company_admin

Pinta muy bueno el temario.

Si total vamos a aprender mucho!

David Estiven Aragón Andrade

Hace 4 años

Te amo, Nico, gran profesor 💚

vengo del Curso de fundamentos de angular y Animo muy buen curso

Jhon Pulido

Hace 3 años

huy cuales son las clases anteriores a este? realmente he tenido problemas de realizar el projecto ya que estoy en una version angular 16 como lo puedo actualizar?

Mateo Arias Correa

Fernando

a mi me funciono 2023-01-07 instalando la version 6.14.17 de node,la instale usando nvm y despues instale angular 10

Diego Frank Lipa Choque

• npm install --no-audit

Juan David Quiñonez

Hace un año

ya estamos en angular 19, pero este curso sigue siendo genial.

like si lo ves en 2025

Jonathan Bernal

Hace 10 meses

2026

Victor Santiago Realpe Muñoz

Donde esta el curso anterior que menciona el profesor?

https://platzi.com/cursos/angular16/

Jia Wang

Hola muy buenas Nicolás, no sé si es algo temporal pero la página web de la API: https://store.nicobytes.site/api no está actualmente en funcionamiento, ¿podrías mirarlo por favor? Necesitaría tenerla levantada para poder continuar el curso.

Hola tienes razón hemos movido esta API conocida como https://store.nicobytes.site/api. Y se ha sido trasladada a https://fakeapi.platzi.com/, la cual cuenta con las mismas características, una mejor documentación y soporte, con esto podrás continuar el curso

Muchas gracias Nico! Justo me acabo de dar cuenta que no me había fijado en este apartado del curso: https://platzi.com/clases/2027-angular-forms/58595-recomendaciones/

Un detalle que he notado al migrar el proyecto a la nueva API es que el modelo de producto ha cambiado: ahora _id es id, name es title e image es un array llamado images. Por lo que he tenido que cambiar las referencias en los componentes product-detail, product y products, quizás sería interesante señalar también esto en la página de recomendaciones!

MARIA VICTORIA DE LUCAS VAQUERO

Hola, acabo de terminar el curso de Fundamentos de Angular y el siguiente de Angular Componentes y Servicios. Mi pregunta es si el presente curso de Angular Forms es el correcto para continuar o si me he saltado alguno que debería tomar. Lo pregunto principalmente porque veo que en este curso el proyecto de Platzi My-Store está ya muy avanzado. Espero me puedan orientar, por favor.

Kevin Fiorentino

Hola! El orden es el siguiente:

Fundamentos de Angular
Componentes y Servicios
Consumo API Rest con Angular
Lazy Loading y Programación Modular Luego hay otros tantos como el actual de Angular Forms que también puedes hacer u otros de testing. Saludos!

Carlos Gomez

No he podido ejecutar el proyecto, alguien tiene una solución reciente ?

oscar rueda

estos proyectos de angular, ninguno me compila

john alex zapata jimenez

como bajo el repositorio en la rama 1..

como hago para correr el proyecto ? no me esta dejando. necesito su ayuda. instalo con npm i = los modulos, pero a la hora cargar el servidor con ng serve no deja.

Luis Angel Castillo Vega

Ya estamos en 17!! jeje Aun es de relevancia este curso.

Victor Alejandro Bejarano Aldana

Algunas recomendaciones para cuando lo installen, instalar el angular 10 para ser mas exacto el 10.2.7, si al dar ng serve le sale este error:

agregar la linea "compilerOptions": { "allowSyntheticDefaultImports": true } en los archivos tsconfig.json, tsconfig.app.json, tsconfig.base.json y tsconfig.spec.json:

y si sale este error:

instalen el angular-cdk con el siguiente comando: npm install @angular/cdk --save y ya les correra bien

Alina Salinas Mendoza

Uffff se ve que este curso sera muy dinamico para la creacion de forms!. me gusta!!!!

Recursos

Resumen

Implementación de Formularios Reactivos en Proyectos Angular

Implementación de Formularios Reactivos en Proyectos Angular

Implementación de Formularios Reactivos en Proyectos Angular

Progreso del curso

Conoce la importancia de los formularios para tu sitio web

Primeros pasos con Angular Forms

Descubre todas las validaciones de Angular Forms

Implemeta validaciones avanzadas en PlatziStore

Construye formularios dinámicos conectando una API

Estrategias avanzadas y optimización de formularios

Implementación de Formularios Reactivos en Proyectos Angular

Implementación de Formularios Reactivos en Proyectos Angular

Recursos

Resumen

Comentarios

Recursos

Resumen

Comentarios