Curso de HTMX desde cero: Astro + HTMX y más

Поделиться
HTML-код
  • Опубликовано: 8 янв 2025

Комментарии • 102

  • @soy-luisarrieta
    @soy-luisarrieta 11 месяцев назад +39

    Gracias midu, por tu paciencia y buena vibra con nosotros. Te quiero ♥

    • @midulive
      @midulive  11 месяцев назад +8

      Gracias a ti!!

  • @maykol-rey
    @maykol-rey 9 месяцев назад +3

    Realmente muchas gracias por dar contenido de tanta calidad y gratis!¡Gracias!

    • @midulive
      @midulive  9 месяцев назад

      Gracias a ti!

  • @nicocubero4853
    @nicocubero4853 5 месяцев назад +12

    Excelente midu, muchas gracias. Un detalle: a partir de la versión 2.0 de htmx por defecto está bloqueada la posibilidad de hacer peticiones a urls externas. Por default da error. Para solucionarlo hay que agregar una etiqueta meta al html cambiando a false el valor de selfRequestOnly. Así:
    Saludos y gracias por todo!!

    • @sfontalv19
      @sfontalv19 2 месяца назад

      gracias crack estuve batallando por un error que mostraba en consola

  • @eanappi
    @eanappi 11 месяцев назад +12

    Midu un genio total la mejor combinación Astro ❤ HTMX

  • @JuanGarcia-ng3ym
    @JuanGarcia-ng3ym 11 месяцев назад +2

    Gracias midu, me parece bien darle un vistazo y luego cada uno que haga lo que quiera.

  • @mondragontapiakevinarturo6961
    @mondragontapiakevinarturo6961 11 месяцев назад +2

    Muchas gracias, siempre es un gusto actualizar los conocimientos con tus videos💻🤝🫰🏻

  • @soyalvdev
    @soyalvdev 11 месяцев назад +22

    La magia de PHP, por la que está en el 80% de las webs, es poder hacer plantillas e interactuar con el servidor directamente en el HTML. Eso es HTMX, PHP moderno.

    • @snithfferx
      @snithfferx 11 месяцев назад

      Lo malo es que PHP te sirve para fullstack, HTMX, no... o aun no. jejeje, espero esa evolucion.

    • @aitorllj93
      @aitorllj93 11 месяцев назад +2

      @@snithfferx A qué te refieres con full stack? usarías HTML para programar el servidor? HTMX es una librería de uso para HTML, en servidor puedes usar literalmente cualquier cosa, desde Astro (node.js) hasta Rust, pasando por PHP. Si a lo que te refieres es a HTML como lenguaje de programación de servidor, es posible pero no se hasta qué punto interesante, ya que pierdes flexibilidad. Ha habido intentos con React, y esencialmente los Server Components nacen de esa característica, pero no tiene nada que ver con HTMX. Lo bueno de trabajar Astro con HTMX es que te da mucha versatilidad sobre cómo quieres trabajar el rendering, pudiendo usar el propio Astro, React, Svelte, o lo que quieras y combinarlo con HTMX, de manera que tienes lo mejor de los dos mundos. OJO Astro no es algo que funcione para el 100% de los casos ya que está muy enfocado originalmente en static rendering

    • @snithfferx
      @snithfferx 11 месяцев назад

      @@aitorllj93Si ya existe con javascript que siempre decian que era para front... no me extraña que alguien saque algo parecido a Astro, pero siendo siempre html... pero, sueños nada mas. creo más bien, será como un fork de astro, pero, cn HTMX. 😆

  • @sobit0ks
    @sobit0ks 11 месяцев назад

    Estoy interesado en astro y estoy aprendiendo htmx desde hace un tiempo. Este video ha sido una bendición! Gracias por el contenido, sigue así🔝

  • @el_yisusT
    @el_yisusT 10 месяцев назад

    Gracias!! Que genial la explicación. Para full stack (y el stack no es javascript) está super!

  • @straliusplay5351
    @straliusplay5351 11 месяцев назад +75

    Hablando lo del tema de Astro, en serio. Cada uno puede programar lo que quiere, y como ya ha explicado midu en sus anteriores videos, tenéis que elegir un lenguaje que os guste y que os resulte útil para desarrollar. Y encima, no podéis obligar a esa persona que utilice otro lenguaje en la que queréis aprender. En el directo, había gente que decían, otra vez Astro, porque Astro, Astro, Astro, etc. En serio, no seáis cabezotas, si queréis aprender otro lenguaje, en internet hay muchísimos recursos que lo podéis aprender sin ningún problema o también podéis aprender en los cursos de Midu. Y me resultó raro de que el directo duró 1 hora y 20 minutos y pico, porque en los anteriores directos, él hacía casi 2 horas, no sé si alguien lo ha notado. Y es normal que cuando te dicen eso, se te quita las ganas. Hay que tener respeto a cada uno lo que hace.

    • @carlogustavovalenzuelazepe5774
      @carlogustavovalenzuelazepe5774 11 месяцев назад +4

      "no podeis obligar a alguien a usar un lenguaje"
      Empresas consultoras de software: seguro?😂

    • @soyalvdev
      @soyalvdev 11 месяцев назад

      Claro que no se puede obligar a nadie pero, a veces, hay que elegir entre ser feliz uno mismo o hacer feliz a los demás. Y sospecho que llega un momento en que hay que preocuparse más de hacer feliz a los demás o se irán a aprender lo que quieren de otros recursos en Internet, justo como has dicho.
      Para resumirlo, sigo a Midu por Javascript; el día que empiece a enseñar C# porque le mola, no veré esos videos y me iré a ver los de Héctor de León. Si la gente empezó a seguir a Midu por React y ahora le mola más Astro, entiende sus quejas. Son tan fans de Midu que ni siquiera se van del directo para aprender React con otra persona. Yo creo que es simple de entender, ¿no? En mi caso, yo me hubiera ido sin decir nada y sin quejarme, pero me hubiera ido, que es mucho más grave.
      Creo que lo hacen porque están más interesados en encontrar trabajo que en aprender otros frameworks. A mí me pasaría también si me dan una clase en Dart de OOP pero estoy buscando trabajo en Java con su ecosistema. Por mucho que se parezcan, cuanto más en contacto esté con el lenguaje que me da de comer, mejor.

    • @angelocana7579
      @angelocana7579 11 месяцев назад +6

      ​@@soyalvdev su contenido es gratis encima te quejas cd

    • @Subcorporeal
      @Subcorporeal 11 месяцев назад

      ​@@soyalvdevmaldito castroso vete a dormir

    • @soyalvdev
      @soyalvdev 11 месяцев назад

      @@angelocana7579 Su contenido es gratis pero mi tiempo no. Yo pago con mi tiempo. ¿Tú tiempo no vale nada? Por otro lado, como ya he dicho, yo no me quejo, yo directamente me iría si no me gusta lo que veo, sin quejarme y sin perder tiempo. quejándome. ¿Ha quedado claro que no me quejo?

  • @SonGoku-pc7jl
    @SonGoku-pc7jl 11 месяцев назад +4

    hoy has sacado plugin para tailwind y curso de de htmx, gracias por un buen jueves de estudio! :D

  • @CesarFernandez-q1p
    @CesarFernandez-q1p 3 месяца назад

    Brutal... lo usare con GO, y adios react... :P gracias midu, tu contenido siempre fenomenal!!!!

  • @joaquinmartinez8702
    @joaquinmartinez8702 11 месяцев назад +1

    Gracias midu, por más cursos así ❤

  • @xsrpma
    @xsrpma 10 месяцев назад

    Te arriesgarse con mustache para mostrar su versatilidad. Gracias por este valioso video. Esperemos que madure su ecosistema para integrarse con un backend javascript

  • @filthkyory
    @filthkyory 11 месяцев назад

    Tremendo crack... Muy chévere lo que muestras...!

  • @kbu9999
    @kbu9999 11 месяцев назад +4

    HTMX es fantastico, yo lo probé con go y templ

  • @etorius22
    @etorius22 10 месяцев назад

    Muchisimas gracias por este video y por el tutorial, aunque creo que es importante contextualizar HTMX no solo como un nuevo jQuery sino en el contexto de Hypermedia System, de las HATEOAS y del cambio de mindset que supone respecto al paradigma Front-Back o SPA-REST.

  • @jvakksisjid
    @jvakksisjid 11 месяцев назад +9

    HTMX es como el tailwind de javascript

    • @paolobooker4163
      @paolobooker4163 11 месяцев назад +2

      Iba a comentar justo lo mismo hasta que vi tu comentario XD

    • @cesarrotela
      @cesarrotela 9 месяцев назад +1

      no era alpine.js ? el tailwind de javascript ?

  • @dybite
    @dybite 11 месяцев назад +1

    Voy a investigar lo que dijiste de utilizar HTMX con .Net, interesante.

  • @siiegfried
    @siiegfried 11 месяцев назад +1

    Muchas gracias por compartir tu conocimiento :')

    • @midulive
      @midulive  11 месяцев назад

      Con mucho gusto

  • @gibranlopez5861
    @gibranlopez5861 11 месяцев назад +2

    Eres un crack Midu ❤️

  • @agustinsardon1904
    @agustinsardon1904 6 месяцев назад

    A mi me parece una pasada que desde html, sin utilizar javascript ni andar con el DOM para atrás y para alante, ya sea con librerías o no, puedas hacer peticiones asíncronas y actualizar partes de la página como quien enlaza diferentes páginas con hipervínculos. O sea, el hipertexto de ht-ml, pero para hacer lo que hacen las librerías de javascript conectándose a una api. Y además puedes renderizar en el cliente, con un motor de plantillas para javascript, pero también en el servidor con un lenguaje de servidor, que puede no ser javascript. Y todo como quien utiliza hipervínculos, el paradigma de hipertexto. Ya digo, una pasada. Ars longa vita brevis.

  • @Miguel_Castaneda
    @Miguel_Castaneda 11 месяцев назад

    Como siempre, un video de calidad! Grande Midu 🖖🏼

  • @diegoimberti4398
    @diegoimberti4398 11 месяцев назад +1

    Grande midu.!!! LuPutoAmo

  • @kbu9999
    @kbu9999 11 месяцев назад

    Midu, lo mas Importante de HTMX es que puedes ver el Estado real de los datos, tal cual estan en el servidor. Creo lo que mas aporta HTMX

  • @alvarobencosme5348
    @alvarobencosme5348 11 месяцев назад

    Ahora si, oficialmente BIENVENIDO A LA HYPERMEDIA MIDU ajja

  • @renzosolis992
    @renzosolis992 11 месяцев назад +11

    Dan vergüenza los viwers son muy pesados con lo de Astro Si Astro No ¿Porque usas Astro? ¿Porque no usas React? insinuar que un cosa es mejor que la otra MOLESTA
    Basta de esa actitud inmadura, personalmente vengo a ver los videos y directos de Midu para aprender programación de forma autodidacta SE NOTA QUE LA GENTE NO PRESTABA ATENCIÓN AL ESTAR ENVIANDO COMENTARIOS QUE NO APORTAN NINGÚN VALOR
    Con esto tampoco quiero decir que es totalmente malo decir alguna que otra broma, pero por favor no sean tan pesados

    • @soyalvdev
      @soyalvdev 11 месяцев назад

      Yo creo que lo hacen porque están más interesados en encontrar trabajo que en aprender otros frameworks. A mí me pasaría también si me dan una clase en Dart de OOP pero estoy buscando trabajo en Java. Por mucho que se parezcan, cuanto más en contacto esté con el lenguaje que me da de comer, mejor.

    • @RoS_SX
      @RoS_SX 9 месяцев назад

      @@soyalvdev Que se busquen tutoriales de react y revisar documentacion, deja de defender tonterias payaso

  • @tatoElpaisa
    @tatoElpaisa 11 месяцев назад +1

    Bien por los que usen htmx, la web en general es maravillosa y para gustos los colores.
    Pero Personalmente veo HTMX horrible.
    Gracias Midu por tu tiempo y por saber de todo. 🙏🏼

  • @casvaru
    @casvaru 10 месяцев назад

    Me parece excelente usar htmx y tailwind para crear prototipos de alta fidelidad y mostrar una idea rápida ya que ambos escriben poco código.

  • @conradohernanvillagil2764
    @conradohernanvillagil2764 11 месяцев назад

    Midu gracias por este gran capítulo, increíble video. Please : una muestra de Astro, htmx junto con un "backendsito" con Rust y MongoDB o cualquier sabor de SQL.

  • @yamiddev
    @yamiddev 11 месяцев назад

    Hola Midu, gracias por el video. Quiero comentarte que tengo problemas al crear mi template con mustache, es que lo tengo exactamente igual... y me sigue saliendo el json tal cual, no el template.

  • @ahmadumar9387
    @ahmadumar9387 3 месяца назад

    hi miguel, hope you are well, your content is amazing, which i know spanish... therefore got a question, do have the full code online with commits?

  • @hkfuertes
    @hkfuertes 11 месяцев назад

    `astro-htmx` no tiene alguna directiva para no mandar el head ni el resto del body con cada partial?

  • @cococovrro
    @cococovrro 11 месяцев назад

    En ruby on rails HTMX y su predecesor intercooler.js funcionan perfecto, ya que este trabaja con templates.

  • @snithfferx
    @snithfferx 11 месяцев назад +1

    Yo cuando lo vi, me dije... esta en alpha, hora de meterle mano, pero.... me encontre teniendo que usar siempre javascript, en eso me fallo. voy a probar ahora a ver si con los cambios, ya me funciona mejor.
    Ya estoy esperando algun framework basado en HTMX, o similar a astro... pero siento que es mucho pedir y se sale de la idea principal.

    • @gabrielibancruzfraguela7863
      @gabrielibancruzfraguela7863 3 месяца назад

      Fasthtml. Es en python.

    • @snithfferx
      @snithfferx 3 месяца назад +1

      @@gabrielibancruzfraguela7863 me refería a lo que dice que es, dice que produce html a partir del backcode, pero al final genera js no html, bueno la mayoría de documentos que se generan. Yo esperaba algo como la mezcla de php-html, pero igual, la cosa es que está guenardo ese framework

  • @sebastianalba6916
    @sebastianalba6916 11 месяцев назад

    Efectivamente se me cayeron las bolas después del curso.

  • @emauriciobc
    @emauriciobc 11 месяцев назад +3

    ❤❤❤

  • @AntojoTech
    @AntojoTech 11 месяцев назад +1

    Me llegaron recuerdos de JSF y JSFX

  • @renzojimenez9792
    @renzojimenez9792 11 месяцев назад

    Buenas tardes esto esta en un repo ?

  • @fitodac
    @fitodac 4 месяца назад

    Hola Midu, soy de argentina, y se me cayeron las bolas al suelo XD

  • @memotux
    @memotux 11 месяцев назад +1

    Midu con los atributos en Astro : 😍. Midu con los atributos en htmx: 😘. Midu con los atributos en Vue.js: 😠😡🤬.

    • @midulive
      @midulive  11 месяцев назад +2

      Jajaja pero lo de Vue no son atributos, son directivas. Si tuviese un hx-if, me parecería horrible. Astro tampoco tiene. :)

  • @MithosDs
    @MithosDs 10 месяцев назад

    Lo podrias subir a Github xfavor

  • @internoma
    @internoma 10 месяцев назад

    No entiendo como te funciona con el atributo "mustache-template" y no "mustache-array-template".

  • @Dxs-d9x
    @Dxs-d9x 11 месяцев назад +1

    Siiiu

  • @AlejandroGonzalez-v3l
    @AlejandroGonzalez-v3l 11 месяцев назад

    Digamos ahora q usamos HTMX y TailwindCSS al mismo tiempo, los archivos van a tener 99999 lineas de codigo, no se, se me hace q va a tener demaciado boilerplate los archivos. Saludos desde Cuba

  • @PredicasCristianasCPC
    @PredicasCristianasCPC 11 месяцев назад

    Alguien que sabe Javascript, y cualquier otro lenguaje no necesita esto, pienso que esto es muy inseguro.

  • @alfredoramirez321
    @alfredoramirez321 11 месяцев назад

    Htmx + Tailwind, ahora El HTML pesará más que jQuery y React juntos.😄

  • @JorgeSanchez-vt2bj
    @JorgeSanchez-vt2bj 11 месяцев назад +1

    Cuarto

  • @Hikari-sj8vn
    @Hikari-sj8vn 11 месяцев назад +1

    Primero!

  • @joaquinnader
    @joaquinnader 11 месяцев назад +1

    tremendo curso pero no lo usaría x ahora...

  • @ritodev
    @ritodev 7 месяцев назад

    jajaja lo vi apenas estoy aprendiendo html jajaja

  • @yas-code
    @yas-code 11 месяцев назад

    ni lo amo ni lo odio, he visto varios videos de htmx y no se porque aun me sigue pareciendo que no es una buena idea tener toda esa chorongera de cosas en el html :D

  • @adrianjim7830
    @adrianjim7830 11 месяцев назад +1

    Es que faltó
    export const partial = true;
    en las pages partials

    • @midulive
      @midulive  11 месяцев назад +5

      Toda la razón, se me olvidó ponerlo para evitar enviar todo el HTML!

    • @adrianjim7830
      @adrianjim7830 11 месяцев назад +2

      Excelente trabajo y motivación Midu 😎 gracias por regalarnos estos cursos 😌

  • @miracomosemenea3148
    @miracomosemenea3148 11 месяцев назад +1

    Resumen del video: me dejó fatal, pero mira esta transición

  • @quimicaengenharia
    @quimicaengenharia 11 месяцев назад

    Midu junte HTMX y Pyscript 🙂

  • @fight.....
    @fight..... 11 месяцев назад +1

    Tercero

  • @Hauchcraft
    @Hauchcraft 11 месяцев назад +2

    Hola

  • @saulrojas2679
    @saulrojas2679 11 месяцев назад +7

    Los desarrolladores javascript 💀

  • @asesorwebvideos
    @asesorwebvideos 11 месяцев назад +1

    sera un complemento y no reemplazara a nada...

  • @memotux
    @memotux 11 месяцев назад

    Finalmente una librería con la que podemos comparar React. Pues… ya que React no es un framework. 😂

  • @KodexAnt
    @KodexAnt 11 месяцев назад

    what sorcery is this...

  • @lnard214
    @lnard214 11 месяцев назад

    midu, alpinejs es mejor

  • @jvakksisjid
    @jvakksisjid 11 месяцев назад +2

    Midu, deja de molar tanto, en serio... que ya exageras!

  • @moralex74
    @moralex74 2 месяца назад

    Interesante pero algo complicado.

  • @gianfrancodevita3723
    @gianfrancodevita3723 10 месяцев назад

    Tu contenido vale oro, estaría bueno una colaboracion con @soyDalto otro crack!!