Тёмный
CapiDev
CapiDev
CapiDev
Подписаться
👋 Hola amig@, soy Bryan Chacha.
Bienvenidos a mi canal 😃!
Mi objetivo es poder ayudarles a mostrarles como desarrollar páginas web llamativas, que les permita aplicar en sus proyectos.
Aqui podras observar Tutoriales de youtube como: (Cómo crear un banner animado, Cómo crear animaciones, Cómo trabajar animar con JavaScript, Cómo mejorar en performance...) y mucho más.
Mi experiencia:
Soy desarrollador de aplicaciones web, actualmente curso la carrera de TI y en continua formación sobre desarrollo de tecnologías web.
Gracias por ver mis videos y suscribirte al canal.
Комментарии
@hugocangi6214
@hugocangi6214 Месяц назад
SALUDOS
@bryanchacha3729
@bryanchacha3729 Месяц назад
Saludos! 👋
@SergioSantanaE
@SergioSantanaE Месяц назад
Gracias por la info, pero si quiero que abra en forma horizontal? es muy útil para dispositivos móviles
@bryanchacha3729
@bryanchacha3729 Месяц назад
Qué tal amigo, si funciona de igual manera. El problema es el soporte para iOS. Saludos 🖖
@baldicrack8441
@baldicrack8441 2 месяца назад
alguien sabe pq al hacer los imagotipo info que dice play y info no se ve
@bryanchacha3729
@bryanchacha3729 2 месяца назад
Que tal, probablemente el problema este en el css. EN la descripción del video esta el codigo en github. Saludos
@starlord8644
@starlord8644 2 месяца назад
oh me salvaste la vida necesitaba un proyecto para una constructora / ferretería /piscina para un certamen me puedo basar en el tuyo?
@bryanchacha3729
@bryanchacha3729 2 месяца назад
Si claro no hay problema amigo, saludos 🤚
@baldicrack8441
@baldicrack8441 3 месяца назад
Alguien sabe pq ya hice el menu y en la web me sale el video en grande y abajo lo de play tambien la imagen de jurasic park no se que sera ya tambie lo de more info y todo y todavia pequeño y el video de los dinos se ve solo sin nada
@bryanchacha3729
@bryanchacha3729 3 месяца назад
Probablemente el problema esté en la hoja de estilos css, en la descripción de video está el código en github para que lo pueda revisar. Saludos 😀
@baldicrack8441
@baldicrack8441 3 месяца назад
@@bryanchacha3729 Gracias pana
@Otarachi19
@Otarachi19 3 месяца назад
bro, eres un crack, la buena!!!!
@federicomoreiratejera4478
@federicomoreiratejera4478 5 месяцев назад
Muy bueno el video. Muchas Gracias por compartir este contenido interesante.
@franklinmunoz8612
@franklinmunoz8612 6 месяцев назад
super, gracias por comparitir su conocimiento.
@ELIELrivera-n9j
@ELIELrivera-n9j 6 месяцев назад
me puedes mandar los 2 codigos html y css porfaaa mano 😔
@bryanchacha3729
@bryanchacha3729 6 месяцев назад
En la descripción del video está el repositorio de proyecto en GitHub. Saludos 🖖
@franklinmunoz8612
@franklinmunoz8612 6 месяцев назад
Gracias por compartir su conocimiento, muy importante y útil su aporte
@jhasminnicolmamaniquispe5353
@jhasminnicolmamaniquispe5353 10 месяцев назад
como hago que al inicio en inicio sesion primero luego se reproduczca el video?
@carlosandresramirez9808
@carlosandresramirez9808 10 месяцев назад
Hola CapiDev, muchas gracias por este vídeo 👍👋👋👋👋 que la verdad me encantó realizar este sitio web. Saludos.
@bryanchacha3729
@bryanchacha3729 9 месяцев назад
Gracias, saludos amigo :)
@francoberatz8295
@francoberatz8295 10 месяцев назад
para las webs ya creadas y que se quieren traducir a otro idioma, habria que hacer eso con cada linea de html?
@bryanchacha3729
@bryanchacha3729 9 месяцев назад
Depende como eseste estructurada el sitio web, por ejemplo ahora mismo estoy en un proyecto en donde tiene varios idiomas, y para español es un sitio web por ejemplo: dominio.com/es, para portugues es dominio.com/br y para el ingles es dominio.com. Practicamente es un sitio web para cada idioma, si toca hacer un cambio en el menu toca ir a cada uno hacer los cambios. Sin embargo, hay dependecias que hacen literalmente lo mismo lo que hicimos en este video, solo que te ahorra trabajo porque no tienes que estar con el document.querySelector, pero tendras que literalmente traducir todo el contenido, pero ya no deberás crear varios sitios diferentes para cada idioma. Saludos :)
@paolosantillan9928
@paolosantillan9928 10 месяцев назад
Me da error en la parrte de normalice css "Define también la propiedad estándar "appearance" por compatibilidad" [Lín. 199 col. 5] Y también dn [Lín. 299 col. 5]
@bryanchacha3729
@bryanchacha3729 10 месяцев назад
1. Esta es la página web de normalize: necolas.github.io/normalize.css/ 2. El archivo nombrele como normalize.css 3. Veritifque que se está importando correctamente la dirección del archivo normalize.css en el html Saludos :) !
@JavierPerez-rh1yv
@JavierPerez-rh1yv 11 месяцев назад
hermoso excelente videos 😀
@bryanchacha3729
@bryanchacha3729 11 месяцев назад
Gracias, saludos 🖖
@jonathanc2261
@jonathanc2261 11 месяцев назад
Excelente video hermano yo solamente me queda una duda de como hacemos para elegir las imagenes cuando nos las envia un cliente por ejemplo, en que formato o tamaño se la pedimos ya que muchas veces las que envian son feas o tamaños horribles o incluso te las envian por whatsapp
@bryanchacha3729
@bryanchacha3729 11 месяцев назад
Cuando se piden las imágenes al cliente en mi caso las piso por email, ya que por redes sociales se píxeles un poco, para los slider recomendaría que todas sean del mismo tamaño, para ello utilizo adobe ilustrador, pero si ha de haber otras herramientas más fáciles, solo les pongo todas las imágenes sean del mismo tamaño, saludos 🖖
@jonathanc2261
@jonathanc2261 11 месяцев назад
@@bryanchacha3729 Si me pasó para un carrusel me quedan horribles, voy a probar con adobe ilustrator quizás tenga alguna solución,ya que estoy usando una página para redimensionar las imágenes
@PaulinoMaisonnave
@PaulinoMaisonnave 11 месяцев назад
amigo, cual es la letra que hay que presionar para poner el ! y que se genere la estructura basica del html?
@bryanchacha3729
@bryanchacha3729 11 месяцев назад
Depende la configuración de su teclado, en mi caso para el signo “!” Es shift + 1, después del signo (sin agregar espacio) preciona la tecla “tab” y listo. 🖖
@diablo3003
@diablo3003 11 месяцев назад
Y Neptuno viene con DLC??
@bryanchacha3729
@bryanchacha3729 11 месяцев назад
No entiendo que es DLC, saludos 🖖
@gabrielfabian3950
@gabrielfabian3950 11 месяцев назад
Excelente video , lo tratare de replicar tambien para mejorar mi Css y html , Ya que JavaScript recien ando empezando , saludos
@bryanchacha3729
@bryanchacha3729 11 месяцев назад
Saludos, ya iré subiendo más contenido próximamente 👋
@LuisVazquezP
@LuisVazquezP Год назад
Que onda capi, algun consejo para conseguir un intern? o primer trabajo. que paginas has utilizado para buscar oportunidades estoy por salir de la carrera en sistemas
@bryanchacha3729
@bryanchacha3729 11 месяцев назад
Cómo estás. Bueno en mi caso, he ido tomando algunos cursos desde wordpress y marketing digital hasta saber programar. Aunque he tomado cursos de adobe IA cómo extra para saber un poco de diseño. Personalmente soy de esas personas que cree que hay que especializarse en algo y no ir aprendiendo un poco de todo, sin embargo aprender un poco de varias cosas aunque hoy en día me especializo más en ser desarrollador web, es bueno saber algunas cosas y por ese lado he ido teniendo trabajos como freelance. Hoy en día trabajo como seo de un sitio web bastante conocida el cual está hecho con wordpress, en este caso me sirvió el curso que tome hace 4 años, cuando tome ese curso no sabía que hiba a conseguir un trabajo sobre eso, lo seguí porque me gustaba nada más. En si conseguir un trabajo en una empresa cuesta porque piden experiencia laboral, recomendaría tener un portafolio con unos 3 proyectos que demuestre todo lo que sabes. Saludos y que Dios te bendiga. Ánimos 👋
@kathevelosa7812
@kathevelosa7812 Год назад
Excelente explicación ❤
@bryanchacha3729
@bryanchacha3729 Год назад
Hola, muchas gracias 😀, saludos 🖖
@oscarolivo5079
@oscarolivo5079 Год назад
amigo, esta muy bueno te felicito, estoy estudiando desarrollo web justo ahora estoy haciendo una practica,pero coloque dos fotos o imagenes y debajo de esas imagenes tengo que colocar un enunciado, pero el anunciado me sale en la parte de arriba de dichas imagenes , te agradeceria me pudieras orientar para ver que me esta haciendo falta para que el enunciaodo salga despues de las imagenes, gracias
@bryanchacha3729
@bryanchacha3729 Год назад
Te agradecería colocar en este comentario lo que le agregaste a la card para poderlo analizar, saludos 🖖
@wilkerelisesparza196
@wilkerelisesparza196 Год назад
Y para dirigir a la descripción de cada película
@bryanchacha3729
@bryanchacha3729 Год назад
La respuesta que da la api viene información adicional como el el título, descripción, duración, imagen, año de estreno y otros datos. En este caso yo solo hice uso de las imágenes, saludos 🖖
@wilkerelisesparza196
@wilkerelisesparza196 11 месяцев назад
​@@bryanchacha3729 podrás hacer un vídeo explicando porfa
@robertrosario1152
@robertrosario1152 Год назад
Te acabas de ganar un nuevo seguidor fiel jejejeje solo una cosa. hice todo tal cual y revise los códigos mas de 4 veces pero no me salen las portadas de las películas. puedo poner un código que lar cague de una carpeta para que se vean y da darle clic me redireccione a donde quiero?
@bryanchacha3729
@bryanchacha3729 Год назад
En la descripción del video está la dirección del repositorio del proyecto para que lo puedan comparar, el problema puede ser si uso el mismo api key, cuando se crea una cuenta en la plataforma que da la api, ellos generan una api personal para cada usuario, yo la que utilice en el video la borre y ya no debe funcionar. Saludos 🖖
@LuzBedoya-cn4gr
@LuzBedoya-cn4gr Год назад
Buen vídeo. Podrías subir un vídeo de cómo crear una entrada de serie con temporadas estilo Netflix? ☺️🙏🏻
@bryanchacha3729
@bryanchacha3729 Год назад
Que tal amigo, el estilo de cada card cuando se hace hover? O el efecto del modal al hacer click sobre cada card? Saludos 🖖
@LuzBedoya-cn4gr
@LuzBedoya-cn4gr Год назад
@@bryanchacha3729 Creo que si, donde se ve la manera de ver película, ver el tráiler, donde se puede dar click al ver más información dicha película. Y donde se muestra en Netflix al darle click una serie, muestra el listado de temporadas. Un saludo.
@bryanchacha3729
@bryanchacha3729 11 месяцев назад
Lo tomaré en cuenta más adelante, gracias 😀
@LuzBedoya-cn4gr
@LuzBedoya-cn4gr 11 месяцев назад
@@bryanchacha3729 Muchas gracias amigo 👏🏻
@MiguelAngel-st1ef
@MiguelAngel-st1ef Год назад
Me encantan estos proyectos, sigue así bro ;)
@bryanchacha3729
@bryanchacha3729 Год назад
Gracias amigo, saludos! 👋
@elienetwork8764
@elienetwork8764 Год назад
Amigo eres un pro. Lástima que estoy en clases termino de verlo más tarde.
@bryanchacha3729
@bryanchacha3729 Год назад
Saludos 👋
@jesusjavierfernandezgalue7651
Buenas noches he seguido los pasos y no me sale igual me podrias ayudar ahi
@bryanchacha3729
@bryanchacha3729 Год назад
Con gusto, en que parte me podria especificar. En la descripción del video esta el repositorio de este proyecto, lo puede utilizar sin ningun problema. Saludos!
@luisangeltapiasmadronero7477
amigo de a donde sacastes los logos pequeños que le pones a la etiqueta p <play> y <more informacion
@bryanchacha3729
@bryanchacha3729 Год назад
De aquí amigo, cada icono tiene su codigo: www.toptal.com/designers/htmlarrows/symbols/
@luisangeltapiasmadronero7477
amigo enseña mas asi
@bryanchacha3729
@bryanchacha3729 Год назад
Espero subir proyectos más atractivos más adelante, saludos 😀!
@robert_romero
@robert_romero Год назад
Esta increíble!!!
@bryanchacha3729
@bryanchacha3729 Год назад
Gracias, saludos 🖖
@elienetwork8764
@elienetwork8764 Год назад
Hola puedes hacer un video de como agregar a una web con el botón de paises en especial ingles, español y de cual seria la mejor manera si usando JavaScript o CSS
@bryanchacha3729
@bryanchacha3729 Год назад
Podría por favor especificarme de mejor manera, lo que le entiendo es crear un botón que me permita seleccionar un lenguaje según el país?
@elienetwork8764
@elienetwork8764 Год назад
@@bryanchacha3729 me explico esa funcionalidad de hacer una web multi idioma, que se le da al botón o icono de español y el contenido cambia a español y si le das a inglés cambie el contenido a inglés, eso amigo
@dario61081
@dario61081 Год назад
Muy bueno CapiDev!, gracias por tu video, muy util.
@bryanchacha3729
@bryanchacha3729 Год назад
Gracias! 🖖
@bryanchacha3729
@bryanchacha3729 Год назад
Lamentablemente esta api no es soportada por Chrome Android ( pero si funciona con Firefox para Android 😄) , en esta documentación pueden revisar el soporte de la api: developer.mozilla.org/en-US/docs/Web/API/Notification/Notification#browser_compatibility
@LITNAY17
@LITNAY17 Год назад
Bueno clon de Netflix pero te faltó el apartado de audio que sabe tener Netflix. Podrías hacer un vídeo agregado ese apartado me gustaría aprender cómo agregarlo
@bryanchacha3729
@bryanchacha3729 Год назад
Qué tal!, no sé si te refieres al audio que por defecto se escucha cuando se entra a Netflix, eso se le hace con html, sin embargo muchos navegadores lo mutean pero otros no, espero subir un video pronto explicando eso, saludos 🖖
@renzzoantoniomartinezbenav3398
Gracias por su gran aporte :)
@bryanchacha3729
@bryanchacha3729 Год назад
Saludos 🖖
@albe1987
@albe1987 Год назад
men muy buenos diseños te sigo en todos tus proyectos
@bryanchacha3729
@bryanchacha3729 Год назад
Gracias amigo, saludos 🖖
@jhoacinescolasticosanchez960
wow, no conocia este canal la verdad hasta que en una pagina de facebook recomendaron y mostraron la pagina que creaste y es que pude entrar, saludos
@bryanchacha3729
@bryanchacha3729 Год назад
Saludos amigo 🖖
@Masitx99
@Masitx99 Год назад
Muchas gracias, muy bueno a decir verdad. 10-10
@bryanchacha3729
@bryanchacha3729 Год назад
Gracias amigo saludos 👋
@Masitx99
@Masitx99 Год назад
@@bryanchacha3729 Ha decir verdad lo he visto casi todo y me gusta porque vas explicando cada línea, también se puede ver el cambio en tiempo real, por favor subir muchos videos más pliss.
@francooviedo1038
@francooviedo1038 Год назад
Genio siempre ve tus videos sigue así
@bryanchacha3729
@bryanchacha3729 Год назад
Gracias amigo, saludos 🖖
@flamareooncortes7829
@flamareooncortes7829 Год назад
estoy aprendiendo
@flamareooncortes7829
@flamareooncortes7829 Год назад
muy interesante. muchas gracias por compartir tus conocimiento. una pregunta. Por que no usas Bootstrap?
@bryanchacha3729
@bryanchacha3729 Год назад
En lo personal solo he usado una vez Bootstrap, para construcción de un sitio web es rápido. Sin embargo, he optado por aprender Tailwind junto con react, en lo personal me gusta mucho más trabajar creando componentes con react y dando estilos con tailwind. Saludos 🖖
@ryomensukuna9513
@ryomensukuna9513 Год назад
Thanks 🙏
@bryanchacha3729
@bryanchacha3729 Год назад
Saludos 👋
@diemp0874
@diemp0874 Год назад
que tal amigo una pregunta como haces para que en el minuto 2:40 selecciones las listas de esa forma? muchas gracias por la explicacion del video me ayudo mucho :D
@bryanchacha3729
@bryanchacha3729 Год назад
Seleccionas con el curso la etiqueta <li> y luego presione Control d varías en su teclado, en editor de código lo que hará es seleccionar todos los elementos que sean iguales a los que selecciono con el cursor, en este caso seleccionara todas las etiquetas <li>. Saludos 🖖
@diemp0874
@diemp0874 Год назад
@@bryanchacha3729 gracias amigo :D
@Waifu_Xv
@Waifu_Xv Год назад
Muy buen video, no es hate pero se me hace medio chistoso que cada 10 seg digas "Ya" 😅
@bryanchacha3729
@bryanchacha3729 Год назад
Jajaja 😂, cuando edite el video me di cuenta también
@orlandocamelo-bo9wb
@orlandocamelo-bo9wb Год назад
Muy bueno bro.. excelente yo apenas estoy aprendiendo. Una pregunta: ¿Me podrías decir cómo crear una URL de una imágen que yo hice? Es que no sé cómo. Muchas gracias.
@bryanchacha3729
@bryanchacha3729 Год назад
Para crear una url de una imagen debe tener dicha imagen almacenada en un servidor, le recomiendo una página gratuita y que es muy sencillo de manejar, se llama cloudinary, ahí solo arrastra las imágenes y las convierte en url, y la puede utilizar en su proyecto. Además de que más minimiza el tamaño de la imagen y le entrega incluso en varios formatos más livianos, saludos 🖖
@orlandocamelo-bo9wb
@orlandocamelo-bo9wb Год назад
@@bryanchacha3729 gracias bro, me sirvió. Esas fotos quedan públicas cuando uno las sube o es como una nube normal q las fotos es para uno mismo?
@rabanou2931
@rabanou2931 Год назад
Hola, mucho éxito en tu canal y espero que sigas subiendo más contenido, yo apenas estoy aprendiendo js, estoy viendo tu video porque no se cómo hacer esa transición de imágenes en el inicio, así que aprenderé algo nuevo,. gracias
@bryanchacha3729
@bryanchacha3729 Год назад
Gracias amigo, saludos 🖖
@bibliablanca
@bibliablanca Год назад
En la parte de Javascript me da error. Cuando pongo buscar la imagen la URL, Después intenté con el split y también me da error no me da ni la imagen ni el índice 😢😢😢😢
@bryanchacha3729
@bryanchacha3729 Год назад
Verifique que el uf esté dentro de la etiqueta img, y que en el archivo de js lo esté obtenido como document.getElementById(‘id-de-la-imagen’); saludos 🖖
@desiderioperez-ch1qm
@desiderioperez-ch1qm Год назад
Gracias
@bryanchacha3729
@bryanchacha3729 Год назад
Gracias amigo, saludos 🖖
@bibliablanca
@bibliablanca Год назад
Estoy suscrito, apoyando al 💯
@bryanchacha3729
@bryanchacha3729 Год назад
Gracias amigos saludos 🖖