Introducción

1

Fundamentos de Vue: Componentes y Desarrollo de Aplicaciones Web

2

Vue.js: Desarrollo de Aplicaciones Web Profesionales

3

Creación de aplicaciones reactivas con Vue.js y HTML

Rendering Declarativo y Manipulación de DOM

4

Renderizado Declarativo en JavaScript: Estado y Vista Sincronizados

5

Uso de Expresiones JavaScript en Plantillas de Vue.js

6

Directivas para Atributos Dinámicos en HTML con Vue.js

7

Directivas de Renderizado Condicional en HTML con Vue.js

8

Uso de la Directiva v-for en Vue.js para Renderizar Listas

9

Manejo de Eventos en Vue.js: Click y Mouseover

10

Condiciones y Clases Dinámicas en Vue.js

11

Estilos Dinámicos en JavaScript: Cambios de Color Interactivos

12

Propiedades Computadas y Watchers en Vue.js

13

Interacción dinámica con formularios y directivas en Vue.js

14

"Crear un Tracker de Cursos con Vue.js"

Sistema de Componentes

15

Sistema de Componentes en Fren Word: Modularización y Reutilización

16

Creación de Componentes Personalizados en Vue.js

17

Comunicación entre Componentes en Vue.js: Props y Data Binding

18

Comunicación entre Componentes en Vue: Emisión y Manejo de Eventos

19

Uso de Slots para Inyectar HTML en Componentes Hijos

20

Ciclo de Vida de Componentes en Vue.js

21

Componentes de Vue: Creación y Gestión Eficiente

22

Componente Modal y Componente Principal en Vue.js

Ambiente de Desarrollo

23

Configuración Profesional de Vue.js con Visual Studio Code

24

Creación de Aplicaciones con Dios CLI y su Configuración Básica

25

Componentes de Archivo Único en Vue.js

26

Comandos esenciales para proyectos con Vue CLI y configuración de entorno

Platzi Exchange

27

Instalación y configuración de Tailwind CSS en proyectos HTML

28

Creación y Gestión de Componentes VUE en Proyectos Web

29

Creación de Aplicaciones SPA con Vue Router

30

Uso de Fetch API para Interactuar con Servidores HTTP

31

Filtros y Directivas para Mejorar Interfaces en JavaScript

32

Creación de Rutas Dinámicas en Vue.js para Criptomonedas

33

Navegación Dinámica y Programática en Vue.js

34

Integración de Componentes de Terceros en Proyectos Vue.js

35

Manejo de Problemas de Reactividad en Vue.js

36

Filtros y Ordenamiento en Tablas de Datos con JavaScript

37

Implementación de Rutas Dinámicas y Conversor de Criptomonedas en Vue.js

¡A producción!

38

Publicación de Aplicaciones con Git y Netlify

Rendering Declarativo y Manipulacion de DOM

Fundamentos de Vue: Componentes y Desarrollo de Aplicaciones Web

1/38
Recursos
Transcripción

¿Qué aprenderás en el curso de fundamentos de Vue.js?

Prepárate para sumergirte en el mundo de Vue.js, un curso diseñado para llevar tus habilidades en desarrollo web al siguiente nivel. Guiado por Nacho, un experto en el tema, aprenderás a manejar conceptos clave de Vue.js, dominar el sistema de componentes y explorar el sistema reactivo declarativo. Este curso te otorga las herramientas necesarias para crear aplicaciones web robustas y profesionales.

¿Qué es Vue.js y por qué es importante?

Vue.js es un framework progresivo de JavaScript conocido por su simplicidad y versatilidad. Pero, ¿qué significa realmente "framework progresivo"? A diferencia de otros frameworks, Vue.js se puede adoptar de forma gradual, lo que ofrece la flexibilidad de integrarlo en proyectos ya existentes sin necesidad de reescribir todo el proyecto. Además, su sistema de componentes reutilizables facilita la creación de interfaces de usuario complejas y dinámicas.

¿Cómo se utiliza el sistema de componentes de Vue.js?

  • Reutilización de código: Uno de los mayores beneficios del sistema de componentes es que permite reutilizar bloques de código en diferentes partes de la aplicación.
  • Mantenibilidad: Facilita el mantenimiento y la escalabilidad del código, ya que cada componente funciona de manera independiente.
  • Modularidad: Los componentes permiten separar la lógica y el diseño de la aplicación, mejorando la organización del código.

¿Qué es el sistema reactivo declarativo?

Vue.js emplea un poderoso sistema reactivo que automáticamente detecta cambios en los datos y actualiza la interfaz de usuario en consecuencia. Esto se logra mediante su capacidad para crear y gestionar estados de manera eficiente. En este curso, profundizaremos en cómo funciona este sistema, enseñándote a usar características como watchers, computed properties y data bindings.

¿Cuál es el proyecto práctico del curso?

La teoría se pone en práctica a través de un proyecto emocionante: PlatziExchange. Este proyecto te permitirá trabajar con una API para obtener información en tiempo real sobre criptomonedas. Aprenderás cómo integrar datos externos a tu aplicación Vue.js, mejorando la interfaz de usuario y añadiendo funcionalidades progresivamente para obtener un producto profesional.

¿Por qué elegir Vue.js para tus proyectos web?

  • Fácil aprendizaje: Su curva de aprendizaje es más suave comparada con la de otros frameworks como Angular o React.
  • Rendimiento: Es ligero y tiene un rendimiento excelente, lo que lo hace ideal para aplicaciones modernas.
  • Comunidad activa: Vue.js cuenta con una comunidad vibrante y activa que constantemente contribuye con librerías y recursos, permitiendo resolver problemas y enriquecer proyectos.

Consejos prácticos para dominar Vue.js

  • Practica constantemente: La teoría es fundamental, pero la práctica constante afianza el conocimiento.
  • Explora casos de uso reales: Investiga proyectos y aplicaciones que utilicen Vue.js para inspirarte y aprender de las soluciones implementadas.
  • Participa en la comunidad: Involúcrate en meetups, foros y eventos. Compartir tus experiencias y aprender de otros es inestimable.

A medida que te adentres en el curso, te animamos a absorber tanto conocimiento como sea posible, practicar lo aprendido y explorar todas las capacidades que Vue.js tiene para ofrecer. ¡Tu viaje en el desarrollo de aplicaciones web solo acaba de comenzar!

Aportes 68

Preguntas 6

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

Ok. Inicio viaje con VUE y Nacho Amaya. Vamos a ver como me va. Suerte a todos los que inician este curso.

Justo le digo a un compañero “deveriamos usar vue para este projecto” acto seguido platzi saca el curso de vue al dia siguiente

VueJS será el primer framework de javascript que voy a aprender, intente con React cuando no estaba preparado, ahora que me prepare voy primero con Vue.

Vamos con toda!

¿Deberías tomar este curso con la versión 2? 😮

.
Si te haces la pregunta de tomar este curso o directamente el de la versión 3, te recomiendo que si lo tomes ya que aprenderás las bases fundamentales para manejar y entender las versiones posteriores a esta.
.
Te quiero dejar este emocionante documental donde podrás conocer un poco sobre la historia de Vue.js, su creador y otros aspectos que te interesaran.
.

Vue.js: El Documental 😃

Yo me pregunto qué tanto cambiará en vue 3

Vamos a rockear con Vue!

Vengo del curso de React.js y he quedado fascinado, ahora a ver el poder de Vue.js

Tengo casi 5 meses usando Vue JS 2 y debo decir que es bastante amigable para quienes estamos empezando con el desarrollo web con JS. EN general me he sentido bastante cómodo utilizandolo…

Inicio mi camino en Vue, ahí vamos!!

vale la pena este curso al dia de hoy o mejor comenzar con la version 3?

se ve prometedor el curso

Interesenta. Ahora vamos a aprender acerca de este framework.

Vasmos con todo** @Ignacio Anaya** espero mucho de éste curso!!!

Se ve muy interesante, vamos a darle

Hola profesor quisiera saber cuando tienen pensado sacar un curso de Vue3
Soy el único a quien le preocupa esto?

Suena genial el Vue.js, vamos con todo!

Genial! eh estado esperando ansiosamente por este curso :3

este curso se ve muy interesante y espero poder aprender a dominar este framework de javascript.

VUE FTW

Vue me encanta. Hace mas de un año programo mis proyectos con Vue. Pero ahora hace poco empecé a trabajar con React. Quiero seguir aprendiendo con Vue pero también necesito aprender React por el trabajo. Mi cabeza va a explotar!

Yo trabajaba con Angular y siempre tenia problemas con ciertos aspectos del framework, y pensé en trabajar con react pero al conocer vuejs me enamoré de framework

Excelente curso Vamos por más!

Voy empezando con Vue.js y espero aprender mucho en este curso para seguir con mi aprendizaje sobre desarrollo web.

Starting!!!

okey.

Manejo el Framework de Angular, Pero voy a probar Vuejs a ver que tal!

Iniciemos con VUE

Me encantó este curso. Ya uso Vue.js pero seguro no le saco ni el 20% de su potencial.

Hola! Les deseo Suerte en el Curso. Nos sirve también aunque haya salido la versión de Vue 3.
Exitos
Aquí les dejo más información:
https://pablomagaz.com/blog/nueva-composition-api-vue-3

❤️

ooomg

let s gooo

let me seee

aprendo mucho con ustedees

muchas gracias bro

gracias profe

very much

yes

very good

thanks teacher

Para todas aquellas personas nuevas que estén iniciando con el curso, les recomiendo usar la versión 2 de Vue.js, puesto que es en la que está basada el curso general. Se van a encontrar con incompatibilidades a lo largo del trayecto si no cambian esta versión.

Es fácil hacerlo, al momento de ejecutar el comando "vue create “nombre_proyecto”, les aparecerá la posibilidad de elegir “Vue 3” y “Vue 2”, eligiendo “Vue 2” que es la versión del framework con la cual trabaja el curso.

Comienzo este curso gracias al curso de frameworks y librerias de JavaScript

Vamos con todo a aprender Vue.js

Ah que buen proyecto, se ve interesante

Buenos dias a todos,les dire a tomar el curso para mejorar y a darle,bendiciones.

Seleccione Vue como el primer framework para iniciar, me lo recomendaron mucho entonces, ahí vamos!!!

Here we go!

Tengo conocimientos previos de React, nunca he tocado Vue, vamos a ver que tal, muchos éxitos a todos.

A empezar una nueva aventura

No se mucho de Vue pero lo he escuchado, espero poder empezar a manejar bien Vue porque quiero empezar a juntarlo con Laravel:D

excelente, muy emocionado y listo para aprender vue

excelente, listo para aprender todo sobre vue JS

Vamos a ver si Nacho es tan bueno con Vue como en Twitter 😄

vamos pues1

VueJs es el más facil de aprender entre Angular y ReactJs segun criticas ademas parece esta casi a la altura de estos dos que llevan más tiempo.

Aquí decidido a aprender lo nuevo JS.

Venga!!!

A darle

vue.js => Framework progresivo

lets do it

Vamos con toda 💪🤯

No tengo mucha experiencia en Vue, espero aprender mucho

Iniciemos con Vue!

d

Aunque en mi ambiente laboral usan Angular o React, siento una atracción con VueJs, por eso las ansias de tomar el curso.

super motivado como siempre

f

Otro framework de js encantado de aprenderlo.