Тёмный
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.
Menu responsive flotante | Desarrollo web
20:42
10 месяцев назад
Página Web multi idioma | HTML, CSS Y JAVASCRIPT
31:21
11 месяцев назад
GPS + API METEREOLÓGICO | HTML, CSS Y JAVASCRIPT
35:22
11 месяцев назад
Комментарии
@federicomoreiratejera4478
@federicomoreiratejera4478 2 месяца назад
Muy bueno el video. Muchas Gracias por compartir este contenido interesante.
@franklinmunoz8612
@franklinmunoz8612 3 месяца назад
super, gracias por comparitir su conocimiento.
@user-lb8jm6xz8w
@user-lb8jm6xz8w 3 месяца назад
me puedes mandar los 2 codigos html y css porfaaa mano 😔
@bryanchacha3729
@bryanchacha3729 3 месяца назад
En la descripción del video está el repositorio de proyecto en GitHub. Saludos 🖖
@franklinmunoz8612
@franklinmunoz8612 3 месяца назад
Gracias por compartir su conocimiento, muy importante y útil su aporte
@jhasminnicolmamaniquispe5353
@jhasminnicolmamaniquispe5353 6 месяцев назад
como hago que al inicio en inicio sesion primero luego se reproduczca el video?
@carlosandresramirez9808
@carlosandresramirez9808 6 месяцев назад
Hola CapiDev, muchas gracias por este vídeo 👍👋👋👋👋 que la verdad me encantó realizar este sitio web. Saludos.
@bryanchacha3729
@bryanchacha3729 6 месяцев назад
Gracias, saludos amigo :)
@francoberatz8295
@francoberatz8295 6 месяцев назад
para las webs ya creadas y que se quieren traducir a otro idioma, habria que hacer eso con cada linea de html?
@bryanchacha3729
@bryanchacha3729 6 месяцев назад
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 7 месяцев назад
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 7 месяцев назад
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 8 месяцев назад
hermoso excelente videos 😀
@bryanchacha3729
@bryanchacha3729 7 месяцев назад
Gracias, saludos 🖖
@jonathanc2261
@jonathanc2261 8 месяцев назад
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 7 месяцев назад
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 7 месяцев назад
@@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 8 месяцев назад
amigo, cual es la letra que hay que presionar para poner el ! y que se genere la estructura basica del html?
@bryanchacha3729
@bryanchacha3729 7 месяцев назад
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 8 месяцев назад
Y Neptuno viene con DLC??
@bryanchacha3729
@bryanchacha3729 8 месяцев назад
No entiendo que es DLC, saludos 🖖
@gabrielfabian3950
@gabrielfabian3950 8 месяцев назад
Excelente video , lo tratare de replicar tambien para mejorar mi Css y html , Ya que JavaScript recien ando empezando , saludos
@bryanchacha3729
@bryanchacha3729 8 месяцев назад
Saludos, ya iré subiendo más contenido próximamente 👋
@LuisVazquezP
@LuisVazquezP 8 месяцев назад
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 8 месяцев назад
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 8 месяцев назад
Excelente explicación ❤
@bryanchacha3729
@bryanchacha3729 8 месяцев назад
Hola, muchas gracias 😀, saludos 🖖
@oscarolivo5079
@oscarolivo5079 8 месяцев назад
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 8 месяцев назад
Te agradecería colocar en este comentario lo que le agregaste a la card para poderlo analizar, saludos 🖖
@wilkerelisesparza196
@wilkerelisesparza196 9 месяцев назад
Y para dirigir a la descripción de cada película
@bryanchacha3729
@bryanchacha3729 8 месяцев назад
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 8 месяцев назад
​@@bryanchacha3729 podrás hacer un vídeo explicando porfa
@robertrosario1152
@robertrosario1152 9 месяцев назад
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 8 месяцев назад
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 9 месяцев назад
Buen vídeo. Podrías subir un vídeo de cómo crear una entrada de serie con temporadas estilo Netflix? ☺️🙏🏻
@bryanchacha3729
@bryanchacha3729 8 месяцев назад
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 8 месяцев назад
@@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 8 месяцев назад
Lo tomaré en cuenta más adelante, gracias 😀
@LuzBedoya-cn4gr
@LuzBedoya-cn4gr 8 месяцев назад
@@bryanchacha3729 Muchas gracias amigo 👏🏻
@MiguelAngel-st1ef
@MiguelAngel-st1ef 11 месяцев назад
Me encantan estos proyectos, sigue así bro ;)
@bryanchacha3729
@bryanchacha3729 11 месяцев назад
Gracias amigo, saludos! 👋
@elienetwork8764
@elienetwork8764 11 месяцев назад
Amigo eres un pro. Lástima que estoy en clases termino de verlo más tarde.
@bryanchacha3729
@bryanchacha3729 11 месяцев назад
Saludos 👋
@jesusjavierfernandezgalue7651
@jesusjavierfernandezgalue7651 11 месяцев назад
Buenas noches he seguido los pasos y no me sale igual me podrias ayudar ahi
@bryanchacha3729
@bryanchacha3729 11 месяцев назад
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
@luisangeltapiasmadronero7477 11 месяцев назад
amigo de a donde sacastes los logos pequeños que le pones a la etiqueta p <play> y <more informacion
@bryanchacha3729
@bryanchacha3729 11 месяцев назад
De aquí amigo, cada icono tiene su codigo: www.toptal.com/designers/htmlarrows/symbols/
@luisangeltapiasmadronero7477
@luisangeltapiasmadronero7477 11 месяцев назад
amigo enseña mas asi
@bryanchacha3729
@bryanchacha3729 11 месяцев назад
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 🖖
@bibliablanca
@bibliablanca Год назад
Eso hermano explicas muy bien y tiene talento para diseñar el frontend
@wildersonrodriguez1717
@wildersonrodriguez1717 Год назад
Buenardos los vídeos Bro ✌🏼
@bryanchacha3729
@bryanchacha3729 Год назад
Gracias amigo, saludos !! ✌
@armandosoriano3849
@armandosoriano3849 Год назад
Buen video para los que quieran entrar en este mundo de la ´programación, felicidades por el aporte , me interesaría un video haciendo una agenda de contactos utilizando MARIADB, PHP, css, html.
@bryanchacha3729
@bryanchacha3729 Год назад
Por ahora solo estaré subiendo frontEnd, espero hacer más adelante un clon de WhatsApp, en donde se puedan almacenar registros de contactos, pero sin backend. Saludos 👋
@eheccoatl
@eheccoatl Год назад
la órbita está muy mal y la distribución de los planetas más, el diseño es de primaria y si haces algo deberías considerar que sea apegado al 100% en relación a lo que muestras
@bryanchacha3729
@bryanchacha3729 Год назад
Tranquilo amigo, no soy diseñador ui/ux, soy programador. La finalidad del video es mostrar cómo se hacen las transiciones y animaciones con css. Saludos 🖖
@marcoantoniotorreslopez8042
@@bryanchacha3729 sinceramente para ser una pagina web en una hora esta super bien, tengo poco tiempo empezando como tal en la parte del Front y la verdad me ayudo bastante comprender esa parte del spinner de carga, muchas gracias y buen video
@camiloc2773
@camiloc2773 Год назад
Bro que cursos haz hecho para tener esos conocimientos.
@bryanchacha3729
@bryanchacha3729 Год назад
En lo personal me ha servido los cursos del profesor Juan de la Torre en Udemy, esto no es publicidad ni nada. Sin embargo en mi formación las he ido aprendiendo muchas cosas también de manera autónoma. Saludos 🖖
@mastertutoriales994
@mastertutoriales994 Год назад
Que crack 😧😧, muchas gracias por la enseñanza
@bryanchacha3729
@bryanchacha3729 Год назад
Gracias amigo, saludos 👋