Crear un Formulario con Angular 7 y Bootstrap 4 + Validación – Parte 1

Tutoriales

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.

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 http://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.
Newsletter

Suscríbete a Nuestro Boletín de Novedades:

(Luego de la suscripción no te va salir ningun mensaje. Solo revisa tu bandeja de Correo para confirmar tu suscripción)
* indicates required