Dale Vida a tu Página Web con estas Partículas en Movimiento!

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

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

50% 1

En este video aprenderás como darle vida a tu pagina web agregando unas partículas dinámicas de fondo con HTML y Javascript.
🚀 Blog de Diseño Web:
www.falconmasters.com
⭐ Curso de Diseño Web desde Cero:
www.desarrolloweb.io/cursos/d...
⭐ Curso de PHP y MYSQL desde Cero:
www.desarrolloweb.io/cursos/p...
⭐ Curso de React y Firebase desde Cero:
www.desarrolloweb.io/cursos/r...
⭐ Curso de Bootstrap:
www.desarrolloweb.io/cursos/b...
⭐ Curso de Woocommerce:
www.desarrolloweb.io/cursos/t...
---
📄 Código del Proyecto: github.com/falconmasters/part...
Página de ParticlesJS: vincentgarreau.com/particles.js/
---
Redes Sociales:
♦ Twitter @falconmasters:
/ falconmasters
♦ Pagina de Facebook:
/ falconmasters

Наука

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

10 окт 2019

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

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

Dale manita arriba al video si te gusto este efecto! 👍

@danielvnzla6278 4 года назад

Puedes hacer un tutorial de Materialize CSS please!!!

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

@@danielvnzla6278 El siguiente video es justo de un componente de materialize. Si les gusta quizás pueda hacer algún video guía o algo.

@danielvnzla6278 4 года назад

@@FalconMasters Genial! lo esperare con ansias

@albinperezgomez3510 4 года назад

HOLA ARTURO, COMO ESTAS AMIGO TENGO UNA DUDA ,SI PUDIERA ACLARARME,TENGO TRES SOFTWARE INSTALADOS,CADA UNO TIENE ACCESO POR SEPARADOS,YO HE CREADO UNA PAGINA DE INICIO A PARTE Y NECESITO QUE A LOS TRES SOFTWARE SE ACCEDA DESDE ESA PAGINA CON EL MISMO USUARIO Y CLAVE CON EL QUE SE REGISTREN LOS USUARIOS, ¿COMO PUEDO HACER ESO?. POR FAVOR HERMANO SI PUDIERAS DECIRME,MUCHA GRACIAS ,UN CORDIAL SALUDO

@Ivaylo_. 3 года назад

@@albinperezgomez3510 Mucho texto

@marianogarmendia 3 года назад

Arturo debes poner la opcion de unirte asi podemos colaborar economicamente en tu canal, creo que todo el conocimiento que brindas debe de alguna manera ser retribuido , por mi parte he comprado ya un curso tuyo en Udemy de muy alta calidad, espero seguir aprendiendo de tus conocimientos! saludos

@shinigami0003 4 года назад

siempre haces excelentes videos y explicaciones, tome ya uno de tu cursos en Udemy eres un gran profesor

@JanielMedinaGomez 4 года назад

Carlos. Eres un fuera de serie amigo. ¡Como aprenderé contigo y tu contenido! Muchas gracias por tu tiempo. Un supermegalike. ;)

@pabloagustinvera9889 4 года назад

Gracias Carlos Arturo por compartir.

@dannygomz713 4 года назад

bien maestro siga enseñando que lo precisamos

@elisiumcosmos7600 Год назад

Muy bueno...abriendo conceptos mentales......no sabía colocar un Jason ...muchas gracias....un genio...

@Anonymous-Defense 2 года назад

siempre ayudando y haciendo videos tan buenos e interesantes que grande sos lo mas!

@berling32 4 года назад

Gracias a ese viejo video de las partículas, mis compañeros se impresionaron al verlo en mi proyecto de hacer un sitio web ^^ saludos amigo

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

Genial !

@alexanderisai6697 4 года назад

Sigue asiendo videos así son excelentes y aprendo más, gracias

@AlexdobleU 4 года назад

Gracias por dedicar tiempo a este contenido

@lauraluchetti7321 4 года назад

Carlos! Gracias por enseñarnos tanto! Sos un genio. Cuando puedas enseñarnos a crear una ventana popup para añadir una web a la pantalla principal del celular. Graciasssss

@yennyssalas5712 4 года назад

Excelente !!! me esta quedando muy bonita la página :) gracias por tus conocimientos...que se te devuelva en salud y prosperidad

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

Me alegra escuchar eso, gracias a ti por ver mis videos.

@AlexisGonzalez-ex4gq 2 года назад

Falcon la verdad eres bueno explicando le entendi mas que a otro que vi la verdad

@gimauarich.2753 4 года назад

Gracias por excelente e inspirador video tutorial

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

Me empezaba a rendir 🥺 y ¡wow! sorpresa, muchas gracias ya me había desesperado 🥳🥳🥳😅 gracias, gracias. 😘

@jonatanezequiel3764 Год назад

Gracias por compartir tus conocimientos!

@pipez97 3 года назад

Muchas gracias Falcon, sos el mejor.

@alejandrobenjumea549 4 года назад

Excelente video muchas gracias esta super 👍

@alejandrorios6999 Год назад

Gracias master. Excelentes tus videos como siempre

@LeoGagnone 3 года назад

¡Excelente! Muchas gracias

@jefersonamadeoalvaradoramo666 Год назад

Muy bueno el video! Gracias por el código del proyecto 👍

@littlejhonn75 3 года назад

Excelente! muchas gracias.

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

Excelente como siempre my bro, saludos :)

@dan_seb 3 месяца назад

Muchas gracias! Me encontré con un problema de novato. Cuando quise aplicarlo a mi portafolio web tuve que obviamente agregar un "position: relative" y un "z-index: 100" a todos aquellos contenedores donde no quería que se cruzaran las partículas. El problema es que no todos estos contenedores tenían un background-color definido, tomaban el color blanco de su elemento padre. Esto generaba que las partículas se cruzaran por encima de ellos, aún teniendo el position relative y su z-index. Comento por si alguien tiene el mismo inconveniente. Saludos!

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

excelente, me encantó esta aportación! Saludos

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

Excelente, muchas gracias !!!

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

Hola! Muy bueno tu video, solo una pregunta! Como puedo ponerle 2 o mas imagenes a las particulas? Ya pude con una imegen propia pero me gustaria agregarle almenos otra más.

@lucasfalas5466 4 года назад

Muy bueno el video! Una pregunta, si quisiera implementar esto en un proyecto de Angular como deberia hacerlo? Gracias!

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

exelente video todo muy bien explicado ...

@user-on7nl1ff5l 8 месяцев назад

Muy util

@yehisonjaviercuchumbepencu8075 4 года назад

Gracias por tus videos son maravillosos !!

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

Gracias, que bueno que te gusten.

@oscardariorendonzuluaga1318 8 месяцев назад

Excelentes videos

@mana_ip1680 Год назад

Muchisimas gracias bro!! Te ganaste un nuevo suscriptor :3

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

mucha información en tan poco tiempo 👍

@antoniorandisi3009 4 года назад

Saludos amigo. muy bueno

@marcoslazarte7959 3 года назад

Te amo chabon, sos una masa

@niaquiniaca3749 3 года назад

Genial master!

@izanalekseyev3128 Год назад

que bien explicas!!!

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

me encanto tu video y canal, gracias por todo, ahi esta su manito arriba y suscrito para seguir aprendiendo contigo, saludos y exito para su canal.

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

Excelente explicación, pero tengo una duda si quiero agregar algo adicional en la misma pestaña y que pueda hacer scroll, ¿Cómo lo haría?

@luisfernandoapazamamani6082 3 года назад

gracias bro tu video fue de gran ayuda

@ellecandy6124 3 года назад

Genial, gracias 1000 !! :D

@emerk92 3 года назад

hola carlos! muy bueno el video, te hago una pregunta. yo estoy trabajando en eclipse y al momento de copiar el archivo json de las particulas en mi nvo archivo js me da miles de errores, deberia adecuar todo el el codigo al formato de eclipse? muchas gracias estimado

@wolftimerush7009 4 года назад

Grasias por el tutorial

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

Que bueno GRACIAS!!!!

@ignacioarias1585 5 месяцев назад

muy buen video!

@juansebastiansancheza.6563 2 года назад

Muchas gracias bro 10/10

@jonatanosorioarcila8437 3 года назад

Hola, Falcon. te queria preguntar... como podria implementar este fondo en React?. quiero implementarlo en una pagina que estoy haciendo con React. saludos desde Colombia

@cristianulisesvazquezherna2941 4 года назад

Hola Carlos me gustaría que me ayudaras con este ejemplo, porque realizo todos tus pasos y las partículas no se ven cuando actualizo que sera que estoy haciendo mal? me gustaría salir de esa duda saludos espero tu respuesta:)

@ggodoyfr 4 года назад

Excelente video gracias por enseñarnos

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

Gracias!

@andreaalejandrabarralbohor4527 Год назад

... Crees que puedas hacer un turorial de como lograr que las imagnes sen flotantes y cuando aserques el cursor se muevan un poco?

@AdianRodriguez 4 года назад

Excelente !!!

@camilo802 3 года назад

excelente video

@auroragonzalez6891 4 года назад

Excelente!, like y me suscribo, sigue asi compañero

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

Gracias

@efrenmartinez7256 4 года назад

Genial., Gracias.... 3:)

@agroventi-220 2 года назад

sos un genio

@heliojaviersotoarevalo1979 3 года назад

bro eres un crack no sabia que estabas en udemy... mi siguiente curso de udemy va contigo seguro !!

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

Muchas gracias!

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

Hola, espero puedas ayudarme! Aplique el ejemplo en mi web, así estándar para probar como quedaba .pero tengo un problema, cuando achico la pantalla del navegador y la vuelvo a agrandar las partículas se quedan del tamaño en el que minimice la pantalla. O sea se crashe y solo actualizando vuelve a la normalidad.

@henryflores9724 4 года назад

Exelente .pana.

@asimov8585 4 года назад

Que brutaaal

@familiasalsera1602 3 года назад

Muy bacano ese inicio me gustaría hacer lo mismo pero en el cuadro dónde tienes el texto y la imagen de Anonymous me gustaría poner un reproductor de video

@hdzjuan935 8 месяцев назад

Como puedo agregar estás particulas en una aplicación?

@danielpadilla3947 4 года назад

Exelente

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

hola como puedo usar el efecto desde el header hasta el footer? solo funciona hasta 100vh? no quiero usar fixed y que se sigua viendo desde el princio a fin, quiero que sigua la secuencia

@markozaror3532 4 года назад

Muy bien

@Mattyus-Web 4 года назад

Falcon Buenas necesito ver uno video donde se puede pasar el puntero de mouse a un texto y se cambia de color y sale una barra abajo

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

teniendo esto en cuenta, podrias hacer un video para colocar una imagen en movimiento por ejemplo efecto de humo ? intente hacer unas modificaciones pero no llege a algo bueno ajajaja , saludos!

@enriquegutierrez7965 3 года назад

Excelente, intentare hacer más adelante tus cursos de Udemy, explicas buenisimo!

@orlandomanuelospinohernand9869 4 года назад

Hola Carlos muy buen tutorial, cuando realizarás uno de login!!!

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

Hoal Orlando, ya tengo uno en mi curso de PHP y MYSQL.

@AdriOlogia 4 года назад

Que tal falcon. He visto tu video como unas 20 veces y todavia no me sale el efecto en mi pagina.. Habra algun cambio en la instalacion de la configuracion?

@AdianRodriguez 4 года назад

Carlos cómo puedo insertar este efecto en la cabecera de wordpress? Gracias

@VariedadDeContenido Год назад

Cómo se pueden agregar flares animados en una página web sobre una imagen para darle vida ?

@TheJeorgen 4 года назад

Si el index le tengo en python y luego en varias hojas distintas el css y los html como lo hago??

@pancholix 3 года назад

Se puede este efecto integrar a wordpress usando elementor? Saludos.

@1337Unlucky 4 года назад

Me senti como Mr. Robot con este video.

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

Just in time

@Murdaah_ Год назад

Hola!! hice lo de las particulas y no se ve!, tengo que vincular algo?

@danramzdev 4 года назад

Hola Falcon sería genial que mostrarás como usar las librerias de GSAP para crear animaciones asombrosas para las páginas web.

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

Hola, la voy a revisar a ver si me animo a hacer algún video.

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

se podria hacer algo estilo matrix?

@servitecnosalto 4 года назад

Hola Carlos, puedes hacer un vídeo tutorial de como implementar typed.js correctamente? Desde ya muchas gracias por tan buen contenido!

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

No lo conozco, lo voy a revisar a ver que es.

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

Ya lo revise, se ve genial, yo creo si podemos realizar un tutorial en las próximas semanas.

@servitecnosalto 4 года назад

@@FalconMasters genial muchas gracias Carlos

@v0.3.85 4 года назад

Ohhh amigo pense que habias dejado yt

@silentsnake2792 4 года назад

Me gustaría ver un search box con un súper estilo en nodejs con SQL o MongoDB

@eduarmartinezz1118 4 года назад

Carlos, gracias por compartir tus conocimientos con nosotros. tengo una pregunta, ¿De què manera puedo hacer que las particulas me aparezcan solamente en una seccion, en mi caso quiero ponerlas en el encabezado?

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

Recuerda que en la linea #1 del codigo javascript le estamos poniendo el nombre del div con el id al que queremos aplicarle las particulas. Puedes ponerle a tu encabezado un ID y en el codigo javascript cambiarlo.

@eduarmartinezz1118 4 года назад

Gracias por tanto. Me gustaría que subieras un tutorial de cómo implementar un chat en línea en tu sitio web

@denisegambino9623 4 года назад

Muy buen contenido♡

@leonardolopez2766 4 года назад

Excelente video Carlos, muchas gracias !....Podrias por favor realizar un video con efecto que me ha encantado en donde hay un monton de imagenes que se van moviendo de forma aleatoria y al pasar el cursor interactuan. Disculpame por no saber el nombre del efecto lo que pasa es que soy nuevo en esto del diseno web. En la pagina en la que vi el diseno es en www.happyhackers.com.au/.....ya tengo varios cursos de Udemy y soy un gran seguidor en RU-vid y podria decir que eres el Mejor !

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

Hola Leonardo, muchas gracias por el apoyo a mis videos y cursos. El enlace que me pasaste me manda a una pagina desconocida, me parece que lo copiaste mal.

@edwinhernandez5692 4 года назад

Excelente video, una pregunta si yo lo quiero en mi pagina wordpress, que cambiaria? es que veo que el index.html no tiene casi nada si una llamada al tema de mi pagina, debo instalar en el index.html o en alguna parte de mi tema?

@sofiasalazar8607 Год назад

si lo pudiste hacer?

@albinperezgomez3510 4 года назад

@guscg40 3 года назад

alguien sabe como sacar el contador de particulas de arriba a la izquierda?

@juansebastiangrisaleslopez8386 4 года назад

no me aparece las partículas :(

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

broo como creo esa pagina esta muy hermosa trae un tutorial

@jhancarlosarango705 4 года назад

Una pregunta, podríamos cambiar las partículas por un logo específico como por ejemplo una imagen con un tamaño predeterminado?aaaah y excelente video👍💯

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

Si claro, al final del video explico como poner una imagen en las partículas.

@jhancarlosarango705 4 года назад

Oooh, muchas gracias y excelente video 👍

@aleMLyrics 3 года назад

necesito videos de partículas verdes con fondo negro, donde los puedo conseguir???

@vitogoizsanchez125 4 года назад

Muy buen tutorial.. Este hasta cuando tengo para comprar un curso tuyo de tu pagina.. Es que no tengo dinero pero no se si puedes dejar mas días Me gustaría que me dijeras cuanto tiempo tengo para poder comprarlo GRACIAS

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

Hola Victor, no se si viste el mensaje que publique ayer, pero ya no puedo crear cupones como antes, ayer hice un cupón que dura 5 días (hasta el Lunes en la noche) para que puedan adquirir el curso por $9,99. Pero después de esos 5 días no podre crear mas cupones dentro de un mes.

@vitogoizsanchez125 4 года назад

Entonces tengo hasta el lunes verdad vale gracias haré lo posible para entrar en uno de tus cursos ah y además a mi me aparece que cuesta... Para mi... 240 MX GRACIAS

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

@@vitogoizsanchez125 Si, tienes que entrar con los cupones que deje, de otra forma te toma el precio de 20 dolares que serian esos 240 MX. Los cupones los tienes en mi facebook, twitter y en el post que hice en youtube también.

@vitogoizsanchez125 4 года назад

@@FalconMasters gracias haré lo posible si no nos avisas cuando será el siguiente... Si no mal recuerdo dijiste que en un mes gracias

@yafetvaldez1902 4 года назад

oye cual es el editor de codigo que utilizas en el video se ve mas superior a el sublimetext 3

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

Utilizo Visual Studio Code, tengo varios videos de el en mi canal.

@xaviervalenzuela4072 Год назад

Por que el efecto se me va hasta abajo donde ya no hay contenido?

@DangelMoon Год назад

Puedo ser en Google sites?

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

Como se podría incluir en Joomla?

@CesarHernandez-mu1so Год назад

no pude insertar las partículas al la otra pagina podrias ayudarme, por favor

@joaojohnny2181 4 года назад

Hola que tal amigo, gracias por compartir tu conocimiento. Tengo una consulta, el curso en udemy de desarrollo web profesional. Si pago es un solo pago? No es que me van a estar mensualmente cobrando de mi tarjeta? Me podrias aclarar esa duda, porque veo el curso muy bueno. Saludos

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

Hola Joao, si, el curso es de un único pago. Compras el curso una sola vez y es tuyo para siempre, incluyendo todas las actualizaciones que le haga al curso. El curso es genial, justo acaba de llegar a los 20,000 estudiantes.

@joaojohnny2181 4 года назад

@@FalconMasters Bueno por 20 dolares me sumo, gracias por la atención.

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

@@joaojohnny2181 Puedes adquirir el curso ahora a 10 dólares. Es una oferta que durara hasta el lunes. Tienes los links en mis redes sociales, o en youtube en los artículos de comunidad.

@navasrewind4928 4 года назад

Muy buen video, pero tengo problemas, quiero poner ese efecto en la seccion de Productos del video de Fullpage, quité la imagen pero quiero poner ese efecto solo a esa parte :c

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

Claro, también lo puedes hacer. ¿Que problemas tienes?

@navasrewind4928 4 года назад

@@FalconMasters quiero poner ese efecto como te dije, pero nada no sale, estoy probando muchas cosas, quiero poner ese efecto solo de fondo en la parte que sería de "Productos" del video de fullpage.js

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

@@navasrewind4928 Tienes que seguir los mismos pasos que en el video, solamente que en los estilos css del contenedor de particles-js te recomendaria quitarle el position :fixed; y mejor trabajar con un position relative;