Es inreible que cad avideo que veo tuyo termino aprendiendo algo nuevo, eres un genio, estoy practicamente empezando con 35 años por cuenta propia como autodidacta y aunque el camino esta siendo algo dificil espero al menos llegar a saber al menos la mitad d elo que tu sabes y poder dominarlo con esa facilidad, muchas gracias por mostrar ese talento e por explicar con tanta claridad.
Muchas gracias por tus video Fatz. Hice toda la pagina usando React y Boostrap ya que ando practicando con el Framework, pero no pude integrar el Scroll reveal, instale las dependencias y lo importe en el componente pero no me sirve. El smoth de jquery me funciona perfectamente.
Hola, estoy viendo los tutoriales y me gustaria hacer una observacion, en los videos pasados tu mismo nos enseñaste "sticky top" que parece ser una solucion instantanea al problema con el nav para que se quede arriba sin estorbar al contenido
para el efecto del scroll scrolling lo puede hace sin js, con lo siguiente. en css main escriban html{ scroll-behavior: smooth; } les dara el mismo efecto
Excelente video Fazt, de verdad tus tutoriales son de mucha ayuda, me preguntaba si hay alguna manera de ocupar el smooth scroll por ejemplo de esta pagina en esta misma pagina pero desarrollada en reactjs, saludos crack!
Si se dan cuenta, en la opcion de "HOME" las letras se quedan en negro, esto es porque en el HTML viene la opción de activada Home Sino quieren que pase eso, solo borren el "active" Saludos
Una duda, En header pones div col-md-6 a izquierda y derecha, que son, como dices 6 columnas a la izquierda y 6 a la derecha, ¿por qué tantas columnas para una Imagen de un lado y texto del otro lado?
Hola Fazt. Gracias por tus aportes permanentes. Te hago una consulta: en el minuto 12:55 colocas la clase ml-auto para alinear a la derecha.. lo he intentado de 1000 formas, pero no me funciona. Tienes idea de que podria ser? A proposito, de donde eres? Argentina?
@@josemanuelmonroyveizaga2905 Finalmente lo pude solucionar con css. Le agregué un clase y en css configuré Margin-left: auto. Con bootstrap 4 no lo pude lograr.
Hola, estoy aprendiendo bastante con los videos. Si ya desarrollé mi webpage con bootstrap, será necesario crear algún archivo más para subirlo a mi hosting? ¿Tienes algún video de referencia para realizar el proceso?
Hola amigo, podrías hacer un curso videotutorial o curso de como implementar una app websocket desde 0 o con librerias de tercceros como ratchet por ejemplo ? :/ Estoy seguro que no soy el único que te lo agradecería :D
Ahora no se debe usar nada de jquery para hacer lo del smooth scroll, con agregar html{ scroll-behavior: smooth} Es casi igual el efecto y solo con una linea de codigo
muy buen video, solo una pregunta segui todos tus pasos pero al final al hacer click en home, about, y contact me manda a esa parte pero me deja un poco abajo cortando la imagen y el texto un poco de arriba, cual podra ser el problema?
Hola muchas gracias por tu trabajo, felicidades por compartir tu conocimiento. Quería preguntarte sobre como se puede hacer que el efecto Smooth scrolling se aplique en Safari, en Chrome funciona sin problema pero en Safari no, y también quisiera saber si sabes cómo hacer que que cuando desplazas hacia arriba el scroll se anime de nuevo los elementos como sucede en esta página: kubrick.life/?fbclid=IwAR1SuxzvpGyXmsyzk3lQ48f-WsWcMluHpQ03vjirWjlcLl70U61NqGI385s Muchas muchas gracias.
ya lo solucione es que hacia falta poner una etiqueta muy importante para que funcione el responsive que es esta, estaba en la documentación. de otra manera no funciona el responsive en dispositivos móviles. ¡gracias! de igual forma.
men pues yo lo verifique para el responsive de 320x568 que es el de mi telefono y no funciono los otros tamaños pues, quiza se mire, pero no en el tamaño adecuado a la pantalla. :v yo si lo verifique jajaja soy re detallista con eso del diseño.
a mi me pasa lo mismo con los efecto, los tube que poner asi por el momento window.sr = ScrollReveal(); sr.reveal('.navbar',{ duration: 2000, origin: 'bottom' }); sr.reveal('.header-content-left',{ duration: 2000, origin: 'top' }); sr.reveal('.header-content-right',{ duration: 2000, origin: 'right' }); sr.reveal('.header-btn',{ duration: 2000, origin: 'bottom' }); sr.reveal('#testimonial',{ duration: 2000, origin: 'left' }); sin los distance y deley.
SI NO FUNCIONA↓↓↓ Para los que escribieron en CSS: html{ scroll-behavior: smooth; } Si no les funciono !!!! Escribir en el navegador: chrome://flags/ Luego busquen Smooth Scrolling y cambienlo por: " Enabled ó Activado" Saludos,
no me he cambiado a nada ;) , honestamente me da igual el editor. también uso vscode, brackets, sublime text, aunque me gusta más vim en estos momentos, por la configuración que uso :)
Primero que nada gracias por el tutorial pero tengo un problema cuando le doy un click a home se come parte de la imagen primera el navbar no me respeta el margen del header igual cuando presiono about tambien se come la imagen segunda poco el navbar que sera?
Wow faz, usted me ha ayudado mucho, espero que en verdad Dios te bendiga, que tengas un maravilloso dia.
Es inreible que cad avideo que veo tuyo termino aprendiendo algo nuevo, eres un genio, estoy practicamente empezando con 35 años por cuenta propia como autodidacta y aunque el camino esta siendo algo dificil espero al menos llegar a saber al menos la mitad d elo que tu sabes y poder dominarlo con esa facilidad, muchas gracias por mostrar ese talento e por explicar con tanta claridad.
Mortal! Estaba buscando esto!!! Muchas empresas ´piden Boostrap y me decidí a hacer al menos un proyectito con esa librería :D
Explicas a muy buena velocidad y eso agiliza mucho el aprendizaje. Felicitaciones.
Muchas gracias. Funcionando todo en Octubre 2020. Saludos desde Madrid.
Excelente explicación!. Muchas gracias por tus colaboraciones a nosotros los programadores.
Gracias por el video. Hacen falta mas canales como el tuyo.
Excelente curso y también la manera de explicar tanto conocimiento. Gracias!
Muchas Gracias Profesor! Sus aportes son de gran valor para nosotros.
Excelente video men Muchas Gracias por la dedicación al mundo.
Gracias por todo el contenido hermano, sos un Crack
Muy buen video, felicitaciones y gracias por todos tus aportes... saludos desde Colombia...!
Muy buen video, muy util. Muchas gracias!
Gracias por compartir tus conocimientos, eres muy bueno explicando!
muchas gracias amigo cuando gane dinero te daré una buena paga gracias por tu trabajo
Brillante!!! muy didactico ... exitos y mas videos de este tipo ... saludos desde Paraguay
excelente material una vez mas fazt!, saludos desde chile
Muchas gracias por tus video Fatz. Hice toda la pagina usando React y Boostrap ya que ando practicando con el Framework, pero no pude integrar el Scroll reveal, instale las dependencias y lo importe en el componente pero no me sirve. El smoth de jquery me funciona perfectamente.
muchas gracias por el tutorial, pude personalizarlo y quedó genial!
Hola, estoy viendo los tutoriales y me gustaria hacer una observacion, en los videos pasados tu mismo nos enseñaste "sticky top" que parece ser una solucion instantanea al problema con el nav para que se quede arriba sin estorbar al contenido
para el efecto del scroll scrolling lo puede hace sin js, con lo siguiente.
en css main escriban
html{
scroll-behavior: smooth;
}
les dara el mismo efecto
Pro
Pro X2
tenes idea porque en los script no me funcionan los atrributos distance y deley.
Me lo manda cortado.
@@Mordidaporlasviboras No tiene soporte en todos los navegadores o versiones de los mismos, lo digo porque me pasa lo mismo y lo busqué u-u
Excelente explicación, un ejercicio muy práctico
Excelente aporte, me ayudó mucho con mi proyecto, saludos Fatz!
Eres el mejor!! gracias !!!
Me encantan este tipo de vídeos. Te dejo un like
Muchas gracias.... nos ayudas a muchos!!!
Muy buen vídeo. Muchísimas gracias. Saludos.
Mil gracias por tan valioso contenido!!
Saludos. A poner en practica el video.
Muchas gracias amigo me ha sido de gran ayuda :)
Gracias amigo, justo lo que buscaba.
Muy bien explicado todo
Gracias por el contenido fazt sos un crack
graciasss men !!!!! has salvado mi trabajo ! jeje!
Hola!! @Fazt puedes realizar un video con referencia en Shopify? mas exactamente en como mejorar la sesión en agregar el carrito de compras . Gracias
Muy bueno, felicidades por el vídeo!
Excelente video Fazt, de verdad tus tutoriales son de mucha ayuda, me preguntaba si hay alguna manera de ocupar el smooth scroll por ejemplo de esta pagina en esta misma pagina pero desarrollada en reactjs, saludos crack!
Exelente video buen hombre, ya tiene su LIKE
Si se dan cuenta, en la opcion de "HOME" las letras se quedan en negro, esto es porque en el HTML viene la opción de activada
Home
Sino quieren que pase eso, solo borren el "active"
Saludos
Gracias hermano, eres de gran ayuda
Muy bueno 👍
Haces muy buenos videos
Muchas gracias amigo!!!!!!!!!!!
Excelente video
Gracias. Muy bueno
Excelente vídeo!
Simple y conciso ;)
Severo Tutorial thanks
Qué interesante! 🤗🙌 Likee
Una duda, En header pones div col-md-6 a izquierda y derecha, que son, como dices 6 columnas a la izquierda y 6 a la derecha, ¿por qué tantas columnas para una Imagen de un lado y texto del otro lado?
Gracias por los tutoriales, muy buenos. Por casualidad tendras alguna referencia o algo que recomiendes para un form wizard?
Mil gracias
Hola loco, gracias por el material
muy buena tu pagina . yo quisiera tener la mia tambien!!
Hola Fazt. Gracias por tus aportes permanentes. Te hago una consulta: en el minuto 12:55 colocas la clase ml-auto para alinear a la derecha.. lo he intentado de 1000 formas, pero no me funciona. Tienes idea de que podria ser? A proposito, de donde eres? Argentina?
Finalmente lo pude solucionar con css. Margin-left: auto.. 🤷♂️🤷♂️
me podrias mostar como lo solucionaste?... estoy con bootstrap 5 y me pasa lo mismo y no puedo solucionarlo por favor!
@@josemanuelmonroyveizaga2905
Finalmente lo pude solucionar con css.
Le agregué un clase y en css configuré Margin-left: auto.
Con bootstrap 4 no lo pude lograr.
Si usas Bootstrap 5, prueba con me-left (margin end) (según leí en la documentación, ahora se haría de esa manera)
Perdón, ms-auto (margin start) (esto es lo malo de escribir de memoria)
Hola, estoy aprendiendo bastante con los videos. Si ya desarrollé mi webpage con bootstrap, será necesario crear algún archivo más para subirlo a mi hosting? ¿Tienes algún video de referencia para realizar el proceso?
Excelente amigo
Hola amigo, podrías hacer un curso videotutorial o curso de como implementar una app websocket desde 0 o con librerias de tercceros como ratchet por ejemplo ? :/ Estoy seguro que no soy el único que te lo agradecería :D
Muy bueno ,algún libro que me recomienden para aprender JavaScript,para leer en el trabajo , gracias.
una pregunta, de ante mano gracias, donde o como consigo mas clases para decorar el sitio web.
Te recomiendo hacer un vídeo de Angular , php y mysql
que tal recomendacion jajaja , porque no dices pordrias hacer un video de ese tipo seria de mucha ayuda
consulta, que faltaría hacer para al clickear sobre unos de los menús vaya al comienzo de esa sección??
buen video bro
Genioooooooo
Scroll Reveal depende de alguna libreria?
¡Graciaaas!
Podrias hacer un video de como agregar formularios de contacto con varias casillas de llenado?
Pero que sea funcional con algunas pruebas si es posible ese tutorial
Ahora no se debe usar nada de jquery para hacer lo del smooth scroll, con agregar html{ scroll-behavior: smooth} Es casi igual el efecto y solo con una linea de codigo
y en que parte agregas esta linea de codigo
@@skollgrendel782 En tu main.css
Gracias
como podemos subirla a la web para que si la buscaramos por ejemplo con google nos apareciera? muchas gracias por el vídeo.
cuando agrego la clase conteiner a la barra de navegacion todo se me junta a la izquierda, que hago?
Puedes Aser formulario de contacto PHP y MySQL
¿Se debe pagar por scrollreveal para su uso? O esperan que lo hagamos.
Buenos vídeos!, saludos desde mi canal !!
Ey viejo... En que te gusta programar mas: front o backend?
me voy por el back yo creo, esta más relacionado a programar, y a la lógica de las apps. aunque el front también se esta complicando estos días :D
Opino igual
muy buen video, solo una pregunta segui todos tus pasos pero al final al hacer click en home, about, y contact me manda a esa parte pero me deja un poco abajo cortando la imagen y el texto un poco de arriba, cual podra ser el problema?
Necesitas ponerle un margen igual como hizo con la primera sección!
@@anag2125 muchas gracias
@@anag2125 No entiendo bien como Ana :/
@@andy1858 Home
y en el main.css puse:
#info-one {
padding-top: 50px;
padding-bottom: 50px;
}
como hacer para que, al hacer clic al menú el scroll haga un movimiento más lento que el que hace en el vídeo
Disculpa pero no tendras alguna pagina donde hay animaciones para añadir a mi pagina , me refiero como scrollreveal
se puede para moviles ?
Fazt, ya el ml de boostrap no funciona? a mi no me sirve :(
Al momento de darle al home me lo muestra recortado, ¿alguna recomendación??
hola,una pregunta,como puedo cambiar el tamaño de una imagen sin usar las Columnas? me quedo esa duda disculpa...
@Hernandez Valdez Erick Ramon Gracias a ambos, no me aparecía la imagen
No me funcionaba el ml-auto del NavBar: en Bootstrap 5 cambiaron "Renamed .ml-* and .mr-* to .ms-* and .me-*." (wtf???)
Si usais sticky-top en vez de fixed-top te ahorras darle el margin-top al header,hay que ahorrar -_-
no entendi el 100% del ancho de las columnas.. =?
Hola muchas gracias por tu trabajo, felicidades por compartir tu conocimiento. Quería preguntarte sobre como se puede hacer que el efecto Smooth scrolling se aplique en Safari, en Chrome funciona sin problema pero en Safari no, y también quisiera saber si sabes cómo hacer que que cuando desplazas hacia arriba el scroll se anime de nuevo los elementos como sucede en esta página: kubrick.life/?fbclid=IwAR1SuxzvpGyXmsyzk3lQ48f-WsWcMluHpQ03vjirWjlcLl70U61NqGI385s Muchas muchas gracias.
El menú hamburguesa no se despliega, así que tuve que agregarle un script que tenía de casualidad en otro proyecto
Men será que me puedes dar una ayuda, por alguna razón no me está funcionando el responsive
copiaste bien el enlace desde bootstrap?
ya lo solucione es que hacia falta poner una etiqueta muy importante para que funcione el responsive que es esta, estaba en la documentación. de otra manera no funciona el responsive en dispositivos móviles.
¡gracias! de igual forma.
tienes toda la razón, no había apretado f12 para verificarlo jajajajaja
disculpa mi ignoracia, pero creo que sin la etiqueta aún se ve mejor en responsive 440x435 que con la etiqueta
men pues yo lo verifique para el responsive de 320x568 que es el de mi telefono y no funciono los otros tamaños pues, quiza se mire, pero no en el tamaño adecuado a la pantalla. :v yo si lo verifique jajaja soy re detallista con eso del diseño.
ml-auto no lo toma el código sigue igual ayuda
creo q el problema es que estamos usando bootstrap5 y y tampoco me funciona le cambio al 4 y recien funciona alguna solucion?
@@josemanuelmonroyveizaga2905 cambiaron ahora es ms, solo eso no mas es
@@jhannoceasermena1737 Muchas gracias por tu aporte.
@@jhannoceasermena1737 gracias
no me funciona los efectos del scroll reveal :(
a mi tampoco :(
a mi me pasa lo mismo con los efecto, los tube que poner asi por el momento
window.sr = ScrollReveal();
sr.reveal('.navbar',{
duration: 2000,
origin: 'bottom'
});
sr.reveal('.header-content-left',{
duration: 2000,
origin: 'top'
});
sr.reveal('.header-content-right',{
duration: 2000,
origin: 'right'
});
sr.reveal('.header-btn',{
duration: 2000,
origin: 'bottom'
});
sr.reveal('#testimonial',{
duration: 2000,
origin: 'left'
});
sin los distance y deley.
@@leandrodean gracias , me funciono de esa manera, en un principio escribí "scrollreveal" todo en minúscula y olvide separarlos con mayúsculas 👌
SI NO FUNCIONA↓↓↓
Para los que escribieron en CSS:
html{
scroll-behavior: smooth;
}
Si no les funciono !!!!
Escribir en el navegador:
chrome://flags/
Luego busquen Smooth Scrolling y cambienlo por: " Enabled ó Activado"
Saludos,
Noté que sin internet no hace el efecto de inicio
Que pasó que pasó amigo fazt! Te cambiaste a atom? 😕 Vscode es el mejor
no me he cambiado a nada ;) , honestamente me da igual el editor. también uso vscode, brackets, sublime text, aunque me gusta más vim en estos momentos, por la configuración que uso :)
Jajaja sólo te estaba jodiendo, excelente video!
xD
Primero que nada gracias por el tutorial pero tengo un problema cuando le doy un click a home se come parte de la imagen primera el navbar no me respeta el margen del header igual cuando presiono about tambien se come la imagen segunda poco el navbar que sera?
A la sección del header , al contenedor se le agrego un mt-5
no funciona el smooth -scroll! a quien más le pasa?
acomoda el link del scrip abajo de el link de los estilos bootstrap.css
Yo eso ya lo hice y sigue sin funcionar :T
descarga el archivo del video y correlo, luego comparas el codigo de la libreria con el tuyo
yA SACARON la propiedad CSS :
html{
scroll-behaviour:smooth;
}
Busca por ahi mas info
Excelente, muchas gracias