Dynamic Header & Footer - HTML and vanilla JavaScript

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

КОМЕНТАРІ • 22

  • @Backend.FrankGP
    @Backend.FrankGP  Рік тому

    More example of web component:
    frankgp.com/component/

  • @peter_jarecki
    @peter_jarecki Рік тому +2

    Thank you!! It's the simple solution I've been looking for so I don't have to use php. I don't speak Spanish, but I understood your tutorial! Thanks again!!

  • @TEOHERVEL
    @TEOHERVEL Рік тому

    me va a servir ,ya que mi web php dejo de funcionar en el servidor por alguna razon ,gracias,muy explicativo

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

    Muchas gracias amigo, me ayudo mucho y se ve mas optimizado mi código gracias

    • @Backend.FrankGP
      @Backend.FrankGP  9 місяців тому +1

      este javascript te pude servir de guia para el siguiente paso:
      frankgp.com/component/layout.js
      lo puede poner en el de un index.html

  • @victorrpf
    @victorrpf 2 місяці тому +1

    En términos de SEO, cargar el header y footer dinámicamente con JavaScript puede no ser la opción más compatible, especialmente si buscas una indexación rápida y precisa por parte de los motores de búsqueda. Creo que es importante que se sepa.

  • @ludmimunoz7913
    @ludmimunoz7913 Рік тому

    Me encanto el video ❤

  • @punkskaemo92
    @punkskaemo92 2 роки тому

    buen video, Gracias

  • @Metroterrestrial1
    @Metroterrestrial1 8 місяців тому

    Legend!

  • @jamerdanielcastanedaperez8506
    @jamerdanielcastanedaperez8506 11 місяців тому

    Gracias!!!!!!!!!!!!!!!!!

  • @RafaelHEscobar
    @RafaelHEscobar Рік тому

    Muy útil, ¡gracias!
    ¿Cómo haría este mismo proceso pero volviendo el menú responsive, utilizando una const navToggle a través de un EventListener?

    • @Backend.FrankGP
      @Backend.FrankGP  Рік тому

      aqui te hice un navbar responsive codepen.io/fgp555/pen/XWBwwqN
      revisalo y me cuentas

  • @radhy007
    @radhy007 Рік тому

    Interesante. Yo estaba tratando de encontrar una manera de hacer ésto pero solo en html. Pensé que podía hacerlo con iFrame. Tener un header y footer para vários HTML.

  • @meiresoares2134
    @meiresoares2134 Рік тому

    Muito bom! Me ajudou bastante.

  • @joaquin_087
    @joaquin_087 Рік тому

    Buenas, te consulto, con este sistema el diseño se lo podes dar con un CSS externo o si o si hay que incluir el CSS dentro del innerHTML junto con las etiquetas que ponemos en JavaScript?
    El vídeo es espectacular, no creí que con tan poco código (y tan efectivo) se pudiera resolver esto

    • @Backend.FrankGP
      @Backend.FrankGP  Рік тому +1

      Si se puede, yo en mi página web incluyó iconos externos como componente, recuerda que para importar un icono hay que usar un css.
      Te dejo links para que te den ideas 💡
      fgp.one/icon
      fgp.one/illustrator
      fgp.one/contact

  • @kanikama9579
    @kanikama9579 День тому

    como molesta la musica por dios