Vue js para principiantes | Proyecto práctico | Tailwind CSS | Typescript

Опубликовано: 28 Март 2025
на канале: MonkeyWit

6,238

207

Vue js es SENSACIONAL 💖 punto final... Aprende Vue js y Tailwind CSS con este proyecto práctico. Usamos typescript por cierto!

🏅 Al finalizar este video podrás haber aprendido a consumir una API con Vue js usando axios. Además, aprenderás conceptos básicos de Vue js como componentes, props, directivas, y cómo configurar Tailwind CSS en tu proyecto.

💚Y si eres parte del 1% que lee esta descripción.💚 Déjame un comentário con un monito 🐒 y pongamos a los Monkeys de moda.

Además, aquí 👇 te recomiendo otros videos que te ayudarán a tornarte un verdadero 💪 CRACK FULL STACK del desarrollo:

React & Redux Toolkit:    • React & Redux Toolkit - Bases y proye...
Rutas con React Router DOM:    • React Router DOM v6 | Rutas Protegida...
API REST con Node js & MongoDB:    • API REST, Node js & MongoDB Atlas, Ex...
API REST con Nodejs & MySQL:    • API REST con Node js y MySQL | CRUD |...
Setup de Node js & Typescript:    • Nodejs Typescript Setup | Eslint | Pr...

Abre tu cuenta en Hostinger para hospedar tus aplicaciones: https://hostinger.co?REFERRALCODE=1KUIIK46

✅ LINKS:
Repo del proyecto: https://github.com/monkeywit/Vue-Tail...

🎯 SUSCRÍBETE A NUESTRO CONTENIDO: http://bit.ly/35PxZE0

💬 SÍGUENOS EN NUESTRAS REDES!!
Fcebook:   / monkeywit
Instagram:   / monkey.wit
GitHub: https://github.com/monkeywit

0:00 Intro
0:47: Creando nuevo proyecto de Vue con Vite
6:09 Extensiones necesarias para vscode
7:36 Estructura de un componente de Vue
12:17 Instalando y configurando Tailwind CSS
16:24 Creando componente PageHeader
24:58 Consumiendo API de países con Axios
41:06 Vue Devtools para Google Chrome
43:15 Creando modelo de Country
46:15 Creando componente de lista de países
57:49 Creando componente de item de país
1:14:48 Agregando filtro de países
1:28:10 Agregando paginación