Como hacer el componente Scroll Spy con Javascript puro

Подписаться 510 тыс.

Просмотров 12 тыс.

50% 1

En este video vamos a ver como hacer el componente de Scroll Spy de Bootstrap pero con Javascript solamente.
Mis cursos de desarrollo web:
⭐ Curso Completo de Diseño Web Profesional:
www.desarrolloweb.io/cursos/d...
⭐ Curso Completo de React y Firebase:
www.desarrolloweb.io/cursos/r...
⭐Curso Completo de Javascript
www.desarrolloweb.io/cursos/j...
⭐ Curso Completo de PHP y MYSQL:
www.desarrolloweb.io/cursos/p...
⭐ Curso de Bootstrap 5:
www.desarrolloweb.io/cursos/b...
⭐ Curso Completo de creación de tiendas online:
www.desarrolloweb.io/cursos/t...
---
📄 Código del Proyecto:
github.com/falconmasters/scro...
---
Redes Sociales:
📌 Twitter: / falconmasters
📌 Página de Facebook: / falconmasters

Наука

Опубликовано:

10 дек 2021

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 42

@FalconMasters 2 года назад

Manita arriba por todos los que no tienen nada que hacer en sábado por la noche y mejor se ponen a ver este video!

@zzno 2 года назад

me encantan tus videos, me han ayudado mucho.

@bran_mrtinez Год назад

jueves, pero de todos modos no le entendí mucho :c

@sanmen1982 Год назад

Muchas por compartir conocimientos. muy interesante para quienes recién comenzamos.

@chicho69-cesar 2 года назад

Cómo siempre los mejores videos sobre desarrollo, muchas gracias 👏👏

@MrVolumetonetone 2 года назад

Justo estaba necesitando aprender a hacer esto y lo subes,

@dixdox1817 2 года назад

aprovecho que volvi a tu canal para agradecerte, gracias a tus cursos antiguos me adentre en la programacion y ahora estoy tratando de estudiar programacion para seguir y tambien buen vidoe 10/10

@espinoza89cr 2 года назад

Como siempre un super vídeo, gracias por compartir tanto conocimiento🤓🧠

@YoSoyHendrix 2 года назад

Excelente video gracias

@zcoding8355 2 года назад

Como siempre un vídeazo, con una explicación sencilla y un manejo de la temática nivel pro! Felicitaciones Maestro..😎👍

@FalconMasters 2 года назад

Muchas gracias !

@luciamunoz3042 2 года назад

Muchas gracias por compartir tus conocimientos, de verdad me ayudas mucho... 😊

@FalconMasters 2 года назад

Me alegra mucho que así sea!

@ElvisJosue98 2 года назад

Tremendo video hermano

@elbelico7268 2 года назад

Excelente canal

@matiassantana4176 2 года назад

La verdad me encanta tu contenido, lo di a conocer hoy. Sos un capo. Me ayudas a mi y seguramente a un montón de personas, desde ya me suscribo. Muchas gracias por lo que haces.

@FalconMasters 2 года назад

Muchas gracias Matias! Lo aprecio mucho.

@geustodj 2 года назад

Falcon muchas gracias, tus videos siempre son muy comprensibles y concretos. sigue con ese excelente trabajo 👍

@FalconMasters 2 года назад

Muchas gracias!

@holgeredudangulocastillo645 2 года назад

En este video pude ver funciones de javascript que nunca había visto como por ejemplo : IntersectionObserver, history.pushState. Me gustaría aprender más.

@No_id. 2 года назад

Masters, permíteme decirte dos cosas,: la primera Felicidades y GRACIAS POR LOS CURSOS todos ...y segunda eres la vivísima voz de Raúl Aldana gran actor de doblaje latino en México, te lo juró que si la programación un día no te deja te puedes ir al doblaje, un Saludo.

@normanejm 2 года назад

Excelente.

@leninvalen123 2 года назад

Je je je eres un Dios con falcon

@antoniovalderrama7080 2 года назад

👏🙏Falcon Masters 👍

@cliconlineStudios 2 года назад

Saludos Maestro hay alguna forma de agregar un botón . para poner mi página en pantalla principal , sin utilizar los botones que trae el navegador de agregar a pantalla principal es decir mi propio botón , Saludos exelente contenido ,

@yacko104 Год назад

no tengo la web tal cual, el menu es horizontal y solo tengo el 3 elementos para que funcione con el scroll en la parte de abajo, la parte del Inicio la tengo en otra parte de la misma pagina, como puedo hacerle que el seleccionado regrese al Inicio cuando este en la parte del inicio? o sea cuando ya no este viendo los 3 elementos

@erickbarcena3414 Год назад

Gracias por el video bro, lo estaba implementando en un proyecto junto con React y al parecer hay cierta incompatibildad con React, alguien sabe más?

@matiasdelgado9982 2 года назад

cual es el tema que usas en vscode?

@crackcode9127 2 года назад

Creó que haces el código mas largo de lo necesario en algunas partes

@soyjonathan. 2 года назад

Falcon, puedes enseñar a hacer una ventana modal?

@FalconMasters 2 года назад

Ya tengo 2 videos de como hacerlas: ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-yYMRuqTIkmM.html ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-VAkKb8lTd-Q.html

@juancarlosfernandez215 2 года назад

Primer comentario!!🙈🙈

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

Consulta, es posible pasar de una pagina a otra sin que se recargue la pagina, solo usando Java Script, HTML y CSS ?

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

Si, esas paginas se llaman "single page apps"

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

@@FalconMasters donde puedo encontrar un video o información para ello ?

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

@@jazo2212 Puedes aprender React y con eso las puedes hacer. Yo tengo un curso de React: www.desarrolloweb.io/cursos/react

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

@@FalconMasters Cuando digo pasar de una pagina a otra, me refiero entre paginas distintas. Porque tengo tres paginas que quiero pasar entre ellas pero al hacerlo se me recarga la pagina y pierdo la información predeterminada que contiene las paginas

@exsze 2 года назад

Js vanilla.

@Unknown-jg8vn 2 года назад

Falcón te acuerdas de mi ? Te vendí piedra en la universidad

@jhonjairoguerrerosanchez5526 2 года назад

Minuto 20:00 Como evitar el ciclo y hacerlo más rápido y optimo, para marcar la clase seleccionada. document.querySelector(`[href="${id}"]`).classList.add("active") Para desmarcar el que esta marcado luego un document.querySelectorAll("a").forEach(e => if(e.getAttribute("href") !== id){ e.classList.remove("active") } )

@jhonjairoguerrerosanchez5526 2 года назад

Gracias por tu video!! Me encantaría colaborar contigo, si es posible!