Para que no se vea la "línea" del cambio de color entre el gradiente del "div" y el "fondo", habría que agregar la clase "bg-neutral-950" al "body", esto da un mejor resultado con respecto al color de fondo... Tremendo Tuto, tengo algunos meses con Astro y la verdad que es fascinante, se obtiene buenos resultados, gracias por compartir esos conocimientos...
Muchas gracias Midu! Más de 20 años en la profesión y aún sigo aprendiendo un montón de cosas con tus vídeos. Y es que encima lo haces muy ameno y divertido incluso. Un saludo desde Zaragoza.
Primer video tutorial que me animo a hacer de todos los que tienes. Honestamente tienes mucho conocimiento y vas pero a todo dar con la velocidad en la que haces las cosas jaja excelente todo el material que subes y el tiempo que has dedicado a la comunidad de Desarrolladores. Bendiciones y que sigas trayendo muchas más alegrías a cada desarrollador que vea tus videos en este nuevo año 2024
Saludos midu ,muchas gracias por subir cada día contenido. Te empecé a ver en 2021 y no tienes idea lo feliz que me hace que ya entiendo que haces en los directos xD. Pero ya enserio, gracias por compartir contenido y enseñarle a mortales como yo la belleza del mundo de la programación. Eres un grande Midu
Buenas Midu! Creo que con respecto a la navegación se refiere a que no debe ser un listado cuando son links que van dentro de un texto, pero en el caso de que sean varios links si que es conveniente que sea un listado por temas de accesibilidad. Los lectores de pantalla se benefician mucho de utilizar el listado ya que permiten enumerar el numero de items que hay disponibles, en este caso los links. Además, los lectores de pantalla permiten a los usuarios navegar fácilmente entre los elementos de una lista, como saltar de un elemento de lista a otro con comandos específicos. Un abrazo y muchas gracias por el aporte que haces a la comunidad!
class=”flex justify-between” Por ejemplo, si tienes tres elementos dentro de un contenedor con estas clases, el diseño se verá algo así: | Elemento 1 | Espacio vacío | Elemento 2 | Espacio vacío | Elemento 3 | El primer y último elementos estarán alineados con los bordes del contenedor, mientras que el segundo elemento estará centrado en el espacio restante. Esto proporciona una distribución uniforme de los elementos a lo largo del eje horizontal del contenedor.
Quando tengo tiempo libre, o me veo algo en netflix o voy a hacer deporte con mis hijos o me hago un tutorial con Midu.... aprender relajandose me divierte
El problema de los colores se deriva de que configuraste Tailwind para funcionar con "dark" en la class del body, pero también añadiste que lo cogiera por sistema con light dark
@@TantricBot comose puede resolver este problema mira que coloco color-scheme: light dark y en Google Chrome no me lo muestra en cambio en mozilla si .
Muchísimas gracias por compartir tu conocimiento, usare el diseño, me gusto mucho y no se colocaba por completo el degradado de fondo, pero lo solucione agregándolo al body, mi mas sincero agradecimiento
La clase "rounded-full w-6 h-6" es una combinación de clases de Tailwind CSS. "rounded-full" hace que el objeto tenga bordes completamente redondeados, creando una forma circular o elíptica. "w-6" y "h-6" definen el ancho y la altura del objeto, respectivamente, con un tamaño de 1.5 rem, que es igual a 24px.
Estaría genial añadir el enlace de los Iconos de Pheralp en la descripción del vídeo, porque son bastante útiles y ya que se han usado en el vídeo sería bueno para tenerlo a mano, Un saludo Midu, estoy aprendiendo muchísimo con todo el contenido que estás generando.
Como consejo, siempre que veo un video de este estilo me falta una pequeña revisión de la página entera antes del despliegue de la misma (a lo mejor una trozo de 2/3 minutos donde simplemente navegas por la página enseñando el diseño y las secciones)
Grande midu!, estaria bueno tambien que enseñes algunos metodos para hacer switches de themes de dark a light o de lenguajes sin tener que usar tecnologias para tener variables globales como context o redux de react
Muchas gracias por este contenido! Consulta, si no tengo experiencia laboral, puedo poner experiencia de estudios? Saludos de Uruguay y repito, Muchas gracias!
Buenas noches midu desde bogota colombia jna pregunta estoy mirando el video de como crear el portafolio pero en la parte donde colocas el color-scheme :light dark fijate que no me lo toma en chrome pero en mozilla si a que se debe eso temas de compatibilidad por que no entiendo me puedes explicar.
Hola soy nuevo y tengo una serie de dudas 1 cual es la consola que utilizas al principio del video 2 como haces para que al momento de copiar el texto se estilice(quiero decir que tenga los espacios porque todo viene junto )
Justo ahora que estoy pensando en hacer mi portafolio XD. Aunque tengo una grandísima decisión que tomar, en si usar next o Astro. Next lleva las de ganar porque es la que domino, astro nunca lo he usado pero me genera curiosidad
Hola, tengo un problema al poner en el :root el color-scheme: ligth dark; no me lo detecta automaticamente. A alguien mas le sucede? Cuales soluciones habria?
para seleccionar todo aun mas rapido seleccionas y ctrl shift L Ctrl d te sirve para estar seguro que lo que estas seleccionando esta hacia abajo de lo que seleccionaste (te va seleccionando 1 abajo por cada que lo hagas, es mas seguro hahaha) saludos
Hola Midu! Muchas gracias por el contenido, te sigo todo lo que puedo e incluso intento hacer algun proyecto por mi lado 😊 Quería preguntarte si Astro sirve para hacer páginas en distintos idiomas, y sobretodo cómo se implementaría ? por ejemplo, en el caso del portfolio podríamos tener varios ficheros .json y elegir el contenido en función del idioma actual ? Gracias de antemano !
Buenos días porque cuando coloco color-scheme:ligth dark el esquema claro no se visualiza en chrome y el color oscuro si ? alguien me puede ayudar , pero en mozilla si toma ambos?
Yo tenía entendido que esto era un Portafolio de trabajo... o algo así, no sabía que era porfolio en español. He aprendido algo más aparte de la clase de Astro. Pregunta, porque veo que es algo que dice poder hacerse con el framework. Te harías una SPA con este framework? lo digo porque en la documentación menciona un e-commerce
Hola Midu, una pregunta, vengo más del mundo de Laravel, Python...le di una ojeada al proyecto por que sé que es una pasada astro, pero me duda es, tema backend por ejemplo un formulario de contacto, que sugiere astro?
Yo aprendí de Astro en mi trabajo y me llamó la atención de poder integrar varios frameworks para dar interactividad. Yo tenía la idea de crear mi portafolio con Astro y dividir cada sección con distintos frameworks tipo, sección de experiencia laboral con React, formulario de contacto con Svelte, carrousel de proyectos con Vue y así sucesivamente como para mostrar la experiencia en cada framework, si sería una buena idea o mejor Astro puro?
pq no me toma el src del img? termine usando {Image} from astro:assets, pero no entiendo pq no me toma el src si no. Tengo que importar la imagen desde el assests y no poner directamente la url a la carpeta
Para los que usan windows y tienen problema al crear el proyecto "npm create astro@latest" que salta error time out, selecionen la opcion de no instalar la dependencias, y dejen que cree el proyecto normal, luego dentro del fichero del proyecto ejecutan "npm i" y listo problema resuelto
amigo yo estoy teniendo este problema, sabes que es lo que sucede? node:internal/modules/esm/resolve:214 const resolvedOption = FSLegacyMainResolve(packageJsonUrlString, packageConfig ^ Error: Cannot find package 'C:\Users\USUARIO\AppData\Local pm-cache\_npx\abdb4b at legacyMainResolve (node:internal/modules/esm/resolve:214:26) at packageResolve (node:internal/modules/esm/resolve:840:14) at moduleResolve (node:internal/modules/esm/resolve:910:20) at defaultResolve (node:internal/modules/esm/resolve:1130:11) at ModuleLoader.defaultResolve (node:internal/modules/esm/loader:396:12) at ModuleLoader.resolve (node:internal/modules/esm/loader:365:25) at ModuleLoader.getModuleJob (node:internal/modules/esm/loader:240:38) at ModuleWrap. (node:internal/modules/esm/module_job:85:39) at link (node:internal/modules/esm/module_job:84:36) { code: 'ERR_MODULE_NOT_FOUND' } Node.js v20.11.0
yo al menos uso la terminal de windows jajajaja. pero la he modificado con "oh my posh" para que sea agradable a la vista. si quieres configurarla, yo vi el video del canal de "HolaMundo". ojala te sirva
Hola! Alguien me podría guiar en cuál es el formateador de código que se puede usar para Astro? Normalmente uso Prettier pero VS me indica que Prettier no me puede dar formato a archivos .astro :(
Cuando pongo en Layout.astro me da error, y si lo pongo me sale bien. POr otro lado no me deja linkear la imagen del comienzo. Si alguien sabe por qué podría ser gracias
revisa como lo exportas, tal vez pusiste header a diferencia de Header o si utilizaste el auto export, tal vez lo creaste con el nombre de header.astro -> Header.astro
@@andresbenegas5893Yo pude, tuve que reinstalar todo el astro en mi proyecto xd, solo que le dí sí a todo, pero al le dije que no al crear un repositorio con git, ya creado el proyecto ahí mismo creé el Header.astro y lo importé al Layout.astro, mientras iba haciendo los códigos en el archivo Header ya no me salía ningún error
Saludos a todos,hoy decidí aprender a programar,me gustaría crear páginas web pero quisiera saber cuales son los lenguajes que deberia aprender exactamente, gracias de antemano
HTML, CSS, JavaScript. Quizás necesites después un framework pero para eso domina React. Comienza por ahí y luego exploras. Usa FreeCodeCamp, te va a guiar por proyectos muy buenos y te dará todo lo importante en un solo lugar. Varios amigos han conseguido trabajos con él
Primero, decide qué ámbito de la web quieres trabajar: Frontend, Backend o FullStack (los otros dos al mismo tiempo). Pero lo que sí o sí tienes que saber como lo básico es HTML, CSS y JavaScript.
No creo que lo suba, él explico en el video que hacerlo con Bootstrap todo queda igual con el mismo estilo y es mucho mas fácil hacerlo con Tailwind y para hacerlo con HTML y CSS puro mejor usar Astro que es prácticamente lo mismo y tienen muchas mas ventajas.
@@geniusdesign7306 Pero en este caso el está diseñando un Portfolio. Yo pregunté diseño de Blogs, ya que un blog no es lo mismo que un Portfolio por qué los portfolios muestran toda la información en la misma pagina. Mientras que en un blog tienes que diseñar el Front del Home, las entradas, las busquedas, la sección de comentarios, favoritos, etc. Y tengo la duda ya que he visto varios blogs pero casi no hay videos que se dediquen a mostrar paletas de colores que combinen en Blogs por qué la mayoría usan plantillas de WordPress o Blogger pero de tantos blogs que usan las mismas plantillas ya parecen páginas planas 🤣
Hola midu me encanta los videos que haces y el contenido de cada uno de ellos es brutal. Es el primer video tutorial que realizo y no se, si alguien me puede ayudar. No se como visualizar los cambios. Al abrir mi localhost con live server me abre toda la carpeta del portfolio y al seleccionar un archivo lo descarga, no se visualiza.
Para que no se vea la "línea" del cambio de color entre el gradiente del "div" y el "fondo", habría que agregar la clase "bg-neutral-950" al "body", esto da un mejor resultado con respecto al color de fondo... Tremendo Tuto, tengo algunos meses con Astro y la verdad que es fascinante, se obtiene buenos resultados, gracias por compartir esos conocimientos...
Gracias! Ya lo tenemos arreglado en el repo!
En este video he aprendido un millon de herramientas que en todo mi tiempo de estudio, grande midulive
Muchas gracias Midu! Más de 20 años en la profesión y aún sigo aprendiendo un montón de cosas con tus vídeos. Y es que encima lo haces muy ameno y divertido incluso.
Un saludo desde Zaragoza.
Primer video tutorial que me animo a hacer de todos los que tienes. Honestamente tienes mucho conocimiento y vas pero a todo dar con la velocidad en la que haces las cosas jaja excelente todo el material que subes y el tiempo que has dedicado a la comunidad de Desarrolladores. Bendiciones y que sigas trayendo muchas más alegrías a cada desarrollador que vea tus videos en este nuevo año 2024
A mi me flipa muchísmo la velocidad a la que pilota! Es increible. A su lado, yo parezco un oso perezoso! Jajaja
Saludos midu ,muchas gracias por subir cada día contenido. Te empecé a ver en 2021 y no tienes idea lo feliz que me hace que ya entiendo que haces en los directos xD. Pero ya enserio, gracias por compartir contenido y enseñarle a mortales como yo la belleza del mundo de la programación.
Eres un grande Midu
Conoces a alguien que explique también c# y .net tan bien como esplica este tipo?
no me funciona el npm run build, no se me crea el dist, saben que puede ser?
Muchas gracias Midu, estoy rehaciendo mi portfolio y mi CV gracias a tu videos. Eres un grande
Justo estaba por empezar a migrar mi portfolio de React a Astro. Este video seguramente me ayudará con algunos detalles! ❤
Buenas Midu!
Creo que con respecto a la navegación se refiere a que no debe ser un listado cuando son links que van dentro de un texto, pero en el caso de que sean varios links si que es conveniente que sea un listado por temas de accesibilidad. Los lectores de pantalla se benefician mucho de utilizar el listado ya que permiten enumerar el numero de items que hay disponibles, en este caso los links. Además, los lectores de pantalla permiten a los usuarios navegar fácilmente entre los elementos de una lista, como saltar de un elemento de lista a otro con comandos específicos.
Un abrazo y muchas gracias por el aporte que haces a la comunidad!
naa de locos, a la espera de la segunda parte. Sos un crack
class=”flex justify-between”
Por ejemplo, si tienes tres elementos dentro de un contenedor con estas clases, el diseño se verá algo así:
| Elemento 1 | Espacio vacío | Elemento 2 | Espacio vacío | Elemento 3 |
El primer y último elementos estarán alineados con los bordes del contenedor, mientras que el segundo elemento estará centrado en el espacio restante. Esto proporciona una distribución uniforme de los elementos a lo largo del eje horizontal del contenedor.
Gracias por la enseñanza midu, fue mi primera vez 🥵🙈 con astro y me encantó la dinámica del framework 😎😋😍
Muchas Gracias Midu por haberme escuchado en el anterior video se aprecia mucho saludos desde Guayaquil-Ecuador y feliz año nuevo
Quando tengo tiempo libre, o me veo algo en netflix o voy a hacer deporte con mis hijos o me hago un tutorial con Midu.... aprender relajandose me divierte
Como desarrollador enfocado al backend este template me viene de lujo, gracias midu
Feliz año Midu! Empezando el 2024 mirando tu video y moviendo las manitas 👋
El problema de los colores se deriva de que configuraste Tailwind para funcionar con "dark" en la class del body, pero también añadiste que lo cogiera por sistema con light dark
Ah claro, no me acordé que lo cambié al principio. Lo arreglaremos 👍
@@TantricBot comose puede resolver este problema mira que coloco color-scheme: light dark y en Google Chrome no me lo muestra en cambio en mozilla si .
un dato muy importante ese para activar y desactivar las animaciones.
Genial Midu. Se me dio por querer aprender Astro. Me voy a basar para hacer mi propio portfolio. Mil gracias
Muchísimas gracias por compartir tu conocimiento, usare el diseño, me gusto mucho y no se colocaba por completo el degradado de fondo, pero lo solucione agregándolo al body, mi mas sincero agradecimiento
Midu, te agradezco muchisimo por este video!!
Gracias a ti!
que satifaccion da ver a midu codeando
Si pones las imágenes jpg, png en un directorio dentro de src, la compilación la optimiza y convierte a webp.
Gracias por el esfuerzo en ayudar a la comunidad!
Miduuu millones de gracias crack por compartir este gran video! Justo estaba esperando un vídeo así. Abrazo grande y like al video
Gracias midu, me encantó Astro☺
La clase "rounded-full w-6 h-6" es una combinación de clases de Tailwind CSS. "rounded-full" hace que el objeto tenga bordes completamente redondeados, creando una forma circular o elíptica. "w-6" y "h-6" definen el ancho y la altura del objeto, respectivamente, con un tamaño de 1.5 rem, que es igual a 24px.
Estaría genial añadir el enlace de los Iconos de Pheralp en la descripción del vídeo, porque son bastante útiles y ya que se han usado en el vídeo sería bueno para tenerlo a mano, Un saludo Midu, estoy aprendiendo muchísimo con todo el contenido que estás generando.
Excelente, espero que continúes con un siguiente episodio para este portfolio
Jejeje ya quiero esperar el proximo revisando porfolios
Muchas gracias por tu contenido me ayudo mucho, y astro es muy bueno !!!
Gracias Midu me sirvio un monto el tuto, me encanto astro y me clave un lindo portfolio
midu, mira que en 1:25:01 tienes la opción de colocarle la URL al estilo de browser
Gracias por este contenido de calidad. Se agradece de corazón ❤️
Como consejo, siempre que veo un video de este estilo me falta una pequeña revisión de la página entera antes del despliegue de la misma (a lo mejor una trozo de 2/3 minutos donde simplemente navegas por la página enseñando el diseño y las secciones)
Grande midu!, estaria bueno tambien que enseñes algunos metodos para hacer switches de themes de dark a light o de lenguajes sin tener que usar tecnologias para tener variables globales como context o redux de react
Midu muchas gracias, recien sali de mis practicas y quise hacer un portafolio, donde puedo seguir viendo el proceso ?
Esta muy Bonito gracias por compartir tus conocimientos !!!
Hola Midu y gente, alguien me puede decir qué herramienta está usando en el minuto 25:53 para saber si está centrado??
Se los agradecería mucho!!
Muchas gracias por este contenido! Consulta, si no tengo experiencia laboral, puedo poner experiencia de estudios? Saludos de Uruguay y repito, Muchas gracias!
¡¡¡¡ FELIZ NAVIDAD !!!! Y FELIZ ENTRADA DE AÑO 2024. GRACIAS POR COMPARTIR
Buenas noches midu desde bogota colombia jna pregunta estoy mirando el video de como crear el portafolio pero en la parte donde colocas el color-scheme :light dark fijate que no me lo toma en chrome pero en mozilla si a que se debe eso temas de compatibilidad por que no entiendo me puedes explicar.
Hola soy nuevo y tengo una serie de dudas
1 cual es la consola que utilizas al principio del video
2 como haces para que al momento de copiar el texto se estilice(quiero decir que tenga los espacios porque todo viene junto )
Justo ahora que estoy pensando en hacer mi portafolio XD. Aunque tengo una grandísima decisión que tomar, en si usar next o Astro. Next lleva las de ganar porque es la que domino, astro nunca lo he usado pero me genera curiosidad
Que extensión utilizas para el autocomplete?
Gran video señor midu, lo que me ha impactado es como has hecho en el minuto 19 aprox para poner la banderita de España, es alguna extensión?
Hola, tengo un problema al poner en el :root el color-scheme: ligth dark; no me lo detecta automaticamente. A alguien mas le sucede? Cuales soluciones habria?
Si, me pasó. Le puse solo dark y ahi me lo detectó pero no se si es la mejor solución.
@@Archibrenda sii, a mi también me funciono eso !!
para seleccionar todo aun mas rapido seleccionas y ctrl shift L
Ctrl d te sirve para estar seguro que lo que estas seleccionando esta hacia abajo de lo que seleccionaste (te va seleccionando 1 abajo por cada que lo hagas, es mas seguro hahaha)
saludos
Hola Midu!
Muchas gracias por el contenido, te sigo todo lo que puedo e incluso intento hacer algun proyecto por mi lado 😊
Quería preguntarte si Astro sirve para hacer páginas en distintos idiomas, y sobretodo cómo se implementaría ? por ejemplo, en el caso del portfolio podríamos tener varios ficheros .json y elegir el contenido en función del idioma actual ?
Gracias de antemano !
saben cual es la herramienta que usa midu en este video para obtener el color en hexa de algun lado de la pantalla
Midu que usas para que prettier funcione en Astro?
Buenos días porque cuando coloco color-scheme:ligth dark el esquema claro no se visualiza en chrome y el color oscuro si ? alguien me puede ayudar , pero en mozilla si toma ambos?
midu como harias los activeLink? podrias dar un ejemplo de eso por favor
Crees que Astro es una buena opcion para combinarlo con Electron ?
hola midu consulta mi navegador necesita alguna extencion para para abrir archivos .astro? no me deja ver la pagina (uso edge)
Yo tenía entendido que esto era un Portafolio de trabajo... o algo así, no sabía que era porfolio en español. He aprendido algo más aparte de la clase de Astro. Pregunta, porque veo que es algo que dice poder hacerse con el framework. Te harías una SPA con este framework? lo digo porque en la documentación menciona un e-commerce
Hola Midu, una pregunta, vengo más del mundo de Laravel, Python...le di una ojeada al proyecto por que sé que es una pasada astro, pero me duda es, tema backend por ejemplo un formulario de contacto, que sugiere astro?
Yo aprendí de Astro en mi trabajo y me llamó la atención de poder integrar varios frameworks para dar interactividad.
Yo tenía la idea de crear mi portafolio con Astro y dividir cada sección con distintos frameworks tipo, sección de experiencia laboral con React, formulario de contacto con Svelte, carrousel de proyectos con Vue y así sucesivamente como para mostrar la experiencia en cada framework, si sería una buena idea o mejor Astro puro?
suena interesante! me gustaria ver eso.
Tengo una duda, como haces que astro importe de manera automatica lo que necesita?
Alguien sabe que extension o configuración adicional uso para la bandera? en el min 18:43
windows + . o cmd + .
Saben si midu utilizo un template hecho en astro o donde puedo conseguir ese figma?
hay algun tutorial de como iniciar con la terminal? es que no entiendo nada de lo que hace al principio del vidio jaja, saludos
pq no me toma el src del img? termine usando {Image} from astro:assets, pero no entiendo pq no me toma el src si no. Tengo que importar la imagen desde el assests y no poner directamente la url a la carpeta
Como se ace eso de escribir los emoticones en el codigo que te lo detecte cuando escribes : ? es de copilot eso?
Excelente! cuando hago el Build no me toma los estilos
Para cuando continuación del proyecto de Spotify? estaba muy chulo :)
Hola, alguien sabe como hace el Zoom Midu ? 55:26
Midu no sé si verás el comentario, pero estaría genial que uses este proyecto para enseñarnos a hacer con i18 el traslate a otro idioma
Una pregunta, añguien sabe que es eso que utiliza al principio para iniciar el proyecto y cargar todo con bun etc?
al poner el darkMode: 'class', no lo detecta en el navegador y no encuentro el error.
Como se procesa un formulario en astro para hacer un post?
Yo quiero armarla para poder vender mis cursos, que estén en la página los vídeos, se puede?
Y para desplegarlo en Github Pages?
Para los que usan windows y tienen problema al crear el proyecto "npm create astro@latest" que salta error time out, selecionen la opcion de no instalar la dependencias, y dejen que cree el proyecto normal, luego dentro del fichero del proyecto ejecutan "npm i" y listo problema resuelto
amigo yo estoy teniendo este problema, sabes que es lo que sucede?
node:internal/modules/esm/resolve:214
const resolvedOption = FSLegacyMainResolve(packageJsonUrlString, packageConfig
^
Error: Cannot find package 'C:\Users\USUARIO\AppData\Local
pm-cache\_npx\abdb4b
at legacyMainResolve (node:internal/modules/esm/resolve:214:26)
at packageResolve (node:internal/modules/esm/resolve:840:14)
at moduleResolve (node:internal/modules/esm/resolve:910:20)
at defaultResolve (node:internal/modules/esm/resolve:1130:11)
at ModuleLoader.defaultResolve (node:internal/modules/esm/loader:396:12)
at ModuleLoader.resolve (node:internal/modules/esm/loader:365:25)
at ModuleLoader.getModuleJob (node:internal/modules/esm/loader:240:38)
at ModuleWrap. (node:internal/modules/esm/module_job:85:39)
at link (node:internal/modules/esm/module_job:84:36) {
code: 'ERR_MODULE_NOT_FOUND'
}
Node.js v20.11.0
@@viagraz0r Intenta actualizar Node.js y el npm
donde se compra el dominio o se sube para q sea .dev?
intente subirlo en netlify pero no me deja no sale igual y ese a sido mi obstáculo subir proyectos
Voy en 1:23:06
Termine
A mi en windows no me sirve el comando bun run dev no se porque
pero en la documentacion no lei algo acerca de eso
El programa que usas nada más empezar es Warp Dev pero es para mac. Qué alternativa hay para windows?
yo al menos uso la terminal de windows jajajaja. pero la he modificado con "oh my posh" para que sea agradable a la vista. si quieres configurarla, yo vi el video del canal de "HolaMundo". ojala te sirva
Hola! Alguien me podría guiar en cuál es el formateador de código que se puede usar para Astro?
Normalmente uso Prettier pero VS me indica que Prettier no me puede dar formato a archivos .astro :(
Alguien sabe por casualidad porque Astro no lee mis componentes, he probado muchas maneras de solucionarlo y sigue con el mismo problema
Hola, ¿alguien sabe cómo hace para hacer zoom en la pantalla? Constantemente lo está haciendo.
Cuando pongo en Layout.astro me da error, y si lo pongo me sale bien. POr otro lado no me deja linkear la imagen del comienzo. Si alguien sabe por qué podría ser gracias
revisa como lo exportas, tal vez pusiste header a diferencia de Header o si utilizaste el auto export, tal vez lo creaste con el nombre de header.astro -> Header.astro
A mi me sucede lo mismo, pudiste solucionarlo?
@@andresbenegas5893Yo pude, tuve que reinstalar todo el astro en mi proyecto xd, solo que le dí sí a todo, pero al le dije que no al crear un repositorio con git, ya creado el proyecto ahí mismo creé el Header.astro y lo importé al Layout.astro, mientras iba haciendo los códigos en el archivo Header ya no me salía ningún error
Es porque falta importar en el layout el component
Alguien em ayuda, no me funciona lo del color-scheme: light dark;
Saludos a todos,hoy decidí aprender a programar,me gustaría crear páginas web pero quisiera saber cuales son los lenguajes que deberia aprender exactamente, gracias de antemano
Para web, si o si, HTML, CSS, Javascript, para iniciar...
HTML, CSS, JavaScript. Quizás necesites después un framework pero para eso domina React. Comienza por ahí y luego exploras.
Usa FreeCodeCamp, te va a guiar por proyectos muy buenos y te dará todo lo importante en un solo lugar. Varios amigos han conseguido trabajos con él
lo que dijo el compañero esta bien para empezar, el man del video tiene tutos de esos lenguajes asi que te puedes guiar de eso
Muchas gracias a ambos💪🏾
Primero, decide qué ámbito de la web quieres trabajar: Frontend, Backend o FullStack (los otros dos al mismo tiempo).
Pero lo que sí o sí tienes que saber como lo básico es HTML, CSS y JavaScript.
muchas gracias midu
De nada 😊
Una pregunta, si cargo el contenido del dist en un hosting tradicional funcionaria?
Si, igual. Es HTML + CSS. Funciona en cualquier sitio.
Todos amamos tailwind
segui los pasos pero no me toma el tailwind
se puede usar la plantilla gratuitamente?
Alguien sabe como se llama la extension de los iconos?
A mí me encantaría uno de web scraping
Exelente video. Cuando vas a subir diseños de blogs usando framework Bootstrap o con HTML y CSS puro?
No creo que lo suba, él explico en el video que hacerlo con Bootstrap todo queda igual con el mismo estilo y es mucho mas fácil hacerlo con Tailwind y para hacerlo con HTML y CSS puro mejor usar Astro que es prácticamente lo mismo y tienen muchas mas ventajas.
@@geniusdesign7306 Pero en este caso el está diseñando un Portfolio. Yo pregunté diseño de Blogs, ya que un blog no es lo mismo que un Portfolio por qué los portfolios muestran toda la información en la misma pagina. Mientras que en un blog tienes que diseñar el Front del Home, las entradas, las busquedas, la sección de comentarios, favoritos, etc. Y tengo la duda ya que he visto varios blogs pero casi no hay videos que se dediquen a mostrar paletas de colores que combinen en Blogs por qué la mayoría usan plantillas de WordPress o Blogger pero de tantos blogs que usan las mismas plantillas ya parecen páginas planas 🤣
ya nadie usa bootstrap
Podemos usarlo Midu?
si solo voy a usar svelte? tiene sentido que use astro y no sveltekit? tengo esa duda.
Depende de muchas cosas pero sí podría llegar a tener sentido (además de evitar un framework lock-in en tu proyecto)
Saludos midu una consulta pequeña... ¿Qué fuente de tipografía y que tema usas en vscode?
La fuente creo que se llama "Cascadia Code", tiene ligaduras, el tema no se 👋👋
Mi header no se ve.
Existe el final de este video???/
Hola midu me encanta los videos que haces y el contenido de cada uno de ellos es brutal. Es el primer video tutorial que realizo y no se, si alguien me puede ayudar. No se como visualizar los cambios. Al abrir mi localhost con live server me abre toda la carpeta del portfolio y al seleccionar un archivo lo descarga, no se visualiza.
Ya lo resolví jaja
No tiene sentido instalar más dependencias solo por una fuente
Has un tutorial usando astro con vuejs 🙏