Diseñando una web responsive desde 0 (sin plugins ni framewoks), HTML y CSS - 2da parte
Вставка
- Опубліковано 19 вер 2024
- Síguenos en facebook:
/ jygproyectosweb
Únete a nuestro grupo:
/ 1639298496227219
Síguenos en Twitter:
/ jygproyectosweb
Nuestro sitio oficial:
Apóyanos con un me gusta y compartiendo este video, muchas gracias a todos :)
Lo hiceeeee paso a paso y me siento la persona más realizada de este planeta!! :D voy a practicarlo 100 veces más pero eres el mejor de los mejores. Sigue subiendo vídeos, me muero por aprender a tu manera. JS estarían una maravilla. Gracias!! Desde Colombia muchos agardecimientos por tu tiempo y por compartirnos tus conocimientos.
A mi igual me parece exelente
excelente*
Concuerdo contigo, muchas personas piensan que diseñar es cosa fácil, pero este tutorial refleja que se trata de mantenerse siempre en práctica y que no es cosa fácil.
la cuestión es que entiendas el código css, si quieres improvisar o crear tus propias páginas css.
Entiendo todos los comentarios que ponen sobre su forma de exponer las cosas, ejemplos claros, y bien explicados. Gracias por todo.
2019 broer y pta te pasaste, no suelo comentar pero este tutorial es uno de los más completos y mejor explicados que he visto en mi carrera como desarrollador web(Estoy etapa de inicio). Te ganaste un suscriptor, y éxitos en todo.
EXCELENTE AMIGUITO!!!! Soy brasileño y usted es maestro en HTML 5 , gracias amigo y continuar con las lecciones en video son excelentes.
Jean.......llevo siguiendote unas semanas y dejame decirte que eres de los que mejor explica las cosas. Soy nueva en esto, pero un poco gracias a tí, ya me atrevo mas con el diseño web. De hecho, gracias a este vídeo....ya la tengo y no es sólo por práctica, es de un negocio real.....muchisimas gracias!!!!!!!!!!!!!
+clara rosero Hola Clara, que gusto saberlo, estamos por preparar mejores videos que este, gracias a ti por seguirnos.
Tenga su like y subscripcion buen hombre me salvo el semestre
Tus videos son diferentes, todo parece muy sencillo, eres un grande maestro.
Este video fue espectacular, gracias a ti jean carlos, he aprendido mucho, y ya estoy en el diseño de mi primera pagina de peces, gracias y bendiciones a ti y tu esposa, gracias.
Saludos "profesor" que satisfacción ver el resultado de mi proyecto siguiendo este curso, ¡¡ larga vida y salud ¡¡, lo voy a rebautizar y a partir de ahora le llamaré "Salvador" puesto que me ha rescatado de hacer webs sosas, inanimadas y estáticas.
Siga publicando, es una gozada. Gracias amigo, un abrazo. Antonio.
La verdad los videos son los mejores que he visto y creo que me quedo con todos estos porque he aprendido bastante. Hay que seguir practicando, pero he aprendido mucho. Los videos tienen una explicación clara y precisa sin tanto rodeo o palabras de adorno.
Lo hice la pie de la letra y aprendí mucho, a parte de ello, saber que hice ese sitio web yo mismo y me siento orgulloso de lo que hice, aún sin saber de programación entendí mucho, me anima a querer seguir en este canal y aprender mas, mucho más. Ojalá se puedan aprender temas más avanzados a la medida de ir aprendiendo paso a paso.
Que agradable saber que hay personas claras y precisas. Excelentes videos y excelentes explicaciones. Saludos desde Bogotá-Colombia
cada que veo un video tuyo quedo con la boca abierta de tanto que sabes y ademas de la facilidad con lo que explicas dejando todo tan claro, tan sencillo y elegante :o
Enhorabuena!! Haces unos videos tutoriales de gran calidad. Gracias por compartir tus conocimientos en la Red. Saludos, Amador desde España
+Amador Perez Muchas gracias Amador, Saludos desde Perú
Amador Perez me encanto ...muy bien explicado
Gracias !! caballero, gracias personas como usted que reparte conocimiento deberian darle el cielo, muchas gracias lo voy a practicar 10.000 mil veces, siga subiendo videos a personas como a mi que hasta ahora empezamos en esto nos ayuda mucho... gracias.
Amigo. Chapeau. Gracias
No entiendo a que clase de gente (33) no les pudo gustar esta obra de arte
quizá porque faltó la funcionalidad de los botones, pero bueno hay gente que quiere todo servido en la boca.
El vídeo estuvo 10/10
@@kamisama3276 Total, hay gente que no le gusta pensar, igual de todos los tutoriales que he visto en mi vida, este es el más claro y consiso que he visto
Excelente! este man puede decir que sabe explicar y enseñar.Gracias.
¡Pura vida!
Me encanta tu forma de enseñar, explicas super bien, paso a paso....sin enrollarte demasiado.... se agradece mucho el esfuerzo... MILLONES DE GRACIAS , ME HAS SALVADO DE LAS RECUPERACIONES AJAJJAJA
Caramba, 6 años después y sigue teniendo una gran validez. Excelente. Seguiré viendo y aprendiendo con todos tus tutoriales.
Primero quiero felicitarte por el empeño en tus videos.
Que es lo que más me ha gustado.
Muchas gracias.
Tus videos son de lo mejor que he visto, bien explicado y completo.
Saludos desde españa
Carlos M +J&G Proyectos Web, muchas gracias por compartir sus conocimiento con usted he aprendido mucho mis maestros usted / +FalconMasters y +jotajotavm los considero los mejores
Amigo Jean Carlos, déjeme darle las gracias, sin lugar a dudas, son los mejores tutoriales que he podido ver y todo lo hace muy amenamente, bendiciones amigo, gracias enormes... un amigo y seguidor más desde Colombia.
Fenomenal, me parece una pasada lo sencillo que lo haces y sobre todo lo bien explicado. Da gusto seguir tus pasos y comprobar los resultados. Para dejarlo niquelado yo añadiría la opción de sub-menus.
Mil gracias y esperando tus próximos vídeos con ansia.
Luis Franco Garcia estamos pensando hacer un video con sub menu, muchas gracias.
2019 y aun sigues siendo un crack. Saludos C:
ya que estoy mas centrado al programacion "todos sus videos son exelentes y me servio mucho "
Hay que ver lo fácil que haces que parezcan las cosas. Nuevamente un videazo.
Me salvaste la vida, por ti obtuve un 10 en mi nota final de HTML. Mil gracias.....
Gracias. Mil gracias. No sabes cuánto me ayudan tus vídeos. Eres un... carajo, no sé cómo sabes tanto. Haces un aporte inmenso al mundo. Gracias. Te he recomendado como el mejor de la web para empezar a programar. =)
Excelentes vídeos de mucha ayuda para aquellos que estamos en nivel Básico - Intermedio del Diseño WEB. Toma tu buen Like hombre!
No lo he realizado aún, pero tu paso a paso me ha parecido una excelente forma de enseñar a los que no sabemos, considero que sin conocerte y sin haberlo realizado eres de los mejores. Me gustaría que continuaras con este mismo ejercicio para continuar suministrando toda la información que debe llevar cada una de las secciones que hay en la página. quiero aprender a tu manera, tienes mucha madera para la pedagogía. Gracias por tiempo y tus conocimientos!! Desde Cesar,Colombia
Que buen tutorial, Gracias hermano no sabes de cuanta ayuda me ha servido este servicio, Saludos desde Bogotá - Colombia
Eres un verdadero maestro. Buen profesional y buen enseñante. Voy a ponerte de referencia en mi humilde WEB.
Muy buen video , aquí en Brasil no se han visto en cualquier canal de algo tan bien explicado y funcional .
Gracias por compartir.
abrazo
Me gusta ser autodidacta y suelo leer mucho material al respecto, pero debo decir sin que me quede nada por dentro que eres un gran instructor tienes una facilidad y una claridad para explicarte que aleja cualquier complejidad y la hace simple, me ha servido de mucho tu vídeo y desde ya estoy suscrito a tu canal, ,il gracias por estos aportes
Super excelente, muchas gracias por tu tiempo y por compartir tus conocimientos.
Estoy seguro que tienes un futuro excelente por tu desprendimiento y el querer enseñar sin esperar nada a cambio.
Saludos desde Venezuela.
Buenisimo Prof. lo hize y ahora a cobrar de mi chambitaa claro gracias totales a J&G Proyectos
Estimado Giancarlo, no tengo palabras para expresar mi gratitud por tan buen tutorial, que Dios le bendiga, usted es un auténtico crack como programador y persona, saludos desde Chile y Muchas Gracias!
Gracias 👍. Uno de los videos mejor explicados que he encontrado hasta ahora
Excelente vídeo, te felicito por el aporte, Gracias por la enseñanza y por el tiempo que te tomas para enseñarnos, espero realices muchos vídeos.
Jhans Navarro Perez gracias a ti!
Excelente tutorial, soy estudiante de desarrollo de software y he aprendido bastante con tus proyectos . FELICITACIONES.
año 2020 no se porque no habia visto tus videos antes excelente tutorial te ganaste mi suscripcion
Aunque encontré un poco tarde tus videos, los encontre muuy profesionales, muy bien explicados, ademas posees buena voz para narrar y detallar.
31/ 12 / 2019: 20:59. mil gracias. excelente aporte. te ganaste un suscriptor y un me gusta. Gracias x ser ordenado.
Señor, es usted un mago del html y el css, estos dos videos fueron como ver a Bob Ross pintando un cuadro, jeje
Gracias por compartir su "hocus pocus"
Exelente muchas gracias, justo tenia una tarea e hice el codigo desde cero y de paso aprendi mucho. saludos..!! valio la pena las 6 hr que me demore en hacerlo XD
Felicidades... estoy muy sorprendida en la forma que usted explica, con mucha paciencia, paso a paso. Excelente amigo... desde el primer momento que vi este vídeo, me sentí mas capas de practicar y seguir con mas ansias mi carrera de programación...
Buenisimo che! Explicas muy bien las cosas! Gracias saludos desde Argentina.
Juan eres estupendo hermano, un abrazo he aprendido lo que siempre he estado buscando, en la nueva forma de ver una Web sin pluggins; todo desde cero, gracias!
Mejor que cualquier curso virtual! Muy buenos tus videos!
Te felicito ! Clarisima y brillante explicacion del responsive con flexbox , desarrollo rapido de una aplicacion real. Gracias
De lo mejor que he visto en mucho tiempo, felicitaciones!
Simplemente eres un maestro y de los mejores!!! Gracias por compartir tu conocimiento. Te bendigo y que cada día Dios te de más y más sabiduría.
Una masa este y el video anterior .... estupendo todo... nuevamente felicidades
Muchas gracias por el tutorial, está muy bien explicado y lo haces con una buena entonación, que ayuda mucho a seguir el hilo sin que el que está viéndolo se despiste. Un saludo.
Te haz ganado todo mi respeto y admiración. Me gustan mucho tus tutoriales.
Exelences los dos videos, nunca habia visto una explicacion mas clara y perfecta de como realizar Web-Adaptables, te felicito grademente, Dios te Bendiga.
excelente tutorial, eres muy bueno explicando. me falto solo un pasito que me parece muy importante es que al darle clic al icono de las redes sociales lleve a la persona que esta viendo mi pagina a mi red social. muchas gracias.
Muchas gracias. Me gusta la buena voluntad de compartir sus conocimientos.
yo soy estudiante de técnico en programación de software y este vídeo me ha sido muy útil en algunos detalles para mi formación
Excelente video, muchas gracias Carlos, nunca había entendido el css bien hasta que vi tu video, muy bien explicado cada paso ya que la mayoría de otros tutoriales solo ponen código pero no lo explican, eres una excelente persona con un don muy grande para la programación y la enseñanza, un saludo y un afectuoso abrazo desde Guadalajara en Mexico
Sencillamente "Un Genio". Gracias por estos dos tutoriales, me han servido mucho.
felicitaciones, es muy fácil de entender, hombre usted explica muy bien
Eres un crack, y con la humildad que hablas te hace que se te entienda todo lo que dices!
Muchas gracias por su dedicación para impartir conocimientos técnicos.
Muchas felicitaciones, excelente presentación, muy didáctico. BENDICIONES.
Eres el mejor! aprendí mas con tus vídeos que con el licenciado que da clases, por favor sube vídeos de PHP!!!
Minimalista y se ve bien una web simple que cualquiera puede hacer gran vídeo !!
Excelente, excelente de antemano gracias por tus aportes a la comunidad aprendiz , tienes el don de explicar bien y lo recibimos con animo de seguir aprendiendo...desde Venezuela...!!
Excelente Jean Paul, yo vi este video antes y realmente, tuve problemas, algo no hice bien, ahora lo vuelvo a repetir y salio bien, gracias...ademas ya extranamos tus videos...saludos
Muchas gracias por la paciencia de enseñarnos "DESDE CERO", realmente es un grna aporte tus videos!
voy a practicarlo y agregarle algunas cosas mas para convertirme en un gran programador!
Muchas gracias!! sigue asi, muchos exitos!
Gracia eres el mejor, saludo desde República Dominicana 🇩🇴 .
Magnífico trabajo. Mis más sinceras felicitaciones desde España.
Muy bien explicado maestro. Seguiré todos tus vídeos. He aprendido muchas cosas nuevas.
Muy agradecido estos videos son de lo mejor que he visto en youtube.
Vamos que una pagina web puede tener varias paginas html (asi que como varias paginas css, que ya queda bien aclarado en estos videos), y que dentro de todo el esquema de maquetación de diseño entiende que index.html es la principal?. Sin duda vere el enlace que dices. Muchisimas gracias, y para todos aquellos que se inician como yo en esto y que es de los primeros tutoriales que ven, os puedo decir que de todo se aprende, pero que los de este señor, son de lo mejorcito como para empezar. Gracias de nuevo.
+Toni Martorell generalmente index.html es el principal, para las otras paginas solo las creas, ejm, contacto.html, servicios.html etc y los vinculas en los menús con los enlaces.
hola estimado, lastima que no habia visto sus videos antes, de verdad son muy prácticos , utiles y bien explicados, lo unico que no me salio al hacer esta practica fueron los iconos descargados de fontello, (no los muestra), lo que mas me gustó fue lo de hacerlas responsives y adaptarlas a variados tipos de dispositivos y pantallas. comenzare a practicar mas con css3 y html5 .saludos cordiales desde caracas venezuela
¡Te pasaste!
En prácticamente una hora realizaste el index de la web responsive, sin titubear. Y yo que me demoré muchísimo, y es probable que esté llena de errores jajajaja. Me quedó la duda de si esta web es compatible con Explorer 11, Ópera y Safari.
Debo darte las gracias por entregar parte de tu tiempo y hacer estos videos. Eres muy bueno para explicar. Te felicito, y espero que tengas mucho éxito.
¡Un saludo!
+Carla L. Parodi Andreani para que sea compatible con safari en los prefijos de flexbox (como display: flex) hay que agregar los prefijos -webkit- .
+J&G Proyectos Web ¡Mil gracias! ¡Saludos! :D
execlente aporte amigo Jan Carlos Molina eres un buen maestro graciassss
Salvando vidas en 2021, ¡grande!
Muchas Gracias amigo, te deseo lo mejor , muchos éxitos. Excelente tutorial, ojala sigas con vídeos así de pequeños cursos.
Muchas gracias Jean por compartir tus conocimientos y hacer estos excelentes tutoriales, me han sido de muchísima ayuda. Un abrazo desde España.
ola mi amigo neta me gusta mucho los video tutoriales que has subido y neta muchas gracias que Dios te bendiga y no dejes de ayudar a los que lo necesitamos.
Saludos y muchas bendiciones
+Kolocho Jerónimo Gracias
efectivamente se siente muy bien y como siempre soy el ultimo en agradecerte tanto conocimiento, q nos compartes, gracias y no pares amigo mio, muchas gracias, me míticas muchisimo.
guooo muchas, muchas ,muchas gracias amigo eres muy bueno , aprendi bastante y me encanta como explicas eres de lo mejor , espero que que sigas adelante #saludosdesdeHonduras
Excelente tutorial. Gracias por compartir tus conocimientos. Bendiciones
Los mejores tutoriales AQUI Sin duda !! Muchass Graciass ! espero y sigas compartiendo muchas cosas mas por aprender ! (: SALUDOS !
Axel Molina muchas gracias
Simplemente buen video. Tu haces lo complicado muy facil. Mil gracias.
Me divertí, Muchísimas Gracias... Usted es Calidad para explicar.
Saludos desde Colombia !!!! Excelente video ... Dios te Bendiga
hombre ni mi instructor de programacion lo hace mejor que usd compañero, es la primera vez que entiendo todo y se me hace sencillo carajo!!!! sos un crack sigue subiendo contenido como este bro eres muy bueno haciendolo como explicandolo (Y)
De maravilla el tutorial. Con estos 2 vídeos me he enterado de la opción "flex" del css que no sabía que existía :P
Gracias por compartir y explicar tan bien. Un abrazo. :D
Ratapelua71 aquí un video de flexbox: ua-cam.com/video/yJ2EmWxEJUk/v-deo.html
Muchas Gracias de nuevo.
Uno de los mejores tutoriales, justo lo que buscaba 💪💪muchas gracias desde España.
Genio!! que bueno vi las dos partes, me encantó es super sencillo, claro, te entendí todo!! Muchisimas gracias estoy empezando y es justo la explicacion que necesitaba!! Gracias :D
Excelente Jean carlos, muy bien explicado, útil, estéticamente bueno y sencillo, por ahí dejo mi like y desde hoy tienes un suscriptor mas
Dios te Bendiga, sos un experto
sos un Dios en version humana, mil gracias me sirvio muchisimo, me suscribo a tu canal con el mayor de los gustos y no pares de contribuir con este tipo de videos, amigaso explicas muy bien...
seria bueno si hicieras otro tuto donde expliques como hacer cuando doy clic en una opcion se habra una nueva pagina previamente realizada.
Saludos desde Bogota Colombia
Muchisimas gracias por darnos tu tiempo....Felicitaciones por el video
Buenas tardes amigo, muchas gracias por responderme las preguntas, quiero agradecerle de todo corazón esa buena intención. Le escribo nuevamente por que como le dije estoy haciendo la pagina web de mi negocio y pues voy muy bien finalizando la con éxito. Lo que ahora me surgió fue el deseo de proteger las imágenes de mi pagina web, o sea que si alguien desea dar clic derecho y guardar imagen no aparezca la opcion.
excelente vídeo, aprendí mas en esta hora que en todo el cuatrimestre. Gracias buen hombre.
Like y subs. De las mejores técnicas que he visto para enseñar. Gracias maestro.
Ya hice la primera parte y voy bien, excelente video, bien explicado. Gracias por este maravilloso aporte. Saludos desde Colombia.