Nuxt js: aplicaciones universales con vue js

Aprende a usar nuxt, vue js, vuex, axios, routing, vuetify, bootstrap-vue, firebase y crea apps server side rendered

4.60 (180 reviews)
Udemy
platform
Español
language
Web Development
category
603
students
5.5 hours
content
Oct 2021
last update
$19.99
regular price

What you will learn

Crear aplicaciones universales con nuxt y vue

Conocer la estructura y manejo de archivos de nuxt

Manejar vuex dentro del entorno nuxt

Utilizar vue y vue-cli para la creación de proyectos

Usar firebase y crear un crud con este servicio

Utilizar los framework css bootstrap-vue y vuetify

Crear aplicaciones con ajax, apis y axios

Utilizar heroku para producción de app SSR

Description

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…

Content

Introducción

Presentación
¿Qué es Nuxt?
Editor de texto

Introducción a Vue

Comenzando con vue
Creando primer proyecto vue
Estructura de vue
Componentes
Propiedades y v-bind
Data
v-model
v-for
Métodos y eventos
TodoList con metodos
Proyecto intro vue

Comenzando con Nuxt

Crear primer proyecto nuxt
Estructura de un proyecto nuxt
Rutas en nuxt
Rutas dinámicas con parametros
vinculos con nuxt-link
Parametros en métodos
Validar parametros
Layouts
Página de error
Componentes
Proyecto primer-nuxt

APIs, AJAX, AXIOS Y BOOTSTRAP-VUE

Creando proyecto
API
CORS
AXIOS
Mostrar datos con b-card
Enviar parametro en ruta dinamica
Diseño de card en juego individual
V-IF
Slider de imágenes
Proyecto api-games

Introducción a vuex con nuxt

Vuex
STATE
MUTATIONS
ACTIONS
GETTERS
Proyecto intro vuex

Firebase + Vuetify + Vuex

Iniciando proyecto
Toolbar
Creando formulario
Crear proyecto firebase
Guardar en firebase
Sistema de grid de vuetify
Mostrar datos desde firebase
Store con vuex
Middleware
Diseño de cards
Ventana modal
Editar parte I
Editar parte II
Eliminar registro
Proyecto fire-nuxt

Enviar a producción con heroku

Tipos de producción en nuxt
Instalación de herramientas
Subir proyecto a heroku

Screenshots

Nuxt js: aplicaciones universales con vue js - Screenshot_01Nuxt js: aplicaciones universales con vue js - Screenshot_02Nuxt js: aplicaciones universales con vue js - Screenshot_03Nuxt js: aplicaciones universales con vue js - Screenshot_04

Reviews

Carlos
October 18, 2022
Deberias verlo solo si ya tienes experiencia con vue. Es muy, muy basico, y no ahonda en los fundamentos. Se que es un curso sobre nuxt.js pero se podrian mencionar en los videos fundamentos tambien. Y hace falta dejar claro buenas practicas de codigo en Vue. Compralo solo si ya haz tomado un curso de vue previamente.
Daniel
August 10, 2022
Un curso bien explicado y con buenos ejemplos. Aunque utiliza una versión antigua y alguna que otra cosa no ha funcionado como en el curso, pero con la documentación oficial es suficiente. Lo recomiendo.
Alicia
July 5, 2022
El instructo hace muy buen trabajo, me gusta que el curso sea rapido y no tenga tantas horas ya que no es necesario ver horas y horas, cuando las explicaciones son concisas.
Filemón
April 7, 2022
Explica de manera muy basica para entrar en contacto con la tecnologia y despues toma de lleno temas avanzados, es importante considerar tener un poco de conocimiento de vue antes de tomar el curso.
Ivan
September 13, 2021
Me gustó la forma de explicar, todo muy claro para mi. Solo hubo una sección que no pude seguir a la par por un tema de que actualizaron la API que utilizó el profesor pero todo excelente.
Carlos
July 19, 2021
Explicaciones claras y concisas y directamente al grano sin mucha paja. Todo lo que hace explica el porqué
XirectDS
February 1, 2021
Le falta una actualización es un poco viejo, la api de igdb necesita otra autenticación. Por lo demás está bien el curso.
Pablo
December 27, 2020
El curso es muy básico y el instructor se ve que tiene conocimiento, sin embargo está muy mal estructurado y no profundiza en los temas. Para alguien que está empezando, creo que puede ser un buen inicio, pero definitivamente hace falta más estándares y mucho mayor contendio.
Antonio
August 5, 2020
Buen curso, quizá faltó tiempo para explicar más los detalles complicados para los que somos principiantes! La ventaja de este curso, por estar en Udemy, es que lo puedo volver a ver para revisar con más calma aquellas cuestiones que me costaron trabajo! Sin embargo, para alguien que ya tiene cierta experiencia en esta tecnología le puede resultar muy buen curso.
Jordi
May 18, 2020
No se entra en la explicación del funcionamiento de Nuxt a fondo, solamente se toca brevemente. Los proyectos podrían hacerse tanto como SPA como con Nuxt.
Rafael
April 21, 2020
Muy buen curso y sin tantos rodeos y dirigido a Nuxt. Me gusto mucho, espero sigas haciendo mas videos y solo poner atención en los detalles en explicar cosas que quiza si necesitan hasta un video para ser aclaradas.... Saludos y espero volver a toparme con algun video tuyo nuevamente.
Luis
April 12, 2020
Lo mejor de Nuxt es el SEO y no vi nada sobre ese tema. Lo demas ya se ve en VUE, lo unico que se explico fue sobre las , pero rutas con nuxt pero lo mas importante como el SEO con nuxt no vi nada.... Para empezar con nuxt esta mas o menos el curso, pero ni siquiera se metio validaciones ni nada de aplicación de la vida real
David
May 14, 2019
Buen curso, es simple y me gusto que mostrara hasta el punto de pasarlo a produccion. Hay partes que explica muy bien como diferencias entre layout y components o entre interpolaciones y v-bind. A mi me hubiera gustado que hablara de más "teoria" por asi decirlo, que explicara más algunos flujos en vez de que solo escribiera. Por ejemplo cuando usaba los commit con el store o los middelware quedó muy colgado de como funcionaban estos. Sentia a veces que le daba más importancia a la sintaxis, es decir, hablaba más de como escribir en vez de como funcionaba algunas cosas. Por ejemplo cuando usó el fetch creo que necesitaba más explicación o el porque usaba asyncData y demás, en vez de 5 minutos de la sintaxis detallada del carousel de sliders con bootstrap. Aclaro que a mi me hubiera gustado eso, tal vez hay gente que aprende mejor asi. Si el problema de explicar estas cosas es por el tiempo de los videos creo que se podria ahorrar mucho tiempo si ya tiene armada varias estructuras del html de antemano y mostrando que en la documentacion estaban esos formatos, un ejemplo es el tiempo configurando el v-card. Ya que despues uno se va a apoyar en la documentacion cuando tenga que usar estos componentes Creo que cuando hacia las comparaciones era el punto más fuerte. Insisto, hubiera estado bueno que ya tenga las estructuras armadas hardcodeadas y despues muestre como conectandose con las bases de datos utilizando axios más detallado y despues un v-ford le daba ese dinamismo y potencia que tiene vue. Igual se le entiende cuando habla, busca la simplesa a la hora de explicar pero creo que habia cosas que necesitaban más explicación. Por ejemplo cuando hace la intro de heroku explica muy bien y era necesaria.
alejandro
March 29, 2019
Excelente curso muy bien explicado, los temas son manejados de forma clara y profesional con un dominio en el tema, ideal para los que comienza en vue.js y los que desea aprender nuxt.js 100% recomendado este curso.
Diego
March 12, 2019
Por que el curso es simple y muy atendible, no se necesita ser tener mucha experiencia en javascript o vue para seguir paso a paso lo que hace el instructor, muy bueno para todos los que desean comenzar con nuxt.

Coupons

DateDiscountStatus
12/12/201983% OFF
expired
3/7/202083% OFF
expired
9/14/202083% OFF
expired

Charts

Price

Nuxt js: aplicaciones universales con vue js - Price chart

Rating

Nuxt js: aplicaciones universales con vue js - Ratings chart

Enrollment distribution

Nuxt js: aplicaciones universales con vue js - Distribution chart
2213942
udemy ID
2/12/2019
course created date
11/24/2019
course indexed date
Bot
course submited by