Frontend

Curso Vue.js en Español

Con Vue.js podrás crear aplicaciones con interfaces web interactivas, creando desde componentes dinámicos hasta Single Page Applications.

4.1 (706 valoraciones)
6 horas y 59 minutos · curso
Curso de Vue.js

Lo que aprenderás en este curso:

Requisitos del curso

Si quieres sacar el máximo provecho de este curso, necesitarás un conocimiento medio de HTML, CSS y Javascript. También te vendrá bien haber tenido alguna experiencia con algún framework SPA tipo Angular.

Valoraciones de estudiantes:

  • 5
  • 4
  • 3
  • 2
  • 1
4.1
706 valoraciones

Contenido del curso:

    • 2 m
    • Introducción a Vue.js
      6 m
    • Comunidad y ecosistema
      11 m
    • Componentes
      13 m
    • Entorno de desarrollo y CLI
      12 m
    • Nuestro primer componente
      13 m
    • 17 m
    • Babel
      11 m
    • JSX, pero para Vue
      4 m
    • Data y props
      12 m
    • Computed propertis y watchers
      10 m
    • Ciclo de vida
      8 m
    • Comunicación entre componentes
      10 m
    • Bus de eventos
      8 m
    • Componentes asíncronos
      7 m
    • 5 m
    • HTML y PUG
      6 m
    • CSS, SASS o POSTCSS
      11 m
    • Bindings
      11 m
    • Directivas
      18 m
    • Filtros
      4 m
    • Transiciones
      6 m
    • Fetch en nuestros componentes
      14 m
    • Vitaminando nuestras peticiones con Axios
      6 m
    • Introducción a Vue-router
      6 m
    • Definición de rutas
      12 m
    • Heredar propiedades
      7 m
    • Hooks
      11 m
    • Redirecciones
      5 m
    • Navegación desde nuestros componentes
      8 m
    • Karma, nuestro test runner
      3 m
    • Test unitarios de nuestro componentes
      16 m
    • End-to-end con nightwatch
      16 m
    • 11 m
    • ¿Vuex?
      3 m
    • State y getters
      15 m
    • Mutaciones y acciones
      20 m
    • Módulos y organización
      6 m
    • Generación de builds
      4 m
    • ¿Qué es SSR y por qué es necesario?
      6 m
    • Implementar SSR
      11 m
    • Nuxtjs y otros frameworks
      14 m
También te puede interesar

Te dejamos una selección de cursos, carreras y artículos

Desarrollo web Frontend

Desarrollo web Frontend Profesional

17 horas y 51 minutos · curso

Con Vue.js podrás crear aplicaciones con interfaces web interactivas, creando desde componentes dinámicos hasta Single Page Applications.

  • Frontend
HTML5, CSS3 y JavaScript

Curso de HTML5, CSS3 y JavaScript

7 horas y 9 minutos · curso

Con Vue.js podrás crear aplicaciones con interfaces web interactivas, creando desde componentes dinámicos hasta Single Page Applications.

  • Frontend

Dudas frecuentes

1

¿Cuál es el precio?

En OpenWebinars no vendemos cursos, talleres o laboratorios unitarios.

Tenemos diferentes tipos de suscripciones, que te dará acceso completo a todos los cursos de la plataforma y a los nuevos que vamos lanzando, siempre y cuando tu suscripción esté activa (como Spotify con la música o Netflix con las películas y series).

¿Eres una empresa? Tenemos planes especiales para ti. Consúltanos aquí.

2

¿Obtengo un diploma de certificación?

En todos los cursos existe un examen final para evaluar tus conocimientos adquiridos. Si superas este examen con más de un 80% de preguntas correctas obtendrás el diploma de certificación. Puedes realizar un intento cada 24 horas.

Este diploma es un certificado privado emitido por OpenWebinars, y valorado en el mundo empresarial, ya que tenemos grandes compañías clientes que se forman con nosotros y valoran nuestras certificaciones.

No olvides poner tu certificación en tu perfil Linkedin y en tu currículum.

3

¿Cuándo comienza el curso?

En OpenWebinars los cursos no tienen fecha de inicio y de final.

Cada curso tiene una fecha de publicación y desde ese día estarán 100% disponible todos los contenidos del curso para los usuarios suscritos a alguno de nuestros planes.

 

¿Buscas un curso de Vue.js 2 en español? Aquí tienes una formación online que te permitirá conocer todas las posibilidades de este framework progresivo.

Aprende a utilizar este interesante framework para la programación backend con este completo curso de Vue.js en español, y que podrás hacer en tu tiempo libre.

Durante este curso vas a aprender a manejar Vue de forma avanzada, y serás capaz de crear desde aplicaciones sencillas hasta proyectos más grandes, gracias a esta tecnología.

Para comenzar te mostraremos una completa introducción para acercarte a Vue.js, su ecosistema y su comunidad, así podrás hacerte una idea de su potencial y de sus enormes posibilidades a la hora de desarrollar con el mismo.

También te hablaremos sobre los componentes, el entorno de desarrollo y sobre Vue CLI, el cliente con el que crear proyectos en Vue. Finalizaremos realizando de forma práctica un primer componente, utilizando todo lo visto hasta entonces.

Una vez ya has hecho la primera toma de contacto con Vue.js, pasaremos a detallar qué es ECMAScript, sus fundamentos y las nuevas especificaciones que incorpora. En el mismo bloque te explicamos además qué es y cómo funciona el compilador Babel.

Pasaremos después al primer apartado del curso dedicado completamente a los componentes en Vue, detallando a fondo el objeto data y el atributo props, viendo cómo utilizar la extensión JSX dentro de Vue.js y desarrollando los conceptos de bus de eventos y componentes asíncronos, entre otros puntos.

La segunda parte dedicada a los componentes la centramos en el estilo de los mismos, dónde aprenderás la sintaxis en los templates empleados, a utilizar HTML y el motor de plantillas PUG y el empleo de CSS, SASS y PostCSS.

En este bloque también te formaremos en lo referente a bindings, directivas, filtros y transiciones, todos conceptos de gran importancia en el desarrollo con Vue.js.

Seguidamente veremos un par de servicios externos que utilizaremos también, como son la interfaz que nos proporciona la API Fetch y la librería de promesas llamada Axios.

Finalizado todo lo referente a los componentes, nos metemos de lleno en el tema de rutas con Vue.js, primero con una breve introducción a Vue-router, y después entrando ya en las bases y fundamentos de las rutas, viendo sus propiedades heredadas, hooks, redirecciones, etc.

Luego haremos una sección dedicada a testear los componentes que hayamos realizado, para lo que utilizaremos el test runner Karma.js y el framework Nightwatch.js.

De ahí pasamos a un apartado tan importante como es el que dedicamos a la arquitectura Flux y a su implementación Vuex. Durante este tramo del curso aprenderás conceptos como state y getters, mutaciones y acciones y módulos y organización.

Iremos finalizando la formación con una breve lección sobre la producción y generación de builds, además de otra dedicada a solucionar el SEO desde el servidor, implementando el server-side rendering o SSR.

Y para finalizar veremos algunos frameworks para Vue.js, para ayudarnos en el desarrollo de aplicaciones web, haciendo hincapié sobre todo en Nuxt.js.

Las cookies nos permiten ofrecer nuestros servicios. Al utilizar nuestros servicios, aceptas el uso que hacemos de las cookies. Más Información.