Como Validar un Formulario con Angular 7 – Parte 1

3 minuto(s)

Demo

En este artículo queremos compartir contigo, una de varias maneras de crear un formulario para tus proyectos con Angular 7 y Bootstrap 4, hasta la fecha de este artículo ambos Frameworks se encuentran en sus últimas versiones, vamos a guiarte paso a paso los pasos necesarios para que el formulario quede muy bien. En este tutorial te enseñaré a Como Validar un Formulario con Angular 7, vamos con ello. 

Partes

  • Parte 1
  • Parte 2 (Final – Código Fuente GitHub)

Nosotros avalamos el desarrollo de Software ágil, ya que en la vida real los proyectos se manejan con poco tiempo y debemos de terminarlos con mucho tiempo de anticipación.

Abre tu consola de comandos y ejecuta el siguiente comando para Crear un nuevo proyecto


Espera que termine de crear el proyecto, no muevas nada para que no te de algún error.

Se nos ha creado un nuevo directorio para el proyecto, y dentro de este directorio se ha creado una estructura de archivos y carpetas para nuestro proyecto


Verificamos si el proyecto se ha creado sin problemas, ingresamos a la carpeta de nuestro proyecto y ejecutamos en la consola el siguiente comando


Abrimos el servidor https://localhost:4200/  y podemos ver que nuestro proyecto se ha creado correctamente

Vamos a verificar la versión de Angular que estamos usando, para esto ejecutaremos el siguiente comando


Puedes ver que el paquete Angular Dev Kit Core que es el centro de Angular, junto con otras dependencias se encuentra en la versión 7.1.0, entonces estamos en el camino correcto, haciendo uso de Angular 7

Conclusión

En este artículo ya tenemos desplegado el nuevo proyecto con Angular 7, en el siguiente capitulo crearemos el formulario con Bootstrap 4, asi mismo haremos la validación de los campos con Angular.

 

Síguenos en nuestras Redes Sociales para que no te pierdas nuestros próximos contenidos.