Vue.js: Desarrollo de Aplicaciones Web Profesionales
Clase 2 de 38 • Curso Básico de Vue.js 2
Contenido del curso
Rendering Declarativo y Manipulación de DOM
- 4

Renderizado Declarativo en JavaScript: Estado y Vista Sincronizados
02:09 min - 5

Uso de Expresiones JavaScript en Plantillas de Vue.js
02:06 min - 6

Directivas para Atributos Dinámicos en HTML con Vue.js
06:44 min - 7

Directivas de Renderizado Condicional en HTML con Vue.js
05:02 min - 8

Uso de la Directiva v-for en Vue.js para Renderizar Listas
05:48 min - 9

Manejo de Eventos en Vue.js: Click y Mouseover
07:04 min - 10

Condiciones y Clases Dinámicas en Vue.js
06:46 min - 11

Estilos Dinámicos en JavaScript: Cambios de Color Interactivos
02:49 min - 12

Propiedades Computadas y Watchers en Vue.js
05:42 min - 13

Interacción dinámica con formularios y directivas en Vue.js
03:34 min - 14
"Crear un Tracker de Cursos con Vue.js"
00:45 min
Sistema de Componentes
- 15

Sistema de Componentes en Fren Word: Modularización y Reutilización
02:54 min - 16

Creación de Componentes Personalizados en Vue.js
06:44 min - 17

Comunicación entre Componentes en Vue.js: Props y Data Binding
17:28 min - 18

Comunicación entre Componentes en Vue: Emisión y Manejo de Eventos
06:17 min - 19

Uso de Slots para Inyectar HTML en Componentes Hijos
04:18 min - 20

Ciclo de Vida de Componentes en Vue.js
03:40 min - 21

Componentes de Vue: Creación y Gestión Eficiente
01:23 min - 22
Componente Modal y Componente Principal en Vue.js
00:44 min
Ambiente de Desarrollo
Platzi Exchange
- 27

Instalación y configuración de Tailwind CSS en proyectos HTML
06:40 min - 28

Creación y Gestión de Componentes VUE en Proyectos Web
12:02 min - 29

Creación de Aplicaciones SPA con Vue Router
15:37 min - 30

Uso de Fetch API para Interactuar con Servidores HTTP
15:45 min - 31

Filtros y Directivas para Mejorar Interfaces en JavaScript
09:33 min - 32

Creación de Rutas Dinámicas en Vue.js para Criptomonedas
21:36 min - 33

Navegación Dinámica y Programática en Vue.js
12:23 min - 34

Integración de Componentes de Terceros en Proyectos Vue.js
12:01 min - 35

Manejo de Problemas de Reactividad en Vue.js
17:44 min - 36

Filtros y Ordenamiento en Tablas de Datos con JavaScript
11:25 min - 37

Implementación de Rutas Dinámicas y Conversor de Criptomonedas en Vue.js
13:38 min
¡A producción!
Rendering Declarativo y Manipulacion de DOM
¿Qué es Vue.js y por qué se le llama "el framework progresivo"?
Vue.js, conocido como el "framework progresivo", es una herramienta poderosamente versátil en el mundo del desarrollo web. Desde su surgimiento, ha ganado notoriedad y popularidad, llegando a ser uno de los proyectos de código abierto más destacados, especialmente en el ámbito de JavaScript. ¿Por qué se le llama progresivo? Sencillamente por su capacidad de crecer junto con los requerimientos del proyecto, permitiéndonos empezar con cosas simples y escalar hacia soluciones complejas a medida que son necesarias. Este enfoque escalable lo hace muy accesible para principiantes, mientras sigue siendo robusto para desarrolladores avanzados.
¿Cómo se destaca Vue.js entre otros frameworks?
Vue.js no solo es fácil de aprender, sino también altamente performante y eficiente en el manejo del DOM (Document Object Model). Sin duda, esto se debe a su pequeño tamaño optimizado, que permite realizar mutaciones de la mejor manera posible. Además, Vue.js no es solo un framework, es un ecosistema completo que incluye herramientas como el router y una amplia documentación, lo que facilita la creación de proyectos web desde los más simples hasta los más avanzados.
- Popularidad comprobada: Vue.js ha acumulado más de 149,000 estrellas en GitHub, destacándose entre los proyectos de código abierto más populares del mundo.
- Ecosistema robusto: Ofrece una variedad de herramientas que complementan el trabajo del desarrollo web, haciéndolo ideal para proyectos a gran escala.
- Apoyo corporativo: Aunque es un proyecto puramente open source, está respaldado económicamente por un consorcio de empresas, asegurando su desarrollo y evolución continua.
¿Qué son el sistema declarativo y el sistema de componentes en Vue.js?
Vue.js se centra en la vista dentro del patrón MVC y se caracteriza por dos componentes principales: su sistema declarativo y su sistema de componentes.
- Sistema declarativo: Permite manipular el DOM de manera imperativa, facilitando la interacción con la interfaz de usuario de forma clara y efectiva.
- Sistema de componentes: Facilita la modularización de una aplicación en diferentes componentes que pueden ser reutilizables, lo que ayuda a mantener un código semántico más legible y fácil de mantener.
Estas características, junto con el uso del virtual DOM, convierten a Vue.js en una librería reactiva que se adapta a proyectos tanto sencillos como complejos.
¿Cómo implementar Vue.js en proyectos diversos?
Según las necesidades del proyecto, Vue.js puede adaptarse para aplicaciones tan básicas como una landing page o un prototipo, y también para escenarios más complejos como una single-page application (SPA). A medida que los desafíos crecen, podemos integrar herramientas adicionales del ecosistema de Vue.js para abordar problemas específicos, lo que demuestra su capacidad de escalar con el proyecto.
Conclusión: la puerta a aplicaciones web profesionales
Vue.js proporciona un camino fluido hacia el desarrollo de aplicaciones web profesionales, con su enfoque de escalabilidad y versatilidad. Durante el proceso de aprendizaje y aplicación, las características como el sistema declarativo y de componentes serán exploradas en profundidad. Los usuarios encontrarán que Vue.js no solo hace más accesible la programación de interfaces de usuario, sino que también ofrece una base sólida para el desarrollo de aplicaciones web robustas y escalables.
Para cualquier desarrollador o estudiante interesado en la programación web, el ecosistema de Vue.js ofrece una robusta plataforma para la experimentación y la innovación, donde la única limitación es la creatividad del programador.