CursosEmpresasBlogLiveConfPrecios

Introducción a Vue.js

Clase 2 de 17 • Curso Básico de Vue.js 2016

Clase anteriorSiguiente clase

Contenido del curso

Fundamentos de Vue.js

  • 1

    ¿Dónde aprender Vue.js 3?

    00:15 min
  • 2
    Introducción a Vue.js

    Introducción a Vue.js

    Viendo ahora
  • 3
    Hola mundo con Vue.js

    Hola mundo con Vue.js

    11:47 min
  • 4
    Manejo de condiciones con Vue.js

    Manejo de condiciones con Vue.js

    11:53 min
  • 5
    Filtro de datos en Vue.js

    Filtro de datos en Vue.js

    07:02 min
  • 6
    Control de eventos con Vue.js

    Control de eventos con Vue.js

    10:28 min
  • 7
    Manejo de formularios con Vue.js

    Manejo de formularios con Vue.js

    17:11 min
  • 8
    Listar elementos con Vue.js

    Listar elementos con Vue.js

    08:00 min
  • 9
    Cómo crear componentes con Vue.js

    Cómo crear componentes con Vue.js

    15:27 min

Creando un Single Page App con Vue.js

  • 10
    PlatziMusic con Vue.js

    PlatziMusic con Vue.js

    09:49 min
  • 11
    Incorporando Stylus y Pug

    Incorporando Stylus y Pug

    10:07 min
  • 12
    Configurando la API de Lastfm en Vue.js

    Configurando la API de Lastfm en Vue.js

    19:55 min
  • 13
    Estructurando componentes en Vue.js

    Estructurando componentes en Vue.js

    12:37 min
  • 14
    Actualizando datos en la interfaz con Vue.js

    Actualizando datos en la interfaz con Vue.js

    07:26 min
  • 15
    Agregando indicador de progreso a la aplicación

    Agregando indicador de progreso a la aplicación

    05:46 min
  • 16
    Enviando una aplicación con Vue.js a producción

    Enviando una aplicación con Vue.js a producción

    09:59 min
  • 17

    Se acaba este curso ¿quieres seguir aprendiendo Vue.js?

    00:31 min
Tomar examen
Resumen

Vue.js es una nueva librería de JavaScript centrada en la creación de interfaces de usuarios.

En este vídeo vamos a introducirte en esta librería, comparándola con los dos grandes más conocidos de JavaScript: React y Angular.

Escuelas

  • Desarrollo Web
    • Fundamentos del Desarrollo Web Profesional
    • Diseño y Desarrollo Frontend
    • Desarrollo Frontend con JavaScript
    • Desarrollo Frontend con Vue.js
    • Desarrollo Frontend con Angular
    • Desarrollo Frontend con React.js
    • Desarrollo Backend con Node.js
    • Desarrollo Backend con Python
    • Desarrollo Backend con Java
    • Desarrollo Backend con PHP
    • Desarrollo Backend con Ruby
    • Bases de Datos para Web
    • Seguridad Web & API
    • Testing Automatizado y QA para Web
    • Arquitecturas Web Modernas y Escalabilidad
    • DevOps y Cloud para Desarrolladores Web
  • English Academy
    • Inglés Básico A1
    • Inglés Básico A2
    • Inglés Intermedio B1
    • Inglés Intermedio Alto B2
    • Inglés Avanzado C1
    • Inglés para Propósitos Específicos
    • Inglés de Negocios
  • Marketing Digital
    • Fundamentos de Marketing Digital
    • Marketing de Contenidos y Redacción Persuasiva
    • SEO y Posicionamiento Web
    • Social Media Marketing y Community Management
    • Publicidad Digital y Paid Media
    • Analítica Digital y Optimización (CRO)
    • Estrategia de Marketing y Growth
    • Marketing de Marca y Comunicación Estratégica
    • Marketing para E-commerce
    • Marketing B2B
    • Inteligencia Artificial Aplicada al Marketing
    • Automatización del Marketing
    • Marca Personal y Marketing Freelance
    • Ventas y Experiencia del Cliente
    • Creación de Contenido para Redes Sociales
  • Inteligencia Artificial y Data Science
    • Fundamentos de Data Science y AI
    • Análisis y Visualización de Datos
    • Machine Learning y Deep Learning
    • Data Engineer
    • Inteligencia Artificial para la Productividad
    • Desarrollo de Aplicaciones con IA
    • AI Software Engineer
  • Ciberseguridad
    • Fundamentos de Ciberseguridad
    • Hacking Ético y Pentesting (Red Team)
    • Análisis de Malware e Ingeniería Forense
    • Seguridad Defensiva y Cumplimiento (Blue Team)
    • Ciberseguridad Estratégica
  • Liderazgo y Habilidades Blandas
    • Fundamentos de Habilidades Profesionales
    • Liderazgo y Gestión de Equipos
    • Comunicación Avanzada y Oratoria
    • Negociación y Resolución de Conflictos
    • Inteligencia Emocional y Autogestión
    • Productividad y Herramientas Digitales
    • Gestión de Proyectos y Metodologías Ágiles
    • Desarrollo de Carrera y Marca Personal
    • Diversidad, Inclusión y Entorno Laboral Saludable
    • Filosofía y Estrategia para Líderes
  • Diseño de Producto y UX
    • Fundamentos de Diseño UX/UI
    • Investigación de Usuarios (UX Research)
    • Arquitectura de Información y Usabilidad
    • Diseño de Interfaces y Prototipado (UI Design)
    • Sistemas de Diseño y DesignOps
    • Redacción UX (UX Writing)
    • Creatividad e Innovación en Diseño
    • Diseño Accesible e Inclusivo
    • Diseño Asistido por Inteligencia Artificial
    • Gestión de Producto y Liderazgo en Diseño
    • Diseño de Interacciones Emergentes (VUI/VR)
    • Desarrollo Web para Diseñadores
    • Diseño y Prototipado No-Code
  • Contenido Audiovisual
    • Fundamentos de Producción Audiovisual
    • Producción de Video para Plataformas Digitales
    • Producción de Audio y Podcast
    • Fotografía y Diseño Gráfico para Contenido Digital
    • Motion Graphics y Animación
    • Contenido Interactivo y Realidad Aumentada
    • Estrategia, Marketing y Monetización de Contenidos
  • Desarrollo Móvil
    • Fundamentos de Desarrollo Móvil
    • Desarrollo Nativo Android con Kotlin
    • Desarrollo Nativo iOS con Swift
    • Desarrollo Multiplataforma con React Native
    • Desarrollo Multiplataforma con Flutter
    • Arquitectura y Patrones de Diseño Móvil
    • Integración de APIs y Persistencia Móvil
    • Testing y Despliegue en Móvil
    • Diseño UX/UI para Móviles
  • Diseño Gráfico y Arte Digital
    • Fundamentos del Diseño Gráfico y Digital
    • Diseño de Identidad Visual y Branding
    • Ilustración Digital y Arte Conceptual
    • Diseño Editorial y de Empaques
    • Motion Graphics y Animación 3D
    • Diseño Gráfico Asistido por Inteligencia Artificial
    • Creatividad e Innovación en Diseño
  • Programación
    • Fundamentos de Programación e Ingeniería de Software
    • Herramientas de IA para el trabajo
    • Matemáticas para Programación
    • Programación con Python
    • Programación con JavaScript
    • Programación con TypeScript
    • Programación Orientada a Objetos con Java
    • Desarrollo con C# y .NET
    • Programación con PHP
    • Programación con Go y Rust
    • Programación Móvil con Swift y Kotlin
    • Programación con C y C++
    • Administración Básica de Servidores Linux
  • Negocios
    • Fundamentos de Negocios y Emprendimiento
    • Estrategia y Crecimiento Empresarial
    • Finanzas Personales y Corporativas
    • Inversión en Mercados Financieros
    • Ventas, CRM y Experiencia del Cliente
    • Operaciones, Logística y E-commerce
    • Gestión de Proyectos y Metodologías Ágiles
    • Aspectos Legales y Cumplimiento
    • Habilidades Directivas y Crecimiento Profesional
    • Diversidad e Inclusión en el Entorno Laboral
    • Herramientas Digitales y Automatización para Negocios
  • Blockchain y Web3
    • Fundamentos de Blockchain y Web3
    • Desarrollo de Smart Contracts y dApps
    • Finanzas Descentralizadas (DeFi)
    • NFTs y Economía de Creadores
    • Seguridad Blockchain
    • Ecosistemas Blockchain Alternativos (No-EVM)
    • Producto, Marketing y Legal en Web3
  • Recursos Humanos
    • Fundamentos y Cultura Organizacional en RRHH
    • Atracción y Selección de Talento
    • Cultura y Employee Experience
    • Gestión y Desarrollo de Talento
    • Desarrollo y Evaluación de Liderazgo
    • Diversidad, Equidad e Inclusión
    • AI y Automatización en Recursos Humanos
    • Tecnología y Automatización en RRHH
  • Finanzas e Inversiones
    • Fundamentos de Finanzas Personales y Corporativas
    • Análisis y Valoración Financiera
    • Inversión y Mercados de Capitales
    • Finanzas Descentralizadas (DeFi) y Criptoactivos
    • Finanzas y Estrategia para Startups
    • Inteligencia Artificial Aplicada a Finanzas
    • Domina Excel
    • Financial Analyst
    • Conseguir trabajo en Finanzas e Inversiones
  • Startups
    • Fundamentos y Validación de Ideas
    • Estrategia de Negocio y Product-Market Fit
    • Desarrollo de Producto y Operaciones Lean
    • Finanzas, Legal y Fundraising
    • Marketing, Ventas y Growth para Startups
    • Cultura, Talento y Liderazgo
    • Finanzas y Operaciones en Ecommerce
    • Startups Web3 y Blockchain
    • Startups con Impacto Social
    • Expansión y Ecosistema Startup
  • Cloud Computing y DevOps
    • Fundamentos de Cloud y DevOps
    • Administración de Servidores Linux
    • Contenerización y Orquestación
    • Infraestructura como Código (IaC) y CI/CD
    • Amazon Web Services
    • Microsoft Azure
    • Serverless y Observabilidad
    • Certificaciones Cloud (Preparación)
    • Plataforma Cloud GCP

Platzi y comunidad

  • Platzi Business
  • Live Classes
  • Lanzamientos
  • Executive Program
  • Trabaja con nosotros
  • Podcast

Recursos

  • Manual de Marca

Soporte

  • Preguntas Frecuentes
  • Contáctanos

Legal

  • Términos y Condiciones
  • Privacidad
  • Tyc promociones
Reconocimientos
Reconocimientos
Logo reconocimientoTop 40 Mejores EdTech del mundo · 2024
Logo reconocimientoPrimera Startup Latina admitida en YC · 2014
Logo reconocimientoPrimera Startup EdTech · 2018
Logo reconocimientoCEO Ganador Medalla por la Educación T4 & HP · 2024
Logo reconocimientoCEO Mejor Emprendedor del año · 2024
De LATAM conpara el mundo
YoutubeInstagramLinkedInTikTokFacebookX (Twitter)Threads
        Alfredo Ramirez

        Alfredo Ramirez

        student•
        hace 9 años

        Más cursos con Sacha ❤️

          Freddy Córdova Arana

          Freddy Córdova Arana

          student•
          hace 8 años

          Y con Leonidas

          Samuel Marin

          Samuel Marin

          student•
          hace 7 años

          mucho fan yaoi 😄 (había k hacerlo hehe)

        Jose Andres Gonzalez Guevara

        Jose Andres Gonzalez Guevara

        student•
        hace 9 años

        Recomendado para todos => Libro

          Yomar Esteban Miranda Sarmiento

          Yomar Esteban Miranda Sarmiento

          student•
          hace 8 años

          Gracias por la info (y)

          Ricardo Moreno

          Ricardo Moreno

          student•
          hace 8 años

          Gracias! se agradece

        Henry De La Hoz

        Henry De La Hoz

        student•
        hace 9 años

        Vue.JS tiene el apoyo de Laravel (el framework de PHP), lo cual es un voto de confianza y abre un campo para complementar web applications con backend Laravel utilizando este framework progresivo

          Edwin Patricio Camino Zambrano

          Edwin Patricio Camino Zambrano

          student•
          hace 9 años

          Así es, he estado revisando Passport de Laravel y en el tutorial de como implementarlo está Vue.js para desarrollar la interfaz de usuario… me puse a investigar y ahora estoy más convencido de aprender Vue.js con este curso! … como dices. Un voto de confianza por el apoyo de Laravel! 😃

          Juan C Felizzola

          Juan C Felizzola

          student•
          hace 8 años

          He querido probarla con Laravel, voy a ver cómo me va

        Diego Hernán Moreno Amaya

        Diego Hernán Moreno Amaya

        student•
        hace 8 años

        Mis apuntes:

        Características:

        • Framework Progresivo: Poco a poco se podrá ir incrementando la complejidad según la necesidad, si se necesita componentes se pueden usar, o si se quiere usar para algo sencillo también es una buena opción
        • MV*: Librería de Model - View, no importa que usemos detrás como controladores
        • Reactivo: Al cambiar los modelos de nuestra aplicación, las vistas se van a actualizar automáticamente.
        • Vue.js core -> UI: Está orientado a la interfaz
        • Componentes: Está orientado a componentes re-utilizables para ser utilizados a lo largo de nuestra app todas las veces que queramos.
        • Fácil de aprender: Especialmente para diseñadores, es más fácil decirle a Vue qué queremos que suceda en vez de cómo queremos que suceda.
        • Vue.js + herramientas + librerías = SPA: Single Page Aplication muy sencilla y muy buena

        Vue.js vs React:

        Similitudes:

        • Virtual DOM: Estructuda de objetos de JS que va modificando y comparando lo que hay dentro del DOM y saber cuáles son los elementos que debe modificar específicamente.
        • Componentes
        • Librería core sólo siver para la UI

        Performance:

        • Minimizar las interacciones con el DOM
        • Minimizar los cálculos de JS para saber qué modificar

        Update perfomance:

        • shouldComponentUpdate y estructuras de datos inmutables.
        • Dependencias auto-trackeadas
        Francisco Hernandez

        Francisco Hernandez

        student•
        hace 9 años

        Aquí desde Venezuela , disfrutando mi BECA , quería ver este curso desde hace tiempo

          Ricardo Celis

          Ricardo Celis

          teacher•
          hace 9 años

          hey! excelente y además se viene el curso Pro de Vue.js el próximo martes así que empiezas justo a tiempo =)

        Gregorio Garcia

        Gregorio Garcia

        student•
        hace 8 años

        Algún día Sacha creará Sacha.js jajaja

          Jose alberto Lopez Jimenez

          Jose alberto Lopez Jimenez

          student•
          hace 7 años

          jajajajja el mejor comentario EVER!

        Marco Alexander Mateo Mateo

        Marco Alexander Mateo Mateo

        student•
        hace 7 años

        Para los que estan empezando a aprender VueJS este curso les ayudara a entender entender la estructura y conceptos elementales:

          Angelina Licona Retama

          Angelina Licona Retama

          student•
          hace 7 años

          muchsa gracias :)

        Steven Benjamín Diaz Flores

        Steven Benjamín Diaz Flores

        student•
        hace 6 años

        Como me he alegrado al saber que Sacha imparte este curso, un gran profesor en verdad

        Michel Daniel Betancourt Gil

        Michel Daniel Betancourt Gil

        student•
        hace 8 años

        Alguno sabe que son las dependencias auto-trackeadas

          Omar Flores Grimontt

          Omar Flores Grimontt

          student•
          hace 8 años

          Yo tampoco entendí eso de las dependencias auto-trackeadas.

          Andrés Ariza

          Andrés Ariza

          student•
          hace 8 años

          Creo que se refiere a que vue automáticamente sabe que componente actualizar (No dependencia) en cambio react toca verificar si el estado del componente cambio.

        Andrés Fabián Guerrero

        Andrés Fabián Guerrero

        student•
        hace 8 años

        Tu debiste haber dado el curso de REACT

        Rocio Calderon Hernandez

        Rocio Calderon Hernandez

        student•
        hace 6 años

        Que alegría encontrarte con Sacha de sorpresa

        Johan Manuel Perez Soto

        Johan Manuel Perez Soto

        student•
        hace 6 años

        Este tipo si me agrada, bastante profesional...

        David Santiago González Ramos

        David Santiago González Ramos

        student•
        hace 9 años

        Buenoo a empezar el curso con toodas las ganas!

        Carlos Eduardo López Pérez

        Carlos Eduardo López Pérez

        student•
        hace 7 años

        Resumen mamalon: Vue se esta comiendo a React y acabando sigue Angular ... odienme perritas

        Ariel Omar Carrión Alcocer

        Ariel Omar Carrión Alcocer

        student•
        hace 7 años

        mi momento ha llegado.

        Juan Miguel Caberta Ramirez

        Juan Miguel Caberta Ramirez

        student•
        hace 7 años

        Muy buena explicacion, suena bastante interesante!!

        Gabriel Aarón Mancera Martínez

        Gabriel Aarón Mancera Martínez

        student•
        hace 8 años

        vue.js es buena decisión para desarrollar FrontEnd? para desarrollar plantillas de diseño FrontEnd?

          Diego Forero

          Diego Forero

          Team Platzi•
          hace 8 años

          Si, es posible una de las ventajas de vue es su fácil curva de aprendizaje y que su arquitectura no es tan compleja a diferencia de React que es más compleja aunque en mi opinión también es más robusta. Para aplicaciones pequeñas sin duda se puede usar Vue y para cosas más complejas me iría por React.

        Carlos Eduardo López Pérez

        Carlos Eduardo López Pérez

        student•
        hace 7 años

        Resumen mamalon: Vue se va a comer a React y despues se va a air por Angular.. odienme perritas

        Carlos Eduardo López Pérez

        Carlos Eduardo López Pérez

        student•
        hace 7 años

        Resumen mamalon: Vue se esta comiendo a React y despues se va a air por Angular… odienme perritas

        Alexander Valencia

        Alexander Valencia

        student•
        hace 7 años

        este curso se ve bastante prometedor!!!!