Curso Profesional de Vue.js

Clases del Curso Profesional de Vue.js

Instruido por:
Ignacio Anaya
Ignacio Anaya
Intermedio
9 horas de contenido
Ver la ruta de aprendizaje
Crea una single page app usando Vue.js avanzado.
Proyecto del curso
Crea una single page app usando Vue.js avanzado.

Crea una single page application completa utilizando VUEJS como un profesional. Conéctate a un API para obtener datos, implementa búsquedas, programa un reproductor de audio y genera un MVP de una aplicación de streaming de música 100% funcional.

Curso Profesional de Vue.js

Curso Profesional de Vue.js

Progreso del curso:0/53contenidos(0%)

Contenido del Curso
Tutoriales de estudiantes
Preguntas de estudiantes

Progreso del curso:0/53contenidos(0%)

Introducción

Material Thumbnail

Bienvenidos al Curso Profesional de VueJS

01:01 min

Material Thumbnail

Introducción a VueJS

12:58 min

CLI y Dev Tools

Material Thumbnail

Herramientas y Experiencia de Desarrollo + Archivos .vue

06:13 min

Material Thumbnail

CLI - Hello World

12:50 min

Material Thumbnail

Webpack

10:38 min

Material Thumbnail

Babel

05:06 min

Material Thumbnail

Eslint

15:34 min

Material Thumbnail

SASS y BULMA

06:18 min

Material Thumbnail

PUG

04:23 min

Ejercicio de SASS y PUG

00:20 min

Ejercicio Avanzado de Pug y SASS

00:32 min

Manipulación del DOM

Material Thumbnail

Computed properties

04:13 min

Material Thumbnail

Integración a Platzi Music

19:03 min

Ejercicio de Manipulación del DOM

03:00 min

REST y HTTP

Material Thumbnail

Consumir API's REST

10:59 min

Sistema de Componentes

Material Thumbnail

Creación de componentes

09:50 min

Material Thumbnail

Comunicación entre componentes padres e hijos

23:27 min

Material Thumbnail

Comunicación de hijos hacia padres

12:04 min

Material Thumbnail

Utilización de Slots

13:42 min

Material Thumbnail

Comunicacion entre Componentes Genericos - Event Bus y Plugins

19:19 min

Vue Router

Material Thumbnail

Introducción a Vue Router

02:59 min

Material Thumbnail

Instalar vue-router y configurar router view

13:45 min

Material Thumbnail

Crear y Navegar Rutas con router-link

23:10 min

Clases, Animaciones y Transiciones36

Material Thumbnail

Vue Transitions y Animaciones de CSS

06:54 min

Nuxt.js

Material Thumbnail

Server Side Rendering

03:21 min

Material Thumbnail

Conceptos Básicos de Nuxt

26:51 min

Deploy a Producción con Now

Material Thumbnail

Configuración de now y deploy

05:34 min

Conclusiones

Bonus

Material Thumbnail

Internacionalización con vue-i18n

08:51 min

Material Thumbnail

Unit Test Karma - Mocha & Webpack

10:51 min

Material Thumbnail

Implementación de Autenticación de Usuarios en Vue usando JWT

39:36 min

nuevosmás votadossin responder
Juan Pablo Fonnegra García
Juan Pablo Fonnegra García
Estudiante

Sigo obteniendo el error de que then no se puede usar en undefined.
El api responde bien, si tengo el return,

import platziMusicService from'./platzi-music'const trackService = {}

trackService.search = function (q) {
  consttype = 'track'
  platziMusicService.get('/search', {
    params: { q: q, type: type }
  })
    .then((res) => {
      return res.data
    })
}

exportdefault trackService
<script>import trackService from'./services/track'exportdefault {
  name: 'app',
  data () {
    return {
      searchQuery: '',
      tracks: []
    }
  },
  computed: {
    searchMessage() {
      returnthis.tracks.length +" canciones encontradas."
    }
  },
  methods: {
    search () {
      trackService.search(this.searchQuery).then( res => {
        console.log(res)
        this.tracks=res.tracks.items
      })
    }
  }
}
</script>
1
Luis Anderson Rujeles Franco
Luis Anderson Rujeles Franco
Estudiante

Hola, me podrian ayudar a resolver este error al hacer deployd, gracias

ERROR in build.js from UglifyJs
Unexpected token: operator (>) [./~/sweetalert2/dist/sweetalert2.all.js:25,0][build.js:59516,27]
npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! [email protected] build: cross-env NODE_ENV=production webpack --progress --hide-modules
npm ERR! Exit status 2
npm ERR!
npm ERR! Failed at the [email protected]0.0 build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\luchi\AppData\Roaming\npm-cache_logs\2021-06-14T20_23_48_251Z-debug.log

1
jgarciafi
jgarciafi
Estudiante

Como se puede hacer funciones que devuelvan componentes?

Por ejemplo, tener una tabla, pero que los datos sean dinámicos, e incluso uno de ellos devuelve una función que genera un componente de vue

En react es super sencillo
function foo(){
return (
<Component/>
)
}

Pero en vue esto no funciona

1
joex45125
joex45125
Estudiante

no logro montarlo en vercel 😐 nose si la ruta esta mal o simplemente no funciona

0
eduardovillarroel
eduardovillarroel
Estudiante

De que depende las versiones de vuetify que se instala cuando creo mi proyecto,

yarncreate-nuxt-app <project-name>

Como especifico la version de vue y vuetify que deseo instalar?

0
joex45125
joex45125
Estudiante

como hago que desaparezca el reproductor cuando hago una nueva busqueda o cuando le doy borrar??

0
José Luis Barboza Gonzales
José Luis Barboza Gonzales
Estudiante

un ejemplo en que caso podría usar before updated y updated ya que estos se ejecutan cada vez que hay un cambio en el componente

0
José Luis Barboza Gonzales
José Luis Barboza Gonzales
Estudiante

la url de la api no esta disponible al parecer

http://platzi-music.now.sh 
0
José Luis Barboza Gonzales
José Luis Barboza Gonzales
Estudiante

cual es la diferencia si tengo instalado el Eslint de visual studio con estas configs?

0
joex45125
joex45125
Estudiante

alguna explicacion de como hacerlo con axios??

1