CursosEmpresasBlogLiveConfPrecios

Introducción a Vue.js

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

Contenido del curso

Fundamentos de Vue.js

  • 1
    ¿Dónde aprender Vue.js 3?

    ¿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?

    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
      Obtén respuestas inmediatasProfundiza lo que acabas de ver

      Comentarios

      Alfredo Ramirez

      Alfredo Ramirez

      student•
      hace 9 años
        Freddy Córdova Arana

        Freddy Córdova Arana

        student•
        hace 8 años
        Samuel Marin

        Samuel Marin

        student•
        hace 8 años
      Jose Andres Gonzalez Guevara

      Jose Andres Gonzalez Guevara

      student•
      hace 9 años
        Yomar Esteban Miranda Sarmiento

        Yomar Esteban Miranda Sarmiento

        student•
        hace 8 años
        Ricardo Moreno

        Ricardo Moreno

        student•
        hace 8 años
      Henry De La Hoz

      Henry De La Hoz

      student•
      hace 9 años
        Edwin Patricio Camino Zambrano

        Edwin Patricio Camino Zambrano

        student•
        hace 9 años
        Juan C Felizzola

        Juan C Felizzola

        student•
        hace 9 años
      Diego Hernán Moreno Amaya

      Diego Hernán Moreno Amaya

      student•
      hace 9 años
      Francisco Hernandez

      Francisco Hernandez

      student•
      hace 9 años
        Ricardo Celis

        Ricardo Celis

        teacher•
        hace 9 años
      Gregorio Garcia

      Gregorio Garcia

      student•
      hace 9 años
        Jose alberto Lopez Jimenez

        Jose alberto Lopez Jimenez

        student•
        hace 7 años
      Marco Alexander Mateo Mateo

      Marco Alexander Mateo Mateo

      student•
      hace 7 años
        Angelina Licona Retama

        Angelina Licona Retama

        student•
        hace 7 años
      Steven Benjamín Diaz Flores

      Steven Benjamín Diaz Flores

      student•
      hace 7 años
      Michel Daniel Betancourt Gil

      Michel Daniel Betancourt Gil

      student•
      hace 9 años
        Omar Flores Grimontt

        Omar Flores Grimontt

        student•
        hace 8 años
        Andrés Ariza

        Andrés Ariza

        student•
        hace 8 años
      Andrés Fabián Guerrero

      Andrés Fabián Guerrero

      student•
      hace 8 años
      Rocio Calderon Hernandez

      Rocio Calderon Hernandez

      student•
      hace 7 años
      Johan Manuel Perez Soto

      Johan Manuel Perez Soto

      student•
      hace 7 años
      David Santiago González Ramos

      David Santiago González Ramos

      student•
      hace 9 años
      Carlos Eduardo López Pérez

      Carlos Eduardo López Pérez

      student•
      hace 7 años
      Ariel Omar Carrión Alcocer

      Ariel Omar Carrión Alcocer

      student•
      hace 8 años
      Juan Miguel Caberta Ramirez

      Juan Miguel Caberta Ramirez

      student•
      hace 7 años
      Usuario anónimo

      Usuario anónimo

      user•
      hace 8 años
        Diego Forero

        Diego Forero

        Team Platzi•
        hace 8 años
      Carlos Eduardo López Pérez

      Carlos Eduardo López Pérez

      student•
      hace 7 años
      Carlos Eduardo López Pérez

      Carlos Eduardo López Pérez

      student•
      hace 7 años
      Alexander Valencia

      Alexander Valencia

      student•
      hace 7 años

      Más cursos con Sacha ❤️

      Y con Leonidas

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

      Recomendado para todos => Libro

      Gracias por la info (y)

      Gracias! se agradece

      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

      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! 😃

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

      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

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

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

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

      jajajajja el mejor comentario EVER!

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

      muchsa gracias :)

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

      Alguno sabe que son las dependencias auto-trackeadas

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

      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.

      Tu debiste haber dado el curso de REACT

      Que alegría encontrarte con Sacha de sorpresa

      Este tipo si me agrada, bastante profesional...

      Buenoo a empezar el curso con toodas las ganas!

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

      mi momento ha llegado.

      Muy buena explicacion, suena bastante interesante!!

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

      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.

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

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

      este curso se ve bastante prometedor!!!!