De nueva cuenta, ¡muchas gracias, Jon! 😊 Me costó seguirle el ritmo a este curso (por temas personales y laborales, no por el curso en sí) pero por fin, luego de tres meses y medio aprovechando así fuesen solo 5 minutos, al fin lo terminé 😌. Voy 4 de 5, así que curso de Responsive y Arquitectura, ahí te voy. Ojalá no pares de crear tan buen contenido como este. ¡Saludos! 👋
@@jonmircha Gracias por el consejo, me adelanté hace tiempo y vi ambos antes de este curso 4 😅 De todos modos les daré una revisada de nuevo para llegar más fresco. ¡Saludos Jon!
Jajajajajaja como me he disfrutado este curso, sobre todo cuando hemos descubierto al Jon más romantico. La experiencia y el conocimiento se te nota a la legua, Jon. Eres el mejor enseñando porque sumas conocimiento y carisma y el resultado de esa ecuación es que disfrutemos mientras aprendemos. Te deseo lo mejor del mundo amigo y docente digital, más personas como tú hacen falta en el mundo.
Gracias por tus cursos sos un ejemplo a seguir. P.D: En el 35:33 si se puede poner multiples drop-shadow solo que no hay que ponerle la coma. Ejemplo: filter: drop-shadow(-1rem 1rem 1rem #0c86be) drop-shadow(-2rem 1rem 1rem #770cbe);
He terminado este curso y solo me queda decir que me siento muy bien por haber encontrado tu canal y por todo el tiempo que he invertido en el, gracias a ti, he aprendido y entendido muchisimas cosas y ya hasta las estoy aplicando en proyectos personales, Muchisimas Gracias por todo profe❤
He acabado este curso y vaya que he disfrutado cada una de las secciones vistas, aunque si se me hizo un poco más complicado que los anteriores la forma de enseñar ayudó mucho a comprenderlo mejor, ahora solo queda practicar para reforzar todo lo visto, y a continuar con los cursos de flex y grid. Gracias por compartir sus conocimientos profe.
A punto de iniciar este 4 curso. No cabe duda que este es de los mejores cursos que he tomado. Gracias por compartir tu conocimiento de manera gratuita.
Que sepas que el tiempo dedicado a estos vídeos que le diste, habrá cambiado muchas vidas. En mi caso estoy aprendiendo todavía pero gracias por todo. Me siento en la facultad con tus explicaciones tan detalladas !!!! Salud y bendiciones
Termine el 3ro y voy empezando aqui, siempre me han gustado estos temas de efectos visuales y animaciones pero nunca lo explican a profundidad y les tome un poco de rencor pero ahora sé que voy a amar esta 4ta parte, gracias por todo
Por fin puede completar esta parte curso! Muchas gracias Jon por tomarte el tiempo de compartir tus conocimientos y ser tan atento de responder todos los comentarios que te dejan. Ahora voy por el 5/5 Responsive Design y Arquitectura CSS. Me esperan 10 largas horas de ver, prestar atención y practicar. A seguir avanzando 😀💪
Wow, genial todas las posibilidades que tiene CSS, me encantó este curso al igual que los anteriores y la parte de los ejercicios pues ni se diga, un espectáculo. Muchas gracias Profe por tomarse el tiempo y esfuerzo para brindar todo este conocimiento, usted es una persona muy valiosa, le deseo muchos éxitos en todos sus proyectos.
Termine el 4 curso, la verdad que sin palabras, a medida que este terminando los cursos te voy a dejar un comentario jaja, muchas gracias por tanta informacion valiosa!
Gracias por tus enseñanzas Jon, finalmente me encuentro en la etapa final aunque debo admitir que este capitulo me resulto un poco más difícil que los demás, pero aún así fue tan atrapante como cada cada contenido que desarrollas. Gracias nuevamente!
Me emociona mucho codear contigo Jon, eres una inspiraciòn que no habia tenido nunca con otros programadores o cursos. Seguro estas cansado de que te lo digan, pero eres muy especial para mi y seguro para muchos de tus alumnos.
Me encanto esta parte. Me volo la cabeza literalmente mas de 1 vez... Esta para verlo mas de 1 vez. para que los conceptos queden al 100%... vamos por mas
Hola Jon, terminando 4to curso (Efectos Visuales y Movimiento en CSS) simplemente extraordinario, son 10 horas sin desperdicio... Donde se pone en práctica lo conocimientos de los tres cursos anteriores... Ahora voy por FLexbox y Grid 💪🏽💪🏽💪
Al fin llegué a concluir esta parte del curso CSS, el más completo y mejor de toda la plataforma. Muchas gracias por impartir tu conocimiento de manera gratuita, he aprendido y entendido muchas cosas de las cuales no tenía idea o me confundían bastante, y con este curso me han quedado más que claras, un placer ver estos videos y adquirir nuevos conocimientos y reforzar lo aprendido, un abrazo estimado Jon!
Terminè el curso con varios proyectos a la par, ahora tengo màs claro muchos atributos o porque utilizan el z-index y las posiciones, practicar junto al dom de js es lo de hoy
2:39:59 Jajaja Profe, imagínese que me gusto mucho crear figuras geométricas con la propiedad clip-path, duré casi 30 min creando un hexágono y no me daba bien los puntos, pero lo logré y cuando vuelvo a ver su vídeo a los 2 min después usted nos presenta la página de clip path generator. Jajaja Me hubiera ahorrado esos 30 min. De nuevo MUCHAS GRACIAS Jonathan
5:8:30 excelente el tema de las transiciones, la verdad por eso esperaba con ansias esta parte 3 del curso de CSS, para aprender a detalle las transiciones, tranformaciones y animaciones. Ahora entiendo porque al cargar la página las animaciones hacen cosas raras, excelente detalle de cómo usar el 'all' y el algoritmo de las transiciones. Como antes me había visto tu curso de javascript y el taller de maquetación, ahí ocupas el transition, ahora sé lo que hace, muchas gracias, este es el mejor curso de CSS jamás visto!!
Este curso me tomo mucho más de lo esperado, pero al fin lo termine, muy bueno se ve más el uso de css para que se vea más bonita la página web muchas gracias Jon por el curso!
saludos mi nombre es saul ortiz de bolivia si estas aprendiendo a programar al igual q yo me gustaría ver si podríamos compartir ideas o avance q dices ??
3:29:45 Jajajjaja se nota que es un gran profesor, que envidia a los que les da clases, me hubiese encantado tener un profesor como usted con esas presentaciones si pongo atención
Aquí continuando con el curso del profe y para dejar el recordatorio en la sección de comentarios que un día como hoy 22 de Diciembre del 2021 el profe jon mircha logra su meta de alcanzar los 100K SUSCRIPTORES!!! FELICIDADES PROFE JON, gracias por emprender esa misión de diversificar el conocimiento, Tambien hacerle un reconocimiento a todo el esfuerzo y empeño para con cada video y cada explicación y además compartir sus hobbies con esta comunidad! muchas bendiciones AHORA A POR EL MILLON de SUBS!!!!💪💪💪😁
Hola Jon, creo que dijiste en el minuto 28:21 que la propiedad filter no aplica la función drop-shadow a la caja. Y sí lo aplica lo que ocurre es que separaste las medidas con una coma, si separas con espacios sí aplica el efecto a la caja. Por otra parte, te cuento que estoy estudiando tus cursos muy juicioso, ahora sí estoy aprendiendo CSS... Muchas gracias, eres un Excelente profesor.
7:34:23 Excelente el tema de animaciones tenía muchas ganas de aprender todo sobre animaciones, transiciones y transformaciones ya sea normal y múltiples. Esta parte del curso de CSS es genial, ahora a ver los ejercicios prácticos que sé que estará genial.
Empezando muy contento y con toda la disposición el 4to curso de HTML y CSS. Mi objetivo es hacerlos todos, incluyendo los cursos que tienes en tu pagina web, en verdad esta todo para convertirse en Desarrollador Web, un gran abrazo mi amigo y docente digital Jonathan Mircha !!!!✌😉
Thank you so much!!! You are the best of the best hermano mio. Completado (1/5, 2/5, 3/5, 4/5, Flexbox) Pendiente (Grid, 5/5, Git&GitHub, JS, Bootstrap, React, Figma)
También mi fue mi curso favorito de este grupo Jon, pero, para serte honesto, todos me encantaron. De verdad gracias por acercarnos de forma gratuita a este mundo del desarrollo Web. Ansioso por continuar con los cursos restantes, pero, según tu recomendación, antes de pasar al curso 5 de esta serie, completaré los cursos de Flex y Grid CSS. Un abrazo Jon, y gracias por tanto.
Gracias nuevamente Jon! Finalizando el 4 curso de la serie. Ahora a practicar lo aprendido relacionando cosas con los anteriores videos. Saludos genio! :) 👍
jjajajajaja eres el CSS de mi HTML, lo leí con la voz de Homero jajaja, tremendo curso Jon! te felicito por los huevos que le has puesto, le has metido todo!!
Me encantó esta parte 3 del curso de CSS la verdad yo creo que es mi favorito ya que siempre encontré dificil usar las transiciones, transformaciones (rotaciones, traslaciones, escalas, distorsiones, matrix, 3D, etc..), animaciones, cubic-brezier(), etc. Muchas gracias Jon, espero con ansias la parte 4 de CSS con Responsive Design y arquitectura CSS que es muy importante, sé que aprenderé nuevas cosas, aunque conozca ya temas de breakpoints, metodología BEM, mobile first, utility first, atomic design, etc...
No lo he terminado quede en la seccion de textos con degradados. Pero queria dejar mi comentario, todo lo que haz enseñado esta estupendo me gustaron los ejercicios de one-page-scroll , las diapositivas y el carrusel. Lo dejare por aqui hasta el momento. Continuare con los ejercicios del DOM en el curso de JS: Mil gracias por todo este material! vale oro! 😊
Ya voy progresando gracias a tus videos, siento que he aprendido demasiado gracias a ti, también recomiendo a la gente que está viendo estos vídeos que cuando terminen un curso, traten de repasar y hacer cosas tontas con todo lo que ya han visto, también ser autodidactas y curiosos para que puedan aprender por su cuenta por separado, es lo que yo estoy haciendo y si me ha servido mucho, espero tengan un buen progreso con CSS gente Y por cierto, no saben si es mejor primero ver los cursos de Grid y Flexbox antes que este y el de responsive?
Uff, ya lo he terminado luego de algunos días, ahora solo queda practicar y practicar y luego veré el de grid, todos tus cursos son fantásticos, son una joya!! Muchas gracias por tomarte el tiempo de realizarlos y responder a los comentarios, cursos excelentes, en verdad nuestro agradecimiento es infinito !! 🌟
bro como puedo practicar, se que tal vez me contestaras que escribiendo mis propios diseños, pero ademas de ello no habra alguna pagina con ejercicios a realizar y vaya uno llenando como una lista de compras para cada ejercicio realizado ? almenos para mi seria de gran ayuda, se que todo esta en la mente pero seguir una guia de ejercicios igual ayudaria mucho, saludos y seguimos juntos con el prof jonh.
@@yisus7895 Holaaa! Disculpa la demora, no uso mucho este perfil, te acabo de contestar pero parece que por poner los enlaces de las páginas se borra mi comentario 😓 lo digo porque antes me ha pasado entonces intuyo que es por los enlaces, y era algo largo mi comentario ¿Podrías darme tu número o instalate una app llamada Sololearn (es para aprender a programar, te la recomiendo) y dame tu usuario así te puedo contactar por ahí? Gracias, mi nombre ahí es Nayla, pero pueden haber muchos otros perfiles con ese nombre, por eso te pido el tuyo, pero si decides buscarlo debería tener esta bandera 🇹🇷 y la 1ra oración de mi descripción dice Never give up, respóndeme cuando veas esto para saber qué decidiste hacer
Está super bien los cursos ya casi terminamos la serie 4/5, y respecto al primer tema del curso, me recordó a mi canción favorita "Sombras nada más "- Javier solis
Jaja🤣🤣🤣 profe me alegró la tarde "Eres el CSS de mi HTML" ------ Espero que todos puedan ver el vídeo completo y puedan reír un buen rato con el profe Jonathan.
En la parte de el sitio One scroll page, tengo el menú con flex, y flex-wrap:wrap. Entonces el menú se va desbordando a menos de 500px de resolución, con una MediaQuery le digo que cuando el menú se haga mas grande pues aumento los EX ... pero es mejor optar por un menú hamburguesa en esos casos jaja creo que la experiencia viendo estos cursos me han servido. GRACIAS.
Saludos profe Jonathan, una pregunta, en 8:50:37 , al dar valor space between, si se cambia por otro valor perteneciente a la propiedad justify-content ya no se posiciona de manera correcta el elemento con clase .tab-bg-hover, es decir, solo se posiciona de manera correcta con el valor space-between y no con otro, porque sucede esto?, he investigado y experimentado pero no logro encontrar una lógica aparente, le agradecería si usted me puede dar una luz con esta pregunta, de antemano agradezco mucho su esfuerzo, realizando estos cursos que de verdad son muy completos.
oficialmente empiezo el curso 4/5 que emoción, lo veía tan lejano.. pero vale la pena cada esfuerzo que pongo día a día para seguir aprendiendo ^^ nos vemos al finalizar.
Pensé que había entendido todo hasta acá, pero todavía no entiendo bien ni domino las pseudoclases de ::after y ::before, ni mucho menos entiendo porqué se define el content:" ". Fuera de eso, explicás perfecto, gracias profe
3:01:33 Excelente que incluyas lo que enseñaste en dos videos de tips CSS que son el SmoothScroll y Scroll MarginTop + ex. Este curso según mi opinión es lo más complicado de CSS ya que se necesitan saber términos de diseño UI, y ya que me vi todas las secciones de efectos visuales mi pregunta es: ¿Qué términos de diseño debo aprender aparte de la teoría del color para aprender mejor los efectos visuales? Es decir que debo aprender para el tema de las Sombras (box-shadow | text-shadow | drop-shadow), Degradados (linear-gradient | radial-gradient | conic-gradient), Filtros (filter | backdrop-filter), Mezclas (mix-blend-mode | background-blend-mode), Máscaras (clip-path) y Formas (shape-outside). Sé que existen herramientas que lo que hacen más fácil como lo mostraste en el curso, pero me interesa entenderlo más a fondo. Postdata: Espero con ansias los movimientos como transiciones, transformaciones y animaciones ya que es algo genial.
nuevamente excelentes videos y muchas gracias por compartir tus conocimientos eres el mejor muchas bendiciones ya q yo estoy aprendiendo de cero a programar y gracias a tus cursos estoy aprendiendo un montón disculpe pero en el minuto 3:12:18 veo q los margenes los coloca a 0, también se puede usar el link de normalize ??? o simplemente se tiene q colocar el margin a 0 siempre ??
@@jonmircha muchisimas gracias por su aclaración, realmente es una excelente persona primera ves q veo q un profesor o alguien q sube contenido responde a los mensajes, usted es grande muchas bendiciones
Hola, dejo algunas observaciones que noté mientras practicaba. En las sombras de las imágenes sin fondo: si la imagen es responsive mientras se achique o agrande su sombra no lo hace proporcionalmente al 100%, la sombra va a estar más alejada cuando la imagen se achica y más cerca cuando la imagen se agranda. Ya que por ej si la sombra tiene 3rem en el eje x, esos 3 rem siempre (al menos que se modifique el tamaño de la fuente de la raíz) van a tener el mismo valor, o sea serían 48px independientemente de si la imagen mide un 10% o un 30% de la pantalla. No sé si sea correcta del todo mi explicación y si haya alguna solución a este problema jeje. Seguiré dejando más observaciones si encuentro otras a lo largo del curso.
hola Jon, como estas? no termino de entender porque en la segunda flip card aplicas esos valores, translateX(-100%) y rotateY(-180) y la flip queda en el mismo lugar. Perdón, esto combinado con el transform origin de la flip-card-2. lo que no entiendo es porque esos valores hacen que quede en el mismo lugar y haga ese efecto, si pudieras explicarme te lo agradecería. 6:42:22
5:16:00 Profe, por que a mi no me pasa eso de que se anime solo al recargar el navegador? creo tener el código igual, tendrá que ver el navegador? uso brave
En el 8:50:24 no me salió bien y todo lo demás estaba igual, y se desbordó , le puse el 70% porque el 100% lo tomó del viewport y no del contenedor. Sabrá porque? Lo puse dentro del "nav" pero no lo tomó.
9:26:13 Excelente menú, es parecido al que hiciste en tu curso de JS en la sección del DOM, solo que este menú tiene solo CSS, que genial este Menu off canvas.
@jonmircha profe buenas noches una pregunta que opina usted de realizar sitios web con WordPress y un constructor visual....o cual es su recomendación.....saludos!!!
hola sigo tus muy completos cursos y te agradezco. como una forma de retribuirte te comento acerca del escudo mexicano el águila devorando la serpiente es un magnifico símbolo de la evolución del ser humano - desde arrastrarse por el suelo hasta volar hasta lo mas alto adquiriendo la vista de todo. gracias.
No solo usted ha disfrutado de este curso, mi persona y creo que muchos de nosotros igual, muchísimas gracias profe. Vamos adelante! El curso de JS está actualizado profe? Escuche decir que usted lo actualiza constantemente.. Un abrazo desde Chile🫡
Con mucha sinceridad, comencé a aprende todo esto no solo por curiosidad, sino por que usted jonathan lo motiva a uno a seguir. (No lo digo para caer bien) pero el factor motivación es clave para seguir. MUCHAS GRACIAS. Después de terminar esto pasaré al de maquetación y luego con su curso de JavaScript, sin embargo profe, tengo una duda sobre JS y es "¿debo ser muy bueno en matemáticas?"
Más conocimientos.. Debo admitir que estos temas en este curso me pareció un poco mas complicado pero es hermoso saber lo mucho que se puede hacer con CSS. Profe una consulta fuera de este curso. ¿Realizarás un curso de Mysql 🙏? Gracias.
Acabo de terminar tu curso 18/0172023, y como vengo desde el curso 01/05 de html lo seguiré haciendo hasta ser un desarrollador Frontend. Ahora me voy por el quinto curso, sigo el de responsivo??? o acabo con otros, ya hice el de Flex box no se que me recomiendas??......en abril tengo que entregar 3 proyectos para trabajar como desarrollador frontend o developer junior..
Pregunta Jon: en la parte de transiciones a la clase .box le diste sus propiedades y dentro de esa misma regla pusiste las propiedades de las transiciones. Por separado a la clase .box:hover le pusiste las propiedades que el elemento debe tener cuando el puntero de mouse esté encima. Mi pregunta es, ¿a las propiedades de transición las puedo poner dentro del .box:hover? porque me pareció más ordenado tenerlas ahí o por alguna razón vos las colocaste separadas? No sé si se entendió mi pregunta, traté de explicarla clara jaja, por ahí con una imagen se entiende mejor lo que quiero expresar.
@@jonmircha Jon, ya encontré la diferencia! jaja. Dependiendo en dónde coloque la propiedad transition el efecto al quitar el puntero del elemento puede cambiar. Te dejo una imagen que hice donde se entiende mejor lo que quiero expresar. "Una imagen vale más que mil palabras". acortar.link/LDDDRE
En el apartado "29. 5:08:30 - El Algoritmo de CSS y su efecto sobre las transiciones" se explica como funciona el algoritmo de CSS sobre las transiciones, pero hay alguna forma de solucionar eso? que las animaciones solo se ejecuten cuando tenga el estado :hover por ejemplo, disculpen la ignorancia
Acabo de terminar el curso nro 3 de unidades y estilos, muchas gracias profe se aprecia la enseñanza bien clara y detallada. Es mejor continuar con este curso o empezar con flexbox y grid? tengo esa duda
Muy bueno.... realmente me gusto este video ya que en este aplicas todo lo aprendido en los anteriores videos, es increible todo lo que se puede hacer solo con HTML y CSS sin JavaScript, como siempre gran contenido y muy bien explicado, ya voy 4/5 pero antes del 5 me pasare a flexbox y grid en css ya que los usaste varias veces en este y como el 5to es de Responsive Desing seria bueno llegar con esos conocimientos, lo veo en el siguiente video Dohko sensei 😁😁
Total es de los cursos que mas he disfrutado de toda esta serie de videos...!! Gracias Profe...!!
👋🏻😉
De nueva cuenta, ¡muchas gracias, Jon! 😊 Me costó seguirle el ritmo a este curso (por temas personales y laborales, no por el curso en sí) pero por fin, luego de tres meses y medio aprovechando así fuesen solo 5 minutos, al fin lo terminé 😌. Voy 4 de 5, así que curso de Responsive y Arquitectura, ahí te voy. Ojalá no pares de crear tan buen contenido como este. ¡Saludos! 👋
😃👍🏻 te sugiero hacer el de FLexbox y Grid antes del de Responsive
@@jonmircha Gracias por el consejo, me adelanté hace tiempo y vi ambos antes de este curso 4 😅 De todos modos les daré una revisada de nuevo para llegar más fresco. ¡Saludos Jon!
Si es cierto esa cita tan extendida de que si haces el bien, se te multiplica, reitero 1 vez más, tú tienes el cielo y todo ganado Jon
😉👋🏻
Jajajajajaja como me he disfrutado este curso, sobre todo cuando hemos descubierto al Jon más romantico. La experiencia y el conocimiento se te nota a la legua, Jon. Eres el mejor enseñando porque sumas conocimiento y carisma y el resultado de esa ecuación es que disfrutemos mientras aprendemos. Te deseo lo mejor del mundo amigo y docente digital, más personas como tú hacen falta en el mundo.
👋🏻😉
Gracias por tus cursos sos un ejemplo a seguir. P.D: En el 35:33 si se puede poner multiples drop-shadow solo que no hay que ponerle la coma. Ejemplo: filter: drop-shadow(-1rem 1rem 1rem #0c86be) drop-shadow(-2rem 1rem 1rem #770cbe);
👋🏻😉
He terminado este curso y solo me queda decir que me siento muy bien por haber encontrado tu canal y por todo el tiempo que he invertido en el, gracias a ti, he aprendido y entendido muchisimas cosas y ya hasta las estoy aplicando en proyectos personales, Muchisimas Gracias por todo profe❤
👋🏻😉
Como se le da varias veces me gusta a este video!!!
👋🏻😉
He acabado este curso y vaya que he disfrutado cada una de las secciones vistas, aunque si se me hizo un poco más complicado que los anteriores la forma de enseñar ayudó mucho a comprenderlo mejor, ahora solo queda practicar para reforzar todo lo visto, y a continuar con los cursos de flex y grid. Gracias por compartir sus conocimientos profe.
👋🏻😉
Finalizando este curso, vamos con el 5to!!!🙏🎉
👋🏻😉 Felicidades
A punto de iniciar este 4 curso. No cabe duda que este es de los mejores cursos que he tomado. Gracias por compartir tu conocimiento de manera gratuita.
😉🙌🏻
Que sepas que el tiempo dedicado a estos vídeos que le diste, habrá cambiado muchas vidas. En mi caso estoy aprendiendo todavía pero gracias por todo. Me siento en la facultad con tus explicaciones tan detalladas !!!! Salud y bendiciones
😃👋🏻
Termine el 3ro y voy empezando aqui, siempre me han gustado estos temas de efectos visuales y animaciones pero nunca lo explican a profundidad y les tome un poco de rencor pero ahora sé que voy a amar esta 4ta parte, gracias por todo
suerte !!!!
Por fin puede completar esta parte curso! Muchas gracias Jon por tomarte el tiempo de compartir tus conocimientos y ser tan atento de responder todos los comentarios que te dejan. Ahora voy por el 5/5 Responsive Design y Arquitectura CSS. Me esperan 10 largas horas de ver, prestar atención y practicar. A seguir avanzando 😀💪
😉👋🏻 Suerte!!!!
Wow, genial todas las posibilidades que tiene CSS, me encantó este curso al igual que los anteriores y la parte de los ejercicios pues ni se diga, un espectáculo. Muchas gracias Profe por tomarse el tiempo y esfuerzo para brindar todo este conocimiento, usted es una persona muy valiosa, le deseo muchos éxitos en todos sus proyectos.
😉👋🏻🙌🏻
Termine el 4 curso, la verdad que sin palabras, a medida que este terminando los cursos te voy a dejar un comentario jaja, muchas gracias por tanta informacion valiosa!
🥰🙌🏻
Gracias por tus enseñanzas Jon, finalmente me encuentro en la etapa final aunque debo admitir que este capitulo me resulto un poco más difícil que los demás, pero aún así fue tan atrapante como cada cada contenido que desarrollas. Gracias nuevamente!
🤓👍🏻
Me emociona mucho codear contigo Jon, eres una inspiraciòn que no habia tenido nunca con otros programadores o cursos. Seguro estas cansado de que te lo digan, pero eres muy especial para mi y seguro para muchos de tus alumnos.
🥰🙌🏻
Me encanto esta parte. Me volo la cabeza literalmente mas de 1 vez... Esta para verlo mas de 1 vez. para que los conceptos queden al 100%... vamos por mas
😉👍🏻
Hola Jon, terminando 4to curso (Efectos Visuales y Movimiento en CSS) simplemente extraordinario, son 10 horas sin desperdicio... Donde se pone en práctica lo conocimientos de los tres cursos anteriores... Ahora voy por FLexbox y Grid 💪🏽💪🏽💪
En mi taller de maquetación 😉👋🏻
Wao, he visto tus videos y no te imaginas todo lo que he aprendido, super agradecido con usted.
🥰🙌🏻
Justo estaba viendo el curso de React y sas! otros contenido super genial, definitivamente todo el contenido de este canal es irresistible!.
😎🙌🏻
Por fin terminado!!!. Me encantan tus cursos. A por el siguiente....
Mil gracias!!👋🏻😉
Al fin llegué a concluir esta parte del curso CSS, el más completo y mejor de toda la plataforma.
Muchas gracias por impartir tu conocimiento de manera gratuita, he aprendido y entendido muchas cosas de las cuales no tenía idea o me confundían bastante, y con este curso me han quedado más que claras, un placer ver estos videos y adquirir nuevos conocimientos y reforzar lo aprendido, un abrazo estimado Jon!
👋🏻😉
Terminè el curso con varios proyectos a la par, ahora tengo màs claro muchos atributos o porque utilizan el z-index y las posiciones, practicar junto al dom de js es lo de hoy
😉👋🏻
Gracias, este es el mejor canal de TH-cam para aprender programación.
Gracias. Saludos
2:39:59 Jajaja Profe, imagínese que me gusto mucho crear figuras geométricas con la propiedad clip-path, duré casi 30 min creando un hexágono y no me daba bien los puntos, pero lo logré y cuando vuelvo a ver su vídeo a los 2 min después usted nos presenta la página de clip path generator. Jajaja Me hubiera ahorrado esos 30 min. De nuevo MUCHAS GRACIAS Jonathan
👋🏻😉
5:8:30 excelente el tema de las transiciones, la verdad por eso esperaba con ansias esta parte 3 del curso de CSS, para aprender a detalle las transiciones, tranformaciones y animaciones. Ahora entiendo porque al cargar la página las animaciones hacen cosas raras, excelente detalle de cómo usar el 'all' y el algoritmo de las transiciones. Como antes me había visto tu curso de javascript y el taller de maquetación, ahí ocupas el transition, ahora sé lo que hace, muchas gracias, este es el mejor curso de CSS jamás visto!!
😉👍🏻
Que emocionante empezar este curso que hace que tus sitios web queden geniales :)
😉👍🏻
Este curso me tomo mucho más de lo esperado, pero al fin lo termine, muy bueno se ve más el uso de css para que se vea más bonita la página web muchas gracias Jon por el curso!
😉👍🏻
saludos mi nombre es saul ortiz de bolivia si estas aprendiendo a programar al igual q yo me gustaría ver si podríamos compartir ideas o avance q dices ??
3:29:45
Jajajjaja se nota que es un gran profesor, que envidia a los que les da clases, me hubiese encantado tener un profesor como usted con esas presentaciones si pongo atención
👋🏻😅
arrancando el curso numero 4. Vamos avanzando. Gracias Maestro
😉👋🏻
a qui estamos porque aqui fue donde nos puso la vida... vamo a empezar y como los otros de seguro sera otro gran curso
😉👋🏻 Suerte!!!
Justo me lo acabo de terminar, venga por el que sigue 👨🏾💻 💪🏾🤟🏾
Gracias amigo y docente digital JonatanMircha
Excelente!😉👋🏻
Aquí continuando con el curso del profe y para dejar el recordatorio en la sección de comentarios que un día como hoy
22 de Diciembre del 2021 el profe jon mircha logra su meta de alcanzar los 100K SUSCRIPTORES!!!
FELICIDADES PROFE JON, gracias por emprender esa misión de diversificar el conocimiento,
Tambien hacerle un reconocimiento a todo el esfuerzo y empeño para con cada video y cada explicación y además compartir sus hobbies con esta comunidad!
muchas bendiciones
AHORA A POR EL MILLON de SUBS!!!!💪💪💪😁
💯🎉🥳🙌🏻
Hola Jon, creo que dijiste en el minuto 28:21 que la propiedad filter no aplica la función drop-shadow a la caja. Y sí lo aplica lo que ocurre es que separaste las medidas con una coma, si separas con espacios sí aplica el efecto a la caja. Por otra parte, te cuento que estoy estudiando tus cursos muy juicioso, ahora sí estoy aprendiendo CSS... Muchas gracias, eres un Excelente profesor.
😉👍🏻
@@jonmircha Veo explicaste el mismo punto en la hora 1:36 y aclaraste que es mejor con las imágenes. Gracias.
7:34:23 Excelente el tema de animaciones tenía muchas ganas de aprender todo sobre animaciones, transiciones y transformaciones ya sea normal y múltiples. Esta parte del curso de CSS es genial, ahora a ver los ejercicios prácticos que sé que estará genial.
😉👍🏻
Empezando muy contento y con toda la disposición el 4to curso de HTML y CSS. Mi objetivo es hacerlos todos, incluyendo los cursos que tienes en tu pagina web, en verdad esta todo para convertirse en Desarrollador Web, un gran abrazo mi amigo y docente digital Jonathan Mircha !!!!✌😉
👋🏻😉 Suerte!!!!
profe jon felicitaciones muy buenos cursos ojala y hubieran mas como tu que enseña lo que saben y gratis mil gracias
¡Muchas gracias por tu apoyo! 💪
Se tomo el tiempo de hacer un video de 10 HORASSSSSSSSSS, hay personas que si les interesa compartir y enseñar. Gracias por el contenido :)
😉👍🏻
¡Gracias!
😱🤗🙌🏻🥰 Muchas gracias
No sabía que se podía hacer tanto con CSS. Increíble.
😉👋🏻
Muchas gracias por está serie de cursos, la verdad me encanto y voy a continuar con los soguientes,
👋🏻😉
Que gran Curso profesor!!, Lo disfrute mucho!! ya mi 4 Curso terminado!!!, ahora a por flex y grid!, Gracias por compartir conocimiento!!
😉👍🏻
Thank you so much!!! You are the best of the best hermano mio.
Completado (1/5, 2/5, 3/5, 4/5, Flexbox)
Pendiente (Grid, 5/5, Git&GitHub, JS, Bootstrap, React, Figma)
😉👋🏻
8:11:47 Que genial el loader creado y tambien el corazón con el efecto pulse, es genial ese efecto que usas en tu sitio con kEnAi
😉👍🏻
También mi fue mi curso favorito de este grupo Jon, pero, para serte honesto, todos me encantaron. De verdad gracias por acercarnos de forma gratuita a este mundo del desarrollo Web. Ansioso por continuar con los cursos restantes, pero, según tu recomendación, antes de pasar al curso 5 de esta serie, completaré los cursos de Flex y Grid CSS. Un abrazo Jon, y gracias por tanto.
👋🏻😃
EXCELENTE! No hay otra palabra que describa este curso. Mil gracias por darnos este curso gratis. Genio total!
😉👌🏻
Excelente Jon. Esperando el 5/5 de la serie HTML y CSS. Solo queda practicar, practicar y practicar.
Muy pronto
Empezamos esta parte, que pinche emoción Profe! 10 horas que me voy a echar con hartas ganas!
👍🏻🤓
si no estudiara 14 horas al día los cursos de jonmircha no los termino jamás xd esto es increible
👋🏻😉
Gracias nuevamente Jon! Finalizando el 4 curso de la serie. Ahora a practicar lo aprendido relacionando cosas con los anteriores videos. Saludos genio! :) 👍
👍🏻😉
jjajajajaja eres el CSS de mi HTML, lo leí con la voz de Homero jajaja, tremendo curso Jon! te felicito por los huevos que le has puesto, le has metido todo!!
😉👌🏻
muchas gracias jon....alfin pude completar el curso junto a los anteriores, mas felexbox y grid css
👏🏻👏🏻👏🏻
Me encantó esta parte 3 del curso de CSS la verdad yo creo que es mi favorito ya que siempre encontré dificil usar las transiciones, transformaciones (rotaciones, traslaciones, escalas, distorsiones, matrix, 3D, etc..), animaciones, cubic-brezier(), etc.
Muchas gracias Jon, espero con ansias la parte 4 de CSS con Responsive Design y arquitectura CSS que es muy importante, sé que aprenderé nuevas cosas, aunque conozca ya temas de breakpoints, metodología BEM, mobile first, utility first, atomic design, etc...
😉👍🏻
En serio he aprendido mucho con tus cursos y lo que falta, ¡Muchas gracias Jonathan!
Por cierto, me dio mucha risa 😂 49:39
😅
No lo he terminado quede en la seccion de textos con degradados. Pero queria dejar mi comentario, todo lo que haz enseñado esta estupendo me gustaron los ejercicios de one-page-scroll , las diapositivas y el carrusel. Lo dejare por aqui hasta el momento. Continuare con los ejercicios del DOM en el curso de JS: Mil gracias por todo este material! vale oro! 😊
👋🏻😉
Ya voy progresando gracias a tus videos, siento que he aprendido demasiado gracias a ti, también recomiendo a la gente que está viendo estos vídeos que cuando terminen un curso, traten de repasar y hacer cosas tontas con todo lo que ya han visto, también ser autodidactas y curiosos para que puedan aprender por su cuenta por separado, es lo que yo estoy haciendo y si me ha servido mucho, espero tengan un buen progreso con CSS gente
Y por cierto, no saben si es mejor primero ver los cursos de Grid y Flexbox antes que este y el de responsive?
👋🏻😉
Uff, ya lo he terminado luego de algunos días, ahora solo queda practicar y practicar y luego veré el de grid, todos tus cursos son fantásticos, son una joya!! Muchas gracias por tomarte el tiempo de realizarlos y responder a los comentarios, cursos excelentes, en verdad nuestro agradecimiento es infinito !! 🌟
👋🏻😉
bro como puedo practicar, se que tal vez me contestaras que escribiendo mis propios diseños, pero ademas de ello no habra alguna pagina con ejercicios a realizar y vaya uno llenando como una lista de compras para cada ejercicio realizado ? almenos para mi seria de gran ayuda, se que todo esta en la mente pero seguir una guia de ejercicios igual ayudaria mucho, saludos y seguimos juntos con el prof jonh.
@@yisus7895 Holaaa! Disculpa la demora, no uso mucho este perfil, te acabo de contestar pero parece que por poner los enlaces de las páginas se borra mi comentario 😓 lo digo porque antes me ha pasado entonces intuyo que es por los enlaces, y era algo largo mi comentario ¿Podrías darme tu número o instalate una app llamada Sololearn (es para aprender a programar, te la recomiendo) y dame tu usuario así te puedo contactar por ahí? Gracias, mi nombre ahí es Nayla, pero pueden haber muchos otros perfiles con ese nombre, por eso te pido el tuyo, pero si decides buscarlo debería tener esta bandera 🇹🇷 y la 1ra oración de mi descripción dice Never give up, respóndeme cuando veas esto para saber qué decidiste hacer
Que hermoso curso,una cantidad de horas bien invertidas, muchas gracias por todo maestro!!
😉👋🏻
Buenísimo, este cuarto video lo termine en 1/3 del tiempo que los anteriores. Una maravilla.
Felicidades!
Esta divertido el curso, jajaja me alegre mucho, viendo los gradientes
👋🏻😉
Está super bien los cursos ya casi terminamos la serie 4/5, y respecto al primer tema del curso, me recordó a mi canción favorita "Sombras nada más "- Javier solis
🤭
Jaja🤣🤣🤣 profe me alegró la tarde "Eres el CSS de mi HTML" ------ Espero que todos puedan ver el vídeo completo y puedan reír un buen rato con el profe Jonathan.
👋🏻😉
En la parte de el sitio One scroll page, tengo el menú con flex, y flex-wrap:wrap.
Entonces el menú se va desbordando a menos de 500px de resolución, con una MediaQuery le digo que cuando el menú se haga mas grande pues aumento los EX ... pero es mejor optar por un menú hamburguesa en esos casos jaja creo que la experiencia viendo estos cursos me han servido. GRACIAS.
😉👌🏻
Saludos profe Jonathan, una pregunta, en 8:50:37 , al dar valor space between, si se cambia por otro valor perteneciente a la propiedad justify-content ya no se posiciona de manera correcta el elemento con clase .tab-bg-hover, es decir, solo se posiciona de manera correcta con el valor space-between y no con otro, porque sucede esto?, he investigado y experimentado pero no logro encontrar una lógica aparente, le agradecería si usted me puede dar una luz con esta pregunta, de antemano agradezco mucho su esfuerzo, realizando estos cursos que de verdad son muy completos.
oficialmente empiezo el curso 4/5 que emoción, lo veía tan lejano.. pero vale la pena cada esfuerzo que pongo día a día para seguir aprendiendo ^^ nos vemos al finalizar.
Llevamos el mismo ritmo, también acabo de empezarlo, después de 3 largos videos,.
👋🏻😉
Lo logré!!!!... Me llevó más tiempo terminar esta parte del curso, pero lo conseguí... Muchas gracias 🫂
Pensé que había entendido todo hasta acá, pero todavía no entiendo bien ni domino las pseudoclases de ::after y ::before, ni mucho menos entiendo porqué se define el content:" ". Fuera de eso, explicás perfecto, gracias profe
3:01:33 Excelente que incluyas lo que enseñaste en dos videos de tips CSS que son el SmoothScroll y Scroll MarginTop + ex.
Este curso según mi opinión es lo más complicado de CSS ya que se necesitan saber términos de diseño UI, y ya que me vi todas las secciones de efectos visuales mi pregunta es:
¿Qué términos de diseño debo aprender aparte de la teoría del color para aprender mejor los efectos visuales?
Es decir que debo aprender para el tema de las Sombras (box-shadow | text-shadow | drop-shadow), Degradados (linear-gradient | radial-gradient | conic-gradient), Filtros (filter | backdrop-filter), Mezclas (mix-blend-mode | background-blend-mode), Máscaras (clip-path) y Formas (shape-outside). Sé que existen herramientas que lo que hacen más fácil como lo mostraste en el curso, pero me interesa entenderlo más a fondo.
Postdata: Espero con ansias los movimientos como transiciones, transformaciones y animaciones ya que es algo genial.
Pues es que todos esos conceptos son de diseño, sombras degradados, saturacion, contraste , color, es teoría pura y dura de diseño grafico
@@jonmircha aah entendido, muchas gracias Jon, investigaré más eso
Justo lo que necesitaba hermano, en ningún lugar había esto, gracias
Con gusto
8:33:22 se ven geniales los botones con transiciones y sobre todo con degradados, excelente sección
😉
nuevamente excelentes videos y muchas gracias por compartir tus conocimientos eres el mejor muchas bendiciones ya q yo estoy aprendiendo de cero a programar y gracias a tus cursos estoy aprendiendo un montón
disculpe pero en el minuto 3:12:18 veo q los margenes los coloca a 0, también se puede usar el link de normalize ??? o simplemente se tiene q colocar el margin a 0 siempre ??
No necesariamente, lo puse a cero por las necesidades de mi ejercicio, todo hay que muetarlo en base a los requerimientos
@@jonmircha muchisimas gracias por su aclaración, realmente es una excelente persona primera ves q veo q un profesor o alguien q sube contenido responde a los mensajes, usted es grande muchas bendiciones
Excelente curso!!!!. Gracias por compartir sus conocimientos 🎓
Con mucho gusto
gracias Jon eres lo mejor, el mejor profesor en linea :D
👋🏻😉
Hola, dejo algunas observaciones que noté mientras practicaba. En las sombras de las imágenes sin fondo: si la imagen es responsive mientras se achique o agrande su sombra no lo hace proporcionalmente al 100%, la sombra va a estar más alejada cuando la imagen se achica y más cerca cuando la imagen se agranda. Ya que por ej si la sombra tiene 3rem en el eje x, esos 3 rem siempre (al menos que se modifique el tamaño de la fuente de la raíz) van a tener el mismo valor, o sea serían 48px independientemente de si la imagen mide un 10% o un 30% de la pantalla. No sé si sea correcta del todo mi explicación y si haya alguna solución a este problema jeje. Seguiré dejando más observaciones si encuentro otras a lo largo del curso.
Claro no tiene las mismas dimensiones tendrías que aplicar mediaqueries a la sombra
hola Jon, como estas? no termino de entender porque en la segunda flip card aplicas esos valores, translateX(-100%) y rotateY(-180) y la flip queda en el mismo lugar. Perdón, esto combinado con el transform origin de la flip-card-2. lo que no entiendo es porque esos valores hacen que quede en el mismo lugar y haga ese efecto, si pudieras explicarme te lo agradecería. 6:42:22
Altamente recomendado. Buenisimo el curso profe. Muy bien explicado. Le agradesco muchisimo. Ahora a practicar todo.lo.aprendido 💪💪💪.
😉🔥
Gracias Crack, me acabo de "unir" a tu excelso canal. Saludos desde Córdoba-Argentina!
👋🏻😉 gracias
5:16:00 Profe, por que a mi no me pasa eso de que se anime solo al recargar el navegador? creo tener el código igual, tendrá que ver el navegador? uso brave
🤔
En el 8:50:24 no me salió bien y todo lo demás estaba igual, y se desbordó , le puse el 70% porque el 100% lo tomó del viewport y no del contenedor. Sabrá porque? Lo puse dentro del "nav" pero no lo tomó.
😮
Muchas 🙏🙏🙏 Jon. Solo las personas grandes, hacen lo que usted hace.
👋🏻😉
Otro curso terminado. Muchas gracias
Un saludo
Muchas gracias por tanto Jon!. Abrazo grande desde Argentina!
🤓👍🏻
profe lo de los Degradados, Filtros y Mezclas esos se implementa seguido en el hambito laborar???
Depende del diseño propuesto
9:26:13 Excelente menú, es parecido al que hiciste en tu curso de JS en la sección del DOM, solo que este menú tiene solo CSS, que genial este Menu off canvas.
😎📱
@jonmircha profe buenas noches una pregunta que opina usted de realizar sitios web con WordPress y un constructor visual....o cual es su recomendación.....saludos!!!
Para la gente que no sabe de código, bien
hola
sigo tus muy completos cursos y te agradezco. como una forma de retribuirte te comento acerca del escudo mexicano el águila devorando la serpiente es un magnifico símbolo de la evolución del ser humano - desde arrastrarse por el suelo hasta volar hasta lo mas alto adquiriendo la vista de todo.
gracias.
😀👍🏻
Maravilloso el momentazo Spiderman!! y frase del tio Ben!😂
👋🏻😉
Muchas gracias JonMircha. Me ha encantado este nuevo curso. Completisimo..
Excelente!
No solo usted ha disfrutado de este curso, mi persona y creo que muchos de nosotros igual, muchísimas gracias profe. Vamos adelante!
El curso de JS está actualizado profe? Escuche decir que usted lo actualiza constantemente..
Un abrazo desde Chile🫡
Sí, esta al día aprendejavascript.org/
@@jonmircha muchas gracias profe, aún un largo camino, terminó el 5/5, flex, grid y JS jejej.
Gracias por todo sus conocimientos!!
Con mucha sinceridad, comencé a aprende todo esto no solo por curiosidad, sino por que usted jonathan lo motiva a uno a seguir. (No lo digo para caer bien) pero el factor motivación es clave para seguir. MUCHAS GRACIAS. Después de terminar esto pasaré al de maquetación y luego con su curso de JavaScript, sin embargo profe, tengo una duda sobre JS y es "¿debo ser muy bueno en matemáticas?"
No, mientras sepas sumar, restar, multiplicar y dividir es más que suficiente a y diferenciar entre ,= y !=
@@jonmircha Profe, muchas gracias. Me sentía un poco preocupado por ese detalle.
jon sudando cuando aplica el backdrop-filter y todo se ve igual jajajajaj. Un abrazo desde colombia, gracias por tanto y pordon por lo poco
Un saludo!
El mejor curso de todos !
😉👋🏻
EXCELENTE como siempre profesor, un gusto aprender con usted!
Hola, muchas gracias
8:52:21 excelente el menú de tabs, está genial que solo se puede hacer con CSS y sin JS
👍🏻
Más conocimientos.. Debo admitir que estos temas en este curso me pareció un poco mas complicado pero es hermoso saber lo mucho que se puede hacer con CSS. Profe una consulta fuera de este curso. ¿Realizarás un curso de Mysql 🙏? Gracias.
Con PHP pronto
Acabo de terminar tu curso 18/0172023, y como vengo desde el curso 01/05 de html lo seguiré haciendo hasta ser un desarrollador Frontend. Ahora me voy por el quinto curso, sigo el de responsivo??? o acabo con otros, ya hice el de Flex box no se que me recomiendas??......en abril tengo que entregar 3 proyectos para trabajar como desarrollador frontend o developer junior..
👏🏻👏🏻👏🏻 jonmircha.com/cursos
Pregunta Jon: en la parte de transiciones a la clase .box le diste sus propiedades y dentro de esa misma regla pusiste las propiedades de las transiciones. Por separado a la clase .box:hover le pusiste las propiedades que el elemento debe tener cuando el puntero de mouse esté encima. Mi pregunta es, ¿a las propiedades de transición las puedo poner dentro del .box:hover? porque me pareció más ordenado tenerlas ahí o por alguna razón vos las colocaste separadas?
No sé si se entendió mi pregunta, traté de explicarla clara jaja, por ahí con una imagen se entiende mejor lo que quiero expresar.
🤨🤔
@@jonmircha Jon, ya encontré la diferencia! jaja. Dependiendo en dónde coloque la propiedad transition el efecto al quitar el puntero del elemento puede cambiar. Te dejo una imagen que hice donde se entiende mejor lo que quiero expresar. "Una imagen vale más que mil palabras". acortar.link/LDDDRE
En el apartado "29. 5:08:30 - El Algoritmo de CSS y su efecto sobre las transiciones" se explica como funciona el algoritmo de CSS sobre las transiciones, pero hay alguna forma de solucionar eso? que las animaciones solo se ejecuten cuando tenga el estado :hover por ejemplo, disculpen la ignorancia
Sí, aplicalas solo en selectores hovers
Acabo de terminar el curso nro 3 de unidades y estilos, muchas gracias profe se aprecia la enseñanza bien clara y detallada. Es mejor continuar con este curso o empezar con flexbox y grid? tengo esa duda
Flex y Grid
@@jonmircha gracias profe
Muy bueno.... realmente me gusto este video ya que en este aplicas todo lo aprendido en los anteriores videos, es increible todo lo que se puede hacer solo con HTML y CSS sin JavaScript, como siempre gran contenido y muy bien explicado, ya voy 4/5 pero antes del 5 me pasare a flexbox y grid en css ya que los usaste varias veces en este y como el 5to es de Responsive Desing seria bueno llegar con esos conocimientos, lo veo en el siguiente video Dohko sensei 😁😁
👋🏻😉