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

Поділитися
Вставка
  • Опубліковано 27 гру 2024

КОМЕНТАРІ • 102

  • @maykol-rey
    @maykol-rey 9 місяців тому +2

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

    • @midulive
      @midulive  9 місяців тому

      Gracias a ti!

  • @soy-luisarrieta
    @soy-luisarrieta 10 місяців тому +39

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

    • @midulive
      @midulive  10 місяців тому +8

      Gracias a ti!!

  • @nicocubero4853
    @nicocubero4853 5 місяців тому +11

    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

  • @straliusplay5351
    @straliusplay5351 10 місяців тому +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 10 місяців тому +4

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

    • @soyalvdev
      @soyalvdev 10 місяців тому

      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 10 місяців тому +6

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

    • @Subcorporeal
      @Subcorporeal 10 місяців тому

      ​@@soyalvdevmaldito castroso vete a dormir

    • @soyalvdev
      @soyalvdev 10 місяців тому

      @@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?

  • @eanappi
    @eanappi 10 місяців тому +12

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

  • @mondragontapiakevinarturo6961
    @mondragontapiakevinarturo6961 10 місяців тому +2

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

  • @JuanGarcia-ng3ym
    @JuanGarcia-ng3ym 10 місяців тому +2

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

  • @CesarFernandez-q1p
    @CesarFernandez-q1p 3 місяці тому

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

  • @sobit0ks
    @sobit0ks 10 місяців тому

    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!

  • @joaquinmartinez8702
    @joaquinmartinez8702 10 місяців тому +1

    Gracias midu, por más cursos así ❤

  • @SonGoku-pc7jl
    @SonGoku-pc7jl 10 місяців тому +4

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

  • @soyalvdev
    @soyalvdev 10 місяців тому +21

    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 10 місяців тому

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

    • @aitorllj93
      @aitorllj93 10 місяців тому +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 10 місяців тому

      @@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. 😆

  • @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 10 місяців тому

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

  • @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.

  • @gibranlopez5861
    @gibranlopez5861 10 місяців тому +2

    Eres un crack Midu ❤️

  • @siiegfried
    @siiegfried 10 місяців тому +1

    Muchas gracias por compartir tu conocimiento :')

    • @midulive
      @midulive  10 місяців тому

      Con mucho gusto

  • @Miguel_Castaneda
    @Miguel_Castaneda 10 місяців тому

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

  • @kbu9999
    @kbu9999 10 місяців тому +4

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

  • @dybite
    @dybite 10 місяців тому +1

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

  • @diegoimberti4398
    @diegoimberti4398 10 місяців тому +1

    Grande midu.!!! LuPutoAmo

  • @jvakksisjid
    @jvakksisjid 10 місяців тому +8

    HTMX es como el tailwind de javascript

    • @paolobooker4163
      @paolobooker4163 10 місяців тому +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 ?

  • @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.

  • @kbu9999
    @kbu9999 10 місяців тому

    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

  • @conradohernanvillagil2764
    @conradohernanvillagil2764 10 місяців тому

    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.

  • @tatoElpaisa
    @tatoElpaisa 10 місяців тому +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.

  • @alvarobencosme5348
    @alvarobencosme5348 10 місяців тому

    Ahora si, oficialmente BIENVENIDO A LA HYPERMEDIA MIDU ajja

  • @emauriciobc
    @emauriciobc 10 місяців тому +3

    ❤❤❤

  • @Hikari-sj8vn
    @Hikari-sj8vn 10 місяців тому +1

    Primero!

  • @renzosolis992
    @renzosolis992 10 місяців тому +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 10 місяців тому

      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 8 місяців тому

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

  • @yamid-dev
    @yamid-dev 10 місяців тому

    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 2 місяці тому

    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?

  • @snithfferx
    @snithfferx 10 місяців тому +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

  • @hkfuertes
    @hkfuertes 10 місяців тому

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

  • @AntojoTech
    @AntojoTech 10 місяців тому +1

    Me llegaron recuerdos de JSF y JSFX

  • @memotux
    @memotux 10 місяців тому +1

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

    • @midulive
      @midulive  10 місяців тому +2

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

  • @cococovrro
    @cococovrro 10 місяців тому

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

  • @renzojimenez9792
    @renzojimenez9792 10 місяців тому

    Buenas tardes esto esta en un repo ?

  • @sebastianalba6916
    @sebastianalba6916 10 місяців тому

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

  • @fitodac
    @fitodac 4 місяці тому

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

  • @Dxs-d9x
    @Dxs-d9x 10 місяців тому +1

    Siiiu

  • @internoma
    @internoma 10 місяців тому

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

  • @fight.....
    @fight..... 10 місяців тому +1

    Tercero

  • @MithosDs
    @MithosDs 10 місяців тому

    Lo podrias subir a Github xfavor

  • @JorgeSanchez-vt2bj
    @JorgeSanchez-vt2bj 10 місяців тому +1

    Cuarto

  • @AlejandroGonzalez-v3l
    @AlejandroGonzalez-v3l 10 місяців тому

    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

  • @adrianjim7830
    @adrianjim7830 10 місяців тому +1

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

    • @midulive
      @midulive  10 місяців тому +5

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

    • @adrianjim7830
      @adrianjim7830 10 місяців тому +2

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

  • @alfredoramirez321
    @alfredoramirez321 10 місяців тому

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

  • @Hauchcraft
    @Hauchcraft 10 місяців тому +2

    Hola

  • @PredicasCristianasCPC
    @PredicasCristianasCPC 10 місяців тому

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

  • @joaquinnader
    @joaquinnader 10 місяців тому +1

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

  • @quimicaengenharia
    @quimicaengenharia 10 місяців тому

    Midu junte HTMX y Pyscript 🙂

  • @yas-code
    @yas-code 10 місяців тому

    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

  • @ritodev
    @ritodev 6 місяців тому

    jajaja lo vi apenas estoy aprendiendo html jajaja

  • @miracomosemenea3148
    @miracomosemenea3148 10 місяців тому +1

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

  • @saulrojas2679
    @saulrojas2679 10 місяців тому +6

    Los desarrolladores javascript 💀

  • @asesorwebvideos
    @asesorwebvideos 10 місяців тому +1

    sera un complemento y no reemplazara a nada...

  • @gianfrancodevita3723
    @gianfrancodevita3723 10 місяців тому

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

  • @memotux
    @memotux 10 місяців тому

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

  • @lnard214
    @lnard214 10 місяців тому

    midu, alpinejs es mejor

  • @KodexAnt
    @KodexAnt 10 місяців тому

    what sorcery is this...

  • @jvakksisjid
    @jvakksisjid 10 місяців тому +2

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

  • @moralex74
    @moralex74 Місяць тому

    Interesante pero algo complicado.