Aprende Nuxt.js 3 Ahora!
ฝัง
- เผยแพร่เมื่อ 8 ก.ย. 2024
- ========= Mi Sitio Web =========
yirsis-serrano...
=============== Mis Cursos en Udemy ===============
Hacking con JavaScript
bit.ly/3T8bkZS
Micro-Frontend: Arquitectura de Aplicaciones Web Escalables
bit.ly/3RApe6c
Go Web Desde Cero
bit.ly/3MJcnNc
Angular Desde Cero
bit.ly/3HpDKtr
Svelte Desde Cero
bit.ly/37Qg5Sj
React Desde Cero
bit.ly/3bMpfBR
Vue 3 Desde Cero
bit.ly/3sWlgtb
Vim Profesional
bit.ly/33v7DpD
Desarrollo De Aplicaciones Web Con JavaScript 2020
bit.ly/37k1hdW
=========== Cursos Gratuitos ==========
Python | Introducción a la Programación
bit.ly/3mnUTJ6
Escribe Código JavaScript Seguro
bit.ly/2Js9pRw
Esta es la intro que muuuchos que vienen de CSR necesitamos, en serio amigo muchas gracias, leí un poco la doc (3 dias) y siento que esta un poco pesada.. pero con esto ya entiendo bastante, de verdad muchas gracias!!!
Gracias por compartir, genial curso, sigue subiendo cosas avanzadas y con bases de datos, como CRUD o cosas de lado del cliente y de lado del administrador, muy bueno! Saludos!
Gracias Yirsis. Gracias por compartir tus conocimientos y excelente docencia.
quito. Ecuador
Excelente, mas claro no se puede. Muchas gracias.
Eres un campeón, mcuhas gracias.
Increíble vídeo, no lo acabé aun, pero solo con lo que he visto puedo decirlo. Gracias :)
No hay de que, en éste video aún hay conceptos que faltan por cubrir, pero en estas semanas subiré la segunda parte de Nuxt!
Vale, en el minuto 1:27:31 una pequeña corrección, para texto no es con \s (aunque habría que definir "texto"), ya que \s significa "whitespace character" en regex. Sería más apropiado utilizar \w o un "character class" con las peculiaridades de idioma correspondiente (ej. "ñ").
Edit: para excluir números es necesario utilizar un "character class" como [a-z] (en vez de \w, que identifica caracteres alfanúmericos y "_")
Edit 2: veo que más adelante comentas algo, pero se te ve un poco el plumero, como crítica constructiva te recomiendo hablar solamente de lo que realmente sabes, o si es una equivocación, editar.
Sería genial un proyecto Blog con algún Handles CMS con NUXT 3 , un proyecto completo 👌 buen curso. Gracias por el aporte!
Es una buena idea, lo voy a plantear bien y claro que lo podemos traer
@@YirsisHertz si porque no hay casi de Nuxt un proyecto de 3 o 4 hs donde se haga un blog completo! Sería super relevante, y se puede usar como CMS Strapi o Storyblock por ejemplo. Es algo que los clientes piden mucho y quizas los programadores de nuxt puede tener una base para desarrollarlo. De React o Next está lleno , pero para los que amamos VUE nada!
Que sea echa en firebase por favor 🙏 tengo como medio año haciendo mi propio blog con estas tecnologías y ya lo había hecho pero cometí el error de hacerlo con Javascript puro. Pero de nada servía Si los blogs nos iban Index será Google
Muchas gracias por el contenido, muy bueno!
Buen curso🎉
Muchas gracias estimado, muy buen curso! Deje de escribirlo a medio curso porque tengo un error con el VSCode o el nuxt, no refresca ninguna cambio con salvar o refrescar la página, tengo que estar reiniciando el sasí
Intenta agregar al comando de dev al inicio CHOKIDAR_USEPOLLING=true
Esa configuración casi siempre funciona y habilita el Hot Reload si tu sistema lo esta bloqueando, eso siempre lo aplicó cuando trabajo con WSL porque me ocurre lo mismo
@@YirsisHertz Muchas gracias!
Gracias Yirsis. Gracias por compartir tus conocimientos y excelente docencia. Muy bueno hasta aquí, aún no termino. Las img de Vue solo obtengo 1 archivo y tu obienes 2. Por favor, se puede descargar la aplicación? Si es de pago, por favor indícame,
Nuevamente Gracias.
Desde Quito. Ecuador
Muchas gracias
Buena explicación. Me surge la siguiente duda quisiera tu opinión: Si por ejemplo quisiera tener un sitio web de cara a los usuarios, con el tema de SEO y estas cosas y también un área restringida para usuarios del sistema propiamente y que se comporte como una SPA de manera interna por decir en el dashboard, como trabajaría con Nuxt? SSG o CSR
Okey, pará hacer eso necesitas 2 aplicaciones, un Frontend y un Backend, y personalmente si necesitás una aplicación que haga SEO y otra parte que sea SPA, más que optar por éstos, yo usaría Nuxt para la página que vas a entregar universalmente y usaría Vue nativamente pora el Dashboard.
Serían 2 aplicaciones diferentes y ya solo les asignan subdominios diferentes
Hubiera estado genial que usaras Tailwind y mostrar su configuracion, Si usas bootsrap pues lo hubieras instalado de otra forma,ya es muy arcaico usar bootsrap de esa forma.
Isidro, enseña la otra forma de usar bootstrap, por favor.
Cuando yo recibo digo gracias y si hay que criticar, hacerlo con respeto y educación.
Que buen curso man. Una pregunta, cuál es el tema que usas para el vs code? Graciass
Hola he estado buscando informacion acerca de como haria para hacer una peticion post con la fetch que recomienda nuxt
1:07:21 en esta parte, creo que da error porque tiene mal la ruta, a mí me funciono solo con css: ['@/assets/main.css'], 👍
Hola Yirsis, gracias por el video introductorio muy completo y bien explicado, quisiera saber si profundizarás en tu curso de vue 3 en udemy o harás un curso independiente de vue con Nuxt
Saludos!
Estoy actualizando el curso de Vue y en esta actualización se incluye Clean Architecture, Firebase y Tailwind
Y de Nuxt voy a hacer un curso especial porque Nuxt es muy grande y tiene muchas cosas que vale la pena revisar
@@YirsisHertz quedo atento a tu curso de Nuxt!!
SALUDOS EXCELENTE VIDEO CUANTO HACES UN CURSO DE NUXTJS COMPLETO PARA COMPRARLO. CON AUTH PUEDE SER SUPABASE, CRUD ETC COMPLETO SERIA BUENISIMO PARA ADQUIRIRLO
Gracias por tu contenido, depronto puedes dejarme un contacto para contratar tus servicios.
Hola, está subido el codigo a github para poder consultarlo?
Gracias
Hola. Un saludo, gracias por el material.
Una pregunta:
Como se realizaria una opcion para un subrouter, es decir, que una page determinada tenga su propia navegacion interna
Saludos, creas la carpeta con el nombre de la ruta y puedes crear dentro todas las subrutas que necesites
@@YirsisHertz pero no hablo de subrutas, es que una vista dentro pueda contener su propio router, en el vue router serian los childrens o un view router dentro de otro view router
@@deivisjoro21 ya te entendí, en Nuxt esto es diferente por el modo en el que se renderizan los componentes, puedes configurar esos subrouters usando el file system nadamás, porque no hablas de rutas solamente, las rutas en Nuxt muchas veces generan archivos estáticos o se renderizan desde el servidor, entonces todas esas optimizaciones Nuxt las hacé en automático leyendo en file system de las rutas, lo mas cercano es crear rutas basadas en carpetas, creas las rutas dinámicas y de más usando ficheros y es como lo segmentas
Hola Yirsis, Con relación a una respuesta tuya, CHOKIDAR_USEPOLLING=true, nos podrías explicar un poco mas detallado, donde ubicar la instrucción. Gracias.
Hola, la instrucción se colocaría al inicio del comando de desarrolló, antes de las instrucciones ya definidas por Nuxt
deberias crear un sistema web con login y base de datos
muchas gracias por el video, muy bueno, tienes algún curso en Udemy de Nuxt? algo mas completo y de vuetify??
Saludos, tengo un curso de Vue.js 3 que éstoy actualizando.
Todavía no están terminadas todas las secciones pero voy a agregar una sección de Nuxt y si tengo en mente hacer un curso especializado en Nuxt porque es muy grande y tiene muchas cosas interesantes pero aún no estan disponibles
@@YirsisHertz súper, lo espero con ansías, no olvides vuetify, gracias
@@YirsisHertz Como dice la chica, estaria muy bueno uno de Nuxt con Vuetify, consumiendo alguna API
Todo el backend se puede hacer con Nuxt? Eso traería problemas al momento de hacer deploy?
Es la primera vez que paso por este canal, ¿habrán videos de Django en un futuro?
En efecto, se pueden hacer API's REST con Nuxt y el único problema que puede llegar a existir es que existan muchos archivos y se cree un monolito muy amplió
Respecto a Django, no lo había considerado pero es una buena idea, lo preparó!
Tienes planeado hacer un curso de nuxt 3, piña, con strapi en udemy ?
Sip, en estos días éstoy por publicar un curso de Vuetify en Tutorialspoint y lo siguiente es empezar a trabajar con Nuxt respecto a Vue
también se usa vuetify?
Estoy trabajando en un curso de Vuetify y al final voy a agregar una sección con Nuxt pará la integración con Vuetify y algunas otras librerías como Pinia y Firebase
El problema es que el servidor va a colapsar por renderizar tanta UI si tienes muchos usuarios conectados simultáneamente
Saludos, en eso tienes razón y para ello puedes servir la aplicación usando un proxy y load balancers como Nginx con instancias Swarm por ejemplo, eso ya es mas tema de Devops y de temas de infraestructura en servidores
Por favor, se puede descargar la aplicación? Si es de pago, por favor indícame,
Nuevamente Gracias.
Desde Quito. Ecuador
Saludos, que aplicación de todas jeje?
@@YirsisHertz Aprende Nuxt.js 3 Ahora!