Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA CompTIA Security+ Amazon AWS Microsoft AZ-900
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Personal Transformation Mindfulness Life Purpose Meditation CBT Emotional Intelligence
Web Development JavaScript React CSS Angular PHP Node.Js WordPress Vue JS
Google Flutter Android Development iOS Development React Native Swift Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
Microsoft Power BI SQL Tableau Business Analysis Data Modeling Business Intelligence MySQL Data Analysis Blockchain
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Business Plan Startup Freelancing Online Business Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Web Development Vue JS

Vue JS (2 y 3) - Crea Aplicaciones Web Modernas con Vue

Todo sobre Vue JS 2 y 3, Bindings, Directivas, Vue-CLI, Componentes, Formularios, Vue-Router, Composition API y Vuex
Rating: 4.3 out of 54.3 (1,039 ratings)
28,737 students
Created by Grover Vásquez
Last updated 3/2021
Spanish
Spanish [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • Saber ¿Qué es Vue JS?, para que sirve y como puedes empezar.
  • Operaciones básicas del entorno de trabajo con Vue JS para crear aplicaciones.
  • Aprende todas las Directivas de Vue y pónlas en práctica.
  • Crear Componentes Web y aprende como utilizarlos en tu aplicación web.
  • Utilizar Filtros para manejar cadenas o textos, fechas y monedas.
  • Utilizar Vue DevTools y monitorea en tiempo real los resultados de tu App.
  • Aprende a utilizar Vue CLI para crear tus proyectos más amigables.
  • Integrar BootStrap en tu proyecto con Vue.
  • Rutas en Vue JS con Vue-Router.
  • Manejo de estados de tu aplicación con Vuex
  • Fundamentos de Vue JS 3
  • Composition API - Lo nuevo de Vue

Course content

16 sections • 173 lectures • 13h 43m total length

  • Preview00:39
  • Preview08:05
  • ¿Cómo hacer preguntas?
    00:34
  • Ecosistema Vue
    08:13
  • Software a utilizar
    04:30
  • VS Code y complementos para Vue
    06:18
  • Otras alternativas
    05:11
  • Preview07:28
  • Utilizar Vue.js en la app anterior
    11:27

  • Preview00:48
  • La instancia de Vue.js parte 1
    03:24
  • La instancia de Vue.js parte 2
    00:13
  • Preview09:40
  • Interpolación de Strings
    03:42
  • Números y Booleans
    03:21
  • Las Directivas
    05:35
  • Data Binding parte 1
    05:36
  • Data Binding parte 2
    05:01
  • Data Binding parte 3
    04:19
  • Explicación de los Bindings
    01:47
  • Data Binding de doble vía ó bidireccional (Two-Way)
    06:33
  • Creando una lista utilizando la directiva v-for
    04:28
  • Matriz con notación de Índice
    03:56
  • Listando objetos
    02:41
  • El objeto methods
    04:05
  • Uso de v-once para evitar el doble rendering
    03:55
  • Uso de la directiva v-html
    03:54
  • Directiva v-show
    05:35
  • Directiva v-if
    04:21
  • Escuchando eventos
    07:05
  • Obtener datos de los eventos
    04:19
  • Pasar parámetros a los métodos
    02:48
  • Prueba Fundamentos de Vue.js
    4 questions

  • Preview00:52
  • Preview06:46
  • Formateo de texto utilizando ES
    03:11
  • Recurso para formateo de monedas
    00:12
  • Formateando monedas con filtros
    08:56
  • Recurso para formateo de Fechas
    00:07
  • Formateando fechas con filtros
    04:38
  • Propiedad Computada o calculada
    08:44
  • Ordenar lista con propiedad computada
    07:31
  • Observables
    08:26
  • Prueba de filtros, propiedades computadas y observadores.
    1 question

  • La instancia de Vue
    10:50
  • Primera App con Vue
    03:54
  • Agregando la propiedad template
    01:45
  • Interacción de usuarios con métodos
    05:34
  • Directivas v-if, v-else
    04:39
  • Directiva v-for
    02:58
  • Propiedades computadas
    03:50
  • Class Binding
    04:30
  • Simplificando v-on y v-bind
    02:40
  • Validación de entrada
    10:09
  • La increíble directiva v-model
    05:03
  • Crear Primer Componente
    06:40
  • Props - Comunicación de componentes padre a hijo
    06:00
  • Métodos en el componente
    04:02
  • Comunicación de componentes hijo a padre con eventos.
    10:49
  • Código fuente de la sección
    00:02

  • Preview00:33
  • Iniciando Vue
    08:13
  • Integrar Bootstrap 4
    02:26
  • Expresiones, Sintaxis y Vue-DevTools
    06:22
  • Creando la lista de compras
    02:45
  • Reactividad en la Lista
    04:48
  • Agregar un elemento a la lista
    05:17
  • Agregar método y sintaxis reducida de v-on
    02:48
  • Test del método con Vue-DevTools
    03:47
  • Representación condicional
    08:39
  • Evitar elementos vacíos en la lista
    04:30
  • Elementos de la lista como objetos
    02:35
  • Agegar clase CSS dinámica
    07:02
  • Ordenar la lista de forma reversa
    05:11
  • Código de la sección
    00:02

  • Preview00:49
  • Instalar Node
    03:23
  • Instalar Vue CLI
    04:26
  • Creando un proyecto con Vue CLI
    08:08
  • Estructura del proyecto
    05:49
  • Creando proyecto con Vue CLI UI
    05:25
  • Single File Component y Vetur
    04:25

  • Introducción
    00:58
  • Estilos en el componente
    04:30
  • Componente button personalizado
    09:40
  • Class Binding 2
    02:29
  • Componente input personalizado
    06:29
  • Validación dinámica
    11:51
  • Estado del formulario
    10:47
  • Validando el formulario
    08:06
  • Finalizando el formulario
    06:46
  • Código de la sección
    00:02

  • Preview00:31
  • Vista previa de la App
    01:25
  • Ajustes iniciales
    03:48
  • Enlazando formulario con el modelo
    05:08
  • Registrando notas
    05:12
  • Listando las notas
    05:46
  • Eliminar elemento de la lista
    03:55
  • Código de la sección.
    00:02

  • Preview08:48
  • Extendiendo los componentes
    04:32
  • Componente en línea
    03:10
  • El método data
    03:20
  • Anidando componentes
    07:56
  • Estructura de un componente Vue
    07:19
  • Creando primer componente Vue
    04:51
  • Otras formas de llamar un componente Vue
    02:01
  • Uitilizando Single Vue File Component
    09:08
  • El Componente Root
    03:31
  • Agregando más componentes
    08:00
  • Código de la sección
    00:03

  • Preview01:30
  • Creando el proyecto
    05:09
  • Independencia de componentes
    07:57
  • Comunicar componente padre a hijo usando props
    12:44
  • Simplificando los componentes
    05:14
  • Componente anidado (Nested component)
    05:32
  • Componentes globales y locales
    02:43
  • Comunicar componente hijo a padre utilizando eventos.
    12:17

Requirements

  • Contar con una PC con Windows, Linux o una Mac
  • Conocimientos básicos de HTML y JavaScript
  • Muchas ganas de aprender

Description

¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡¡ MÁS de 25,000 ESTUDIANTES !!!!!!!!!!!!!!!!

Vue JS, es uno de los Frameworks de desarrollo web muy utilizado en la actualidad, con el vas a poder crear sitios web modernos que cubran todas las necesidades que un desarrollador web pueda imaginar.

Bienvenido a nuestro curso de Vue JS en su versión 2, también llamado VueJS 2, este curso esta orientado para que lo empieces desde cero, vamos a empezar a conocer Vue JS desde sus conceptos básicos, hasta empezar a crear pequeñas pero funcionales aplicaciones, en donde podrás notar la funcionalidad que puedes conseguir con este poderoso Framework.

No importa donde lo búsques (Google, GitHub, Tendencias) ni como lo mires, Vue JS se está convirtiendo rápidamente en la estrella del desarrollo web utilizando un Framework de JavaScript.

El desarrollo reactivo se está volviendo muy popular, ya que brindan una mejor experiencia a los usuarios, y esto lo vemos en el desarrollo de aplicaciones móviles, pero hoy en día gracias a los Frameworks o marcos de trabajao desarrollados, en JavaScript, podemos llevar esa reactividad a los navegadores. VueJS ya es tendencia y como tal se requiere cada día de personas con este conocimiento.

Estoy seguro que muchos conocen o escucharon hablar de Angular o ReactJS, ambos muy buenos y con sus características propias que hacen que el desarrollo web sea como un juego, VueJS une o combina la mejor de ambos Frameworks, y hace que el desarrollo de aplicaciones web de todo nivel sea aún más divertido y funcional. Y si no escuchaste de los dos Frameworks o tampoco conoces algo de ellos, no te preocupes, que no necesitas de esos conocimientos para aprender VueJS, lo iremos aprendiendo durante el desarrollo del curso.

Lo que vas a aprender en el curso:

  • ¿Qués es Vue JS y porqué deberías utilizarlo?

  • Crear tu entorno de trabajo para empezar con VueJS.

  • Todos los tipos de Uniones o Datan Bindings.

  • Fundamentos de Vue JS 2 y 3.

  • Uso de las diferentes Directivas de Vue JS.

  • Creación de Componentes Web.

  • Como implementar tu aplicación en producción.

  • Comunicación entre componentes.

  • Varias Apps, incluyendo carrito de compras.

  • Integrar Bootstrap a tus proyectos con Vue.

  • Vue CLI 3.

  • Vue Router o rutas en Vue JS.

  • Fomularios con Vue JS.

  • Manejo de estados de la aplicación con Vuex.

  • Composition API - Próximamente.

Que dicen algunos de los estudiantes inscritos en el curso:

★★★★★ "Muy buen curso, aunque la sección de "Rutas en Vue JS" lo sentí un poco largo y sin el mismo orden que tenían las secciones anteriores. Pero no quiere decir que es algo negativo o malo, solo que a mi percepción no siguió la misma línea de las otras secciones.", Humberto

★★★★★ "Le doy 5 estrellas todo bien exelente profesor y lecciones mas que claras con ejemplos y pequeños proyectos.", Roy

★★★★★ "Todo muy bien explicado, sabe de lo que habla, excelente introducción de Vue.JS, cubrió todos los aspectos importantes de Vue.js.", Jesús Rosas

★★★★★ "El curso es excelente y está muy bien estructurado hasta el momentos Felicito al profesor.", Will

★★★★★ "El profesor posee una excelente capacidad comunicativa. Totalmente recomendable. Muchas gracias por tomarse el tiempo de compartir conocimientos.", Carlos

...

En cada una de las secciones te acompañaran pequeños ejercicios, y evaluaciones para reforzar tus conocimientos, nuestra misión es que no solo veas código, sino que también lo practiques.

Para firnalizar recuerda que todos nuestros cursos tienen actualizaciones periódicas, eso garantiza que siempre tendrás un curso actualizado, también no olvides que tienes la garantía de devolución de tu dinero por parte de UDEMY. Espero verte dentro.

Who this course is for:

  • Personas que deseasn aprender desarrollo web Front-End.
  • Personas que desean aprender a crear web modernas.
  • Desarrolladores web que quieran empezar a utilizar un Framework en sus desarrollo.
  • Estudiantes de informática que tengan inclinación de aprender sobre desarrollo web.
  • Cualquier personas que quiera conocer y aprender sobre Vue JS.

Instructor

Grover Vásquez
Ingeniero, Analista Programador y Especialista en Seguridad
Grover Vásquez
  • 4.4 Instructor Rating
  • 9,302 Reviews
  • 115,990 Students
  • 15 Courses

¡Más de 100,000 estudiantes en más de 130 países están aprendiendo con nuestros cursos! Echa un vistazo a las CLASES GRATUITAS!

Profesional de TI con más de 10 años de experiencia, en el campo de las Tecnologías , Programación y la Seguridad de la Información.

Instructor Online y presencial de cursos de programación de aplicaciones.

Experiencia en: Análisis de sistemas, redes, servidores Windows-Linux, desarrollo web con HTML5, CSS3, JavaScript, PHP, Java, Javascript, Angular, IONIC, Vue JS y desarrollo de Apps Android nativas e híbridas, Seguridad Informática, Seguridad de la Información, Marketing Digital y Posicionamiento de sitios web.

Certificado como Implementador Líder en ISO 27001 de PECB.

Empecé mi emprendimiento creando el sitio web de Programación Web y Móvil Código OnClick, donde comparto información relacionada a programación y Tecnologías de la Información.

También desde nuestro sitio web podrás obtener el acceso a todos nuestros cursos, con su mejor precio disponible.

La tecnología nos conecta a todos de muchas maneras. Abre las puertas a quienes lo adoptan y aprenden cómo hacer que esas conexiones sean reales.

Mi objetivo en Udemy es hacer que mis cursos estén diseñados para ayudarlo a aprender y actualizar sus habilidades.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.