5 Proyectos Completos en Vue.js
1. Sistema de Registro de Usuarios
Un proyecto muy com├║n en el desarrollo web es crear un sistema de registro de usuarios. Con Vue.js, es posible crear un formulario de registro interactivo que valide los datos ingresados por el usuario en tiempo real. Adem├бs, se pueden implementar funcionalidades como la autenticaci├│n y el almacenamiento de los datos en una base de datos.
2. Aplicaci├│n de Lista de Tareas
Una aplicaci├│n de lista de tareas es un proyecto ideal para aprender a usar Vue.js. Con esta tecnolog├нa, se pueden crear tareas, marcarlas como completadas y eliminarlas de la lista. Tambi├йn se pueden a├▒adir funcionalidades avanzadas como el filtrado de tareas por estado o la posibilidad de asignar prioridades.
3. Aplicaci├│n de Clima
Con Vue.js, se pueden crear aplicaciones que muestren la informaci├│n meteorol├│gica de una ubicaci├│n espec├нfica. Esta aplicaci├│n podr├нa obtener datos en tiempo real a trav├йs de una API y mostrarlos en una interfaz amigable para el usuario. Adem├бs, se podr├нa implementar la posibilidad de buscar diferentes ubicaciones y guardarlas como favoritas.
4. Blog Personal
Un blog personal es otro proyecto interesante para desarrollar en Vue.js. Se pueden crear diferentes secciones como el inicio, el blog en s├н y la p├бgina de contacto. Adem├бs, se puede implementar un sistema de administraci├│n en el backend para poder crear, editar y eliminar entradas del blog de forma sencilla.
5. Aplicaci├│n de Reservas de Hoteles
Una aplicaci├│n de reservas de hoteles es un proyecto desafiante pero muy gratificante en Vue.js. En esta aplicaci├│n, se pueden implementar opciones de b├║squeda de hoteles, filtros por precio, ubicaci├│n, etc. Adem├бs, se pueden agregar funcionalidades como la autenticaci├│n de usuarios, la posibilidad de dejar rese├▒as y la integraci├│n con servicios de pago.
Estos son solo algunos ejemplos de proyectos completos que se pueden desarrollar en Vue.js. Esta tecnolog├нa ofrece una gran versatilidad y facilidad de uso, lo que la convierte en una excelente opci├│n para el desarrollo web. Con Vue.js, es posible crear aplicaciones interactivas y din├бmicas de manera eficiente y elegante.
Excelente!!! Marcos muchas gracias por el contenido compartido
yo tengo un proyecto de un sistema de inventario hecho con vue js y php para mi negocio ЁЯЩВ
Hola Marcos muchas gracias por compartir tu conocimiento. La verdad que los v├нdeos est├бn muy buenos y f├бciles de entender.
En el primer problema no era necesario que fuera ├║nicos, simplemente le pasaba el index de la posici├│n del array a eliminar, y lo eliminar, sin necesidad de hacer un filtro y m├бs ├│ptimo
Para la parte de los iconos, se podr├нa hacer usando el cdn?, digo para no tener que estar registrando los iconos que quieres usar
deberias crear un crud con login y guardar en phpadmin
Hola, primero que nada, los proyectos estan muy buenos.
Ahora si una pregunta, estoy con el "tip calculator", funciona todo bien, pero cuando uso el v-for con los props del componente Person.vue los valores de :number-of-person="person.numberOfPerson" y :total-per-person="person.totalPerPerson", en vez de pasarme los valores correspondientes, ambos me los pone como atributo (attr) en la etiqueta <div>, o sea que me queda as├н <div number-of-person="1" total-per-person="275"> y no me renderiza los valores en el v-bind.
No le encuentro la soluci├│n ЁЯШЮ
Como haces para ordenar el codigo asi?
cabe aclarar que ref sirve para cualquier tipo de valor, lo dice la misma documentaci├│n de vue 3
Hola muchas gracias por tus videos, pero tengo este problema al correr el servidor : npm ERR! A complete log of this run can be found in:
npm ERR! C:UsersUSUARIOAppDataLocalnpm-cache_logs2022-12-22T01_58_01_693Z-debug-0.log
me llamaste Nerd me siento ofendido ЁЯШе
Hola, no s├й si sea solo yo, pero ya he intentado de todo, me est├б generando este mensaje en consola, cuando definimos el arreglo, es esa l├нnea la del problema, el'defineProps' is not defined no-undef, es sobre ESLINT. He cambiado par├бmetros en varios foros, pero no logro dar con el asunto.
que extension usas para que te importe directamente el componente, sin poner la direccion de donde se encuentra
pregunta, porque cuando creo un proyecto en vuejs 3 y lo cierro, cuando lo quiero volver a levantar no puedo y lo tengo que realizar de nuevo?
Extremadamente expectacular estos tutoriales!
Hola, en el minuto 13:53 creas una etiqueta form y luego rapidamente divides la etiqueta y la vez desplazas el cierre de la etiqueta por debajo de la etiqueta imput, dejando asi la etiqueta input dentro de la etiqueta form que creaste, no encuentro la manera de hacer eso del modo que tu lo haces, ya que dando un enter y moviendo con alt + arrow sigue quedando un espacio vacio y toma m├бs pasos y tiempo, me explicas porfavor como consigues hacer esto de forma rapida y automatizada?
Dale el avanzado a ver
Marcos, por qu├й cuando realizo un cambio en los componentes no se actualiza? debo correr nuevamente el npm run dev para observar los cambios, a que se debe esto??
Lo haces ver muy f├бcil, aunque toca hacerle y hacerle para poder tener mucha practica. Felicitaciones!!!
Marcos, excelente video. Me estoy preparando en VueJs y este video me result├│ s├║per ├║til. Espero puedas subir m├бs sobre este maravilloso framework.