Si te gustaría crear comunidad en desarrollo web y hablas español, puedes unirte a uno de estos grupos Grupo de Discord: discord.gg/cQCK5vEt Grupo de Facebook: facebook.com/groups/686202623268744/
De todos los videos que he visto sobre Astro, el tuyo es el más claro y presico. Explicas muy bien!!! A los 5 minutos de empezar a ver el video ya estaba suscripto, gracias
No he encontrado nada mejor explicado, compruebas que no se trata de poseer conocimiento, sino de saber transmitirlo. Lo has hecho súper sencillo. Gracias!
Holis, si qué lo es, no solo para mi, sino para muchos miles de developers, está pasando algo parecido que con Sony Alpha, todos los que han sido Nikonistas y Canonistas se pasan a Sony y los de otras marcas tmb, con Astro pasa lo mismo, porque es genial y para mi junto a Qwik son los dos frameworks ahora mismo en el mercado mas buenos y mas laureados
Hola Manu.. Mis felicitaciones por tu tutorial, todo muy bien explicado y queda clarísimo cada sección .Consulta : Algo de Qwik por ahí si tienes planeado??, hay muy poco con la última versión. de momento continúo tu curso de todas maneras. Enhorabuena nuevamente y saludos desde Chile :=)
Quiero hacer una consulta ya que estoy integrando mi portafolio con Astro y tailwind. No sé que tan recomendable podría ser utilizar json Server y si me daría problemas más adelante a la hora de subirlo a netlify
json server está pensado para utilizarse durante el desarrollo, no en producción. Si únicamente necesitas leer valores de un json, puedes crear un archivo .json y leer los valores de ahí, pero perderás la funcionalidad de insertar, actualizar, etc mediante api.
Si estás desarrollando un sitio web sencillo, consideras que para todas las sections, div y articles, de todas las páginas, ¿se debería crear componentes? o ¿como es una vista específica en una página determinada colocarías el texto directamente? Por cierto, muchas gracias por el video, está genial, he puesto en práctica tu explicación de los componentes; la explicación de si queremos nuestro sitio web hibrido, estático o dinámico, está genial!
@@GeorgelysMarcano cada uno tiene su forma de trabajar, yo lo que hago es: Crear una carpeta llamada sections y ahí guardo en componentes cada sección de la página, por ejemplo (Hero section, services, features) de forma que el código de la página tiene únicamente los componentes de las secciones. Después creo componentes para el header y el footer y los incluyo en el layout por si tengo varias páginas que se muestren en todas ellas. Ahora, dentro de cada sección,cuándo divido más en componentes? Cuándo se da uno de estos casos. A) esta parte en concreto necesita lógica de JavaScript que no afecta o no tiene relación con otras partes dentro de la misma sección (creo un componente para no mezclar lógica) B) esta parte en concreto trae datos ya sea de una API o de las content collections de astro y no está relacionado con otras partes de la misma sección (creo un componente para tenerlo organizado) C) Esta parte la voy a reutilizar en más sitios, ahí entonces está claro el por qué de pasarlo a un componente Como resumen, no, no tienes que dividir todo en componentes, eso te acabaría causando más problemas que beneficios, divide lo que para ti tenga sentido a nivel de organización y te haga la vida más fácil a la hora de trabajar con ello
muy bueno el video, muy claro. consulto. sin usar react puedo implementar una tabla estilo las datatables que trabajan con jquery? existe algun complemento o libreria??? gracias
Puedes utilizar cualquier librería que funcione en JavaScript y si es exclusiva de un cierto framework podrías crear componentes de distintos frameworks si así lo necesitas.
Gracias! ¿Qué tipo de contenido te gustaría ver en un curso completo sobre Astro? Lo estuve pensando pero no tenía claro si hay suficiente contenido para hacer un curso independiente de Astro en Udemy
Una duda por que solo ocupamos instalar tailwind y no es necesario instalar tambien flowbite como viene en la misma documentacion de flowbite? Y gracias por el video me aventé todo el dia de hoy en el y aprendí mucho.
Puedes instalar flowbite si quieres que los componentes vengan ya con la lógica de JavaScript, por ejemplo la funcionalidad de abrir/cerrar el menú de navegación. Si solo necesitas el aspecto visual y de la lógica te encargas tu no es necesario instalar flowbite
Hola! Tendría que mirar el código para poder ayudarte, puedes unirte al grupo de Discord y ahí podemos hablar sobre cualquier problema que tengas. Un saludo
Gracia Manu, me gusto bastante, veo que tiene integración con otros Frameworks populares y eso le da un buen piso, pero por si solo es un competidor o alternativa completa a cualquiera de ellos?
Por si sólo diría que para webs más enfocadas en contenido que en lógica compleja de frontend estaría perfecto. Si es una aplicación con lógica front más compleja yo recomendaría sin duda integrarlo con otro Framework como React u otro
Excelente video, muy didáctico, lo he replicado con éxito de punta a punta, pero tengo una consulta respecto a que no puede terminar correctamente npm run build por un confilcto con las rutas dinámicas, podrías ayudarme dándome alguna pista para corregir ese problema? Gracias.
En la creación de paginas dinámicas, minuto 54 veo que al realizar el import, ya automáticamente le completa la ruta del archivo (../../) , alguien sabe con que extensión se consigue eso ? Mi autocompletado solo lo hizo con (../)
Se ejecutaría en el cliente, además como astro manda 0 JavaScript al navegador por defecto, tendrías que indicarle como cargar el JavaScript como hacemos en el 01:09:10 para que funcionen los eventos
Si te gustaría crear comunidad en desarrollo web y hablas español, puedes unirte a uno de estos grupos
Grupo de Discord:
discord.gg/cQCK5vEt
Grupo de Facebook:
facebook.com/groups/686202623268744/
De todos los videos que he visto sobre Astro, el tuyo es el más claro y presico. Explicas muy bien!!!
A los 5 minutos de empezar a ver el video ya estaba suscripto, gracias
Muchas gracias!
No he encontrado nada mejor explicado, compruebas que no se trata de poseer conocimiento, sino de saber transmitirlo. Lo has hecho súper sencillo. Gracias!
Muchas gracias! Me alegra mucho que te sirviese
buenisima intro para los que inician en Astro. Yo acabo de iniciar hoy. Gracias totales!
Muy buen video, me gusto la explicación de static, server e hybrid
Claro y conciso. 🤝
Impecable! 🏆
Muy buena hermano, gracias por compartir las maravillas de astro
por cierto, no sirve la invitacion de discord
Gracias a ti por comentar, para discord intenta entrar desde este nuevo enlace
discord.com/invite/X7YCfEp7
Holis, si qué lo es, no solo para mi, sino para muchos miles de developers, está pasando algo parecido que con Sony Alpha, todos los que han sido Nikonistas y Canonistas se pasan a Sony y los de otras marcas tmb, con Astro pasa lo mismo, porque es genial y para mi junto a Qwik son los dos frameworks ahora mismo en el mercado mas buenos y mas laureados
Vamos a empezar a ver muchas más aplicaciones desarrolladas en Astro eso seguro
Hola Manu.. Mis felicitaciones por tu tutorial, todo muy bien explicado y queda clarísimo cada sección .Consulta : Algo de Qwik por ahí si tienes planeado??, hay muy poco con la última versión. de momento continúo tu curso de todas maneras. Enhorabuena nuevamente y saludos desde Chile :=)
Excelente video. Gracias.
Excelente tutorial, gracias por compartir.
Gracias a ti por comentar
Quiero hacer una consulta ya que estoy integrando mi portafolio con Astro y tailwind. No sé que tan recomendable podría ser utilizar json Server y si me daría problemas más adelante a la hora de subirlo a netlify
json server está pensado para utilizarse durante el desarrollo, no en producción. Si únicamente necesitas leer valores de un json, puedes crear un archivo .json y leer los valores de ahí, pero perderás la funcionalidad de insertar, actualizar, etc mediante api.
Si estás desarrollando un sitio web sencillo, consideras que para todas las sections, div y articles, de todas las páginas, ¿se debería crear componentes? o ¿como es una vista específica en una página determinada colocarías el texto directamente?
Por cierto, muchas gracias por el video, está genial, he puesto en práctica tu explicación de los componentes; la explicación de si queremos nuestro sitio web hibrido, estático o dinámico, está genial!
@@GeorgelysMarcano cada uno tiene su forma de trabajar, yo lo que hago es:
Crear una carpeta llamada sections y ahí guardo en componentes cada sección de la página, por ejemplo (Hero section, services, features) de forma que el código de la página tiene únicamente los componentes de las secciones. Después creo componentes para el header y el footer y los incluyo en el layout por si tengo varias páginas que se muestren en todas ellas.
Ahora, dentro de cada sección,cuándo divido más en componentes? Cuándo se da uno de estos casos.
A) esta parte en concreto necesita lógica de JavaScript que no afecta o no tiene relación con otras partes dentro de la misma sección (creo un componente para no mezclar lógica)
B) esta parte en concreto trae datos ya sea de una API o de las content collections de astro y no está relacionado con otras partes de la misma sección (creo un componente para tenerlo organizado)
C) Esta parte la voy a reutilizar en más sitios, ahí entonces está claro el por qué de pasarlo a un componente
Como resumen, no, no tienes que dividir todo en componentes, eso te acabaría causando más problemas que beneficios, divide lo que para ti tenga sentido a nivel de organización y te haga la vida más fácil a la hora de trabajar con ello
Se ve bien guapo lo voy a curiosear
muy bueno el video, muy claro. consulto. sin usar react puedo implementar una tabla estilo las datatables que trabajan con jquery? existe algun complemento o libreria??? gracias
Puedes utilizar cualquier librería que funcione en JavaScript y si es exclusiva de un cierto framework podrías crear componentes de distintos frameworks si así lo necesitas.
Mirando Astro me lleva como 14 años atrás cuando usaba JSP en Java. Obviamente Astro esta a otro nivel. Pero conceptualmente se parece
Hola! Muy buen curso. Explicación bien clara...
Vas a crear un curso completo sobre Astro en Udemy?
Gracias!
¿Qué tipo de contenido te gustaría ver en un curso completo sobre Astro?
Lo estuve pensando pero no tenía claro si hay suficiente contenido para hacer un curso independiente de Astro en Udemy
Una duda por que solo ocupamos instalar tailwind y no es necesario instalar tambien flowbite como viene en la misma documentacion de flowbite? Y gracias por el video me aventé todo el dia de hoy en el y aprendí mucho.
Puedes instalar flowbite si quieres que los componentes vengan ya con la lógica de JavaScript, por ejemplo la funcionalidad de abrir/cerrar el menú de navegación. Si solo necesitas el aspecto visual y de la lógica te encargas tu no es necesario instalar flowbite
excelente!!, cuando hago el build no me toma los estilos tailwind a que se debe?
Hola!
Tendría que mirar el código para poder ayudarte, puedes unirte al grupo de Discord y ahí podemos hablar sobre cualquier problema que tengas.
Un saludo
Gracia Manu, me gusto bastante, veo que tiene integración con otros Frameworks populares y eso le da un buen piso, pero por si solo es un competidor o alternativa completa a cualquiera de ellos?
Por si sólo diría que para webs más enfocadas en contenido que en lógica compleja de frontend estaría perfecto.
Si es una aplicación con lógica front más compleja yo recomendaría sin duda integrarlo con otro Framework como React u otro
Excelente video, muy didáctico, lo he replicado con éxito de punta a punta, pero tengo una consulta respecto a que no puede terminar correctamente npm run build por un confilcto con las rutas dinámicas, podrías ayudarme dándome alguna pista para corregir ese problema? Gracias.
Hola! En el grupo de Discord te podemos ayudar
discord.gg/PNbAVUCPB4
Que gran video, super claro y sencillo. Grande pero me da error al momento de querer generar el servidor con json
Hola Diego, en el grupo de Discord puedes preguntar cualquier duda o problema
En la creación de paginas dinámicas, minuto 54 veo que al realizar el import, ya automáticamente le completa la ruta del archivo (../../) , alguien sabe con que extensión se consigue eso ? Mi autocompletado solo lo hizo con (../)
Hola, parece ser que no me cargan los estilos cuando cargo el proyecto, me da error por consola web. el enlace de discord no funciona.
discord.com/invite/PNbAVUCPB4
Tiene integracion qwik, saludos
astro.build/integrations/?search=qwik
Muy buena info, ahí me apunté al grupo de facebook, el link de discord está desactualizado
Hola Sebastián, prueba con este enlace
discord.com/invite/X7YCfEp7
muchas gracias, ahora sí
Pregunta… si yo ejecuto código de react como el usestate y esas cosas también se ejecutan del lado del servidor o no? O es igual que en nextjs
Se ejecutaría en el cliente, además como astro manda 0 JavaScript al navegador por defecto, tendrías que indicarle como cargar el JavaScript como hacemos en el 01:09:10 para que funcionen los eventos
Se puede usar gsap para Astro?
Si, sin problema