[6] Conversor de Moneda Vue.js – Maquetación Html, Css, Bootstrap

Vamos a empezar nuestro proyecto práctico de vue.js y en este les enseñaremos a desarrollar un conversor de monedas y para esto vamos a utilizar una API y les mostraré el paso a paso.

En este vídeo construiremos la interfaz para poder construir la aplicación, dentro de los mismos archivos que veníamos trabajando vamos a crear un nuevo archivo el cual llamaré “Conversor_moneda.html”

Y aquí nos podremos ayudar de bootstrap y vamos a getbootstrap.com aqui damos click a get started  y buscamos started template y copiamos todo este código para obtener la estructura básica de nuestro html usando bootstrap y empezamos a personificar este código. según vamos a ver en nuestro  vídeo.

 

Ahora vamos a instalar nuestro Vue.js en la versión development como desarrollador

Ahora dentro de nuestro body vamos a crear nuestras etiquetas necesarias para el desarrollo de nuestro proyecto.

Lo primero que crearemos es un div o simplemente #app muy importante saber que este div es el que nos va a envolver todo.

 

Ver Vídeo

 

Te puede interesar...