
Presentación al curso
Veremos que es este framework de nuxt
Veremos algunas opciones de editores de texto para trabajar nuestro código
Veremos como instalar vue en nuestro equipo
Veremos como crear un proyecto vue
Veremos como esta compuesto un proyecto vue
Uso de los componentes
Uso de las propiedades y el v-bind en vue
Veremos el uso de esta propiedad
Veremos el uso de la directiva v-model
Uso de directiva v-for
Veremos como utilizar métodos con eventos
Practicas donde seguimos practicando con los métodos
Veremos como crear nuestro primer proyecto con nuxt
Veremos la estructura de un proyecto en nuxt
Veremos como crear rutas con nuxt
Veremos como enviar parámetros con las rutas dinámicas
Veremos como utilizar los nuxt-links para direccionar en las rutas
Enviaremos parámetros con nuestros métodos
Aprendermos como validar parametros
Uso de los layouts en nuxt
Crearemos una pagina de error con los layouts
Uso de los componentes en nuxt
Primer proyecto en el curso
Empezaremos nuestro proyecto
Usando axios para llamar una api
Usaremos los componentes de bootstrap
Enviaremos el id de un juego a una ruta dinamica
Proyecto api-movies
¿Qué es vuex?
Veremos los estados
Veremos las mutaciones de vuex
Veremos las acciones
Veremos ahora los getters
Proyecto intro vuex
Iniciando proyecto
Modificando el layout con el toolbar
Formulario con vuetify
Crear proyecto en firebase
Guardar en firebase
Grid vuetify
Mostrando datos
Creando la store de vuex
Middleware
Crearemos el diseño de las cards
Crearemos una ventana modal
Ahora empezaremos a editar
Editar parte II
Eliminar registro
Proyecto fire-nuxt
Hola que tal, quiero presentarte este nuevo curso sobre Nuxt, el framework para potenciar vue y crear aplicaciones universales.
Pero que es Nuxt, Nuxt el es framework que hará que cualquier trabajo con vue sea potenciado al máximo, gracias a la posibilidad de crear apps con server side rendered, también llamadas universales, lo que significa que serán mas potentes, mas rápidas y estarán adaptadas para el seo, haciendo que la indexación en buscadores sea mucho mas sencilla, logrando que tus proyectos sean encontrados mas fácil por los buscadores.
Nuxt no sacrifica para nada el poder de vue, al contrario lo potencia agregando nuevas funcionalidades y adaptando vuex y vue router de una manera excepcional, haciendo que nuestro trabajo sea mucho mas sencillo y rápido, con Nuxt podrás crear apps en menor tiempo olvidándonos de configuraciones tediosas ya que en Nuxt todo ya esta configurado.
En el curso veremos cosas muy interesantes, como introducción a vue y vuex, también exploraremos todo la estructura de Nuxt , creando proyectos con apis y también utilizaremos firebase para crear un crud completo, y en el diseño veremos frameworks como la versión de bootstrap-vue y sus componentes que hace el trabajo mas fácil, y ademas de vuetify un framework css creado enteramente en vue.
Animate a descubrir este nuevo framework y alcanza la máxima potencia de vue con nuxt.
Nos vemos en clase…