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.