Icono del sitio Blog de Programación y Desarrollo – Nube Colectiva

Como Crear una Página Web con Node JS 10, Express JS 4 y Bootstrap 4 – Parte 1

Demo

Node JS es quizás una de las tecnologías más importantes de los últimos años, cuenta con muchos paquetes y herramientas que nos ayudan a crear aplicaciones potentes de alto rendimiento, si decides crear una página con Node JS es posible de la mano con Express JS y Bootstrap 4, en este tutorial te enseñaremos como hacerlo, vamos con el tutorial.

Partes

Antes de continuar con el artículo te recomendamos leer los siguientes artículos para que estés más familiarizado con este tutorial

Si ya tienes conocimiento en Node JS y Bootstrap, puedes omitir los artículos y continuar con este tutorial.

Nueva Aplicación en Node JS 10

Comenzamos creando una nueva aplicación con Node JS, ve a tu consola de comandos y ejecuta el siguiente comando


El sistema te va pedir que escribas ciertos datos, ingresalos y trata que queden de la siguiente manera, tu puedes llenarlos según desees


Puedes abrir el archivo package.json que se creo en la carpeta de tu proyecto y editar los datos manualmente y guardarlos, ten cuidado con mover lo que no sabes, puedes provocar errores al intentar editarlos.

Despliegue de Express JS 4

Vamos a instalar el paquete de Express JS 4 para poder trabajar con rutas y lo necesario para nuestro proyecto, ve a tu consola de comandos y ejecuta lo siguiente


La versión que instalamos es la 4 de Express JS, en un futuro puede quedar obsoleta. Si quieres instalar la última versión de Express ejecuta el siguiente comando en tu consola de comandos

Despliegue de Bootstrap 4

Ahora vamos a instalar Bootstrap para crear las interfaces adaptables a las pantallas o dispositivos móviles, pero boostrap 4 nos pide 2 librerías para poder funcionar que son:

Ve a tu consola de comandos y ejecuta el siguiente comando para instalar jQuery, espera que termine de instalar


Luego para instalar Popper JS ejecuta el siguiente comando, espera que termine de instalar.


Instala ambas librerías una por una.

Ahora podemos pasar a instalar Bootstrap, para ello ejecuta lo siguiente en tu consola de comandos


Espera que termine, no muevas nada para que no haya conflictos en la instalación.

Conclusión

En este capitulo empezamos creando la primera aplicación con Node JS y desplegando las librerías necesarias para armar el proyecto, algunos comando o pasos pueden cambiar en un futuro, no depende de nosotros si no de las empresas que dan soporte a las herramientas o librerías.

 

Síguenos en las Redes Sociales para que no te pierdas nuestros próximos contenidos.
Salir de la versión móvil