Diseñando una web responsive desde 0 (sin plugins ni framewoks), HTML y CSS - 1ra parte
ฝัง
- เผยแพร่เมื่อ 25 ส.ค. 2024
- Curso completo de un sitio web desde cero
• 1. Curso: Sitio web de...
Segunda parte: • Diseñando una web resp...
Tutorial actualizado: • Diseñando una página w...
Sitio web desde cero completo actualizado:
• 1. Curso: Sitio web de...
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 :)
5 años despues y esto sigue siendo una joyita.
Gracias por compartir y hacer llegar parte de una gran información a todos!
Sería genial que hagas un curso gratuito de Html, Css y JavaS!!
6 jajajaa
cierto
@@miguelangelillanesmamani8837 7
Hace 3 años y medio apróximadamente TH-cam me recomendó este video, estaba comenzando en el mundo del desarrollo web. Gracias a ti y a otros tutores actualmente me dedico a esto al 100%.
wow amigo te felicito
Felicitaciones
Que bueno!! que otros tutoriales usaste?
Cuanto tiempo duraste en aprender, amigo y que tecnologias necesitaste ?
Yo levo 3 meses ya se html y css y se responsive desing, pero lo ando mejorando, voy en js y aprendiendo bootstrap para luego sass y tengo ganas tambien de tailwind
Me estás salvando la vida jajajaja XD pese que han pasado 5 años son muy utiles tus videos :0
28/01/2020, tu aporte a la comunidad es muy valorable, te lo agradezco mucho
me encanta como explicas de manera muy franca, haces que paresca sencillo.
Lo es.
Ojala te este yendo super bien en la vida, porque éste es alto curso y tu eres alto profe :')
Hace 6 años comencé mi carrera y sin saber que era lo que quería, que rama de la programación me gustaba más y sin tener alguien que me pudiera guiar, llegué a este video aprox a las 11 de la noche y después de ese momento todo cambió, hoy 6 años después, soy ingeniero en sistemas, con más de 4 años de experiencia, definitivamente el desarollo web y móvil era lo que quería y este video me ayudó muchísimo, gran maestro te agradezco por ese rato que sacaste para grabar este video que me ayudó mucho, también grabo videos esperando poder orientar a todos aquellos que deseen aprender! Saludos desde Costa Rica!
No sé porque perdí este canal de mi suscripciones. Vengo a darte las gracias porque me salvaste la vida muchas veces. Tu trabajo es valioso. Espero el canal siga activo.
Siempre se puede aprender mucho viendo como hacen las cosas los que saben, Gracias =D
Como vas?
Eres un máster, me ayudaste muchísimo.
Un nuevo suscriptor.
Excelente vídeo, saludos desde México.
Este tipo es un jodido crack, lo hace ver tan facil y es tan practico, 10 de 10
Recuerdo que este canal y en específico este y las demás partes de este video me ayudaron mucho con mi clase de programación y diseño web en el colegio, lastimosamente ahora en la universidad estudio Administración De Aduanas Y me da nostalgia al recordar que hice todo lo que esta haciendo el en este video.
Saludos JeanCarlos 😄
gracias amigo!! gracias por compartir tus conocimientos. Desde hoy seguiré tu canal.
broeer excelente video ... muy bien felicitaciones ... soy estudiante de ing de sistemas y estoy estudiando el hacer pags web y tu video me hay servido de mucho ... sigue sacando mas videos de responsive, js, bootstrap, jquery, etc
ya me susbcribi, le di like y ahora lo comparte, muchas gracias por el aporte
habia perdido mi web, de tu tuto, dos años despues te encuentro, habia perdido todo por un ramsonware, me suscribi, ahora avanzando en la ruta frontend, eras una de las primeras inspiraciones, saludos cordiales!
Explicas súper bien, de todos los videos que he visto sobre sitios web responsives este ha sido sin dudas y por lejos el mejor, felicitaciones por tus videos.
Saludos desde Venezuela.
Súper bien explicado..Muchas Gracias!!
+Rossycreative Gracias
J&G Proyectos Web amigo se puede hacer con notepad++ y como guardaría mis páginas como Html oh CSS?
quiero hacer una página de ventas.
con extencion .html
@@Jygproyectosweb como agrego la estrella en css no entendí
Uno de los que mejor enseña no entiendo por que tiene 6 dislikes..gente loca..
Nojoda pasan los años, pero siempre retomo tus tutoriales, son los mejores explicados, gracias!
Hola. Este es el segundo video tutorial que veo hecho por ti. Hermano un abrazo y mil mil gracias desde Colombia!!
GENIOOOO!.
Gracias por existir y compartir el conocimiento. (Y).
Es un increíble Tutorial
Muy bien explicado
Muchas gracias
Ya tienes un subscritor mas
✌
Jajaja amigo, mis respetos. Que buen profesional eres! Sin trampas ni códigos medio explicados como lo hacen muchos en TH-cam. Felicitaciones
Curso completo de un sitio web desde cero:
th-cam.com/video/YwlCm641PrQ/w-d-xo.html&ab_channel=J%26GProyectosWeb
Tutorial actualizado: th-cam.com/video/RgSWh5jIx2A/w-d-xo.html&ab_channel=J%26GProyectosWeb
de calidad espero que subas uno con php que es curso que recien estoy llevando muchas vibras sigue asi me motivas para poder aprender mas :)
Me puerde ayunda
genial sou brasileiro e estou assistindo os seus vídeos, estou gostando muito dos seus tuturiais
7 años después y esto sigue siendo una joyita.
es el ABC del estudio de diseño web ñ.ñ, gracias por existir J&G hemos aprendido tanto de ti, agradecido de por vida.
buen video!..una consulta...puedo obviar la section id="blog" ? y trabajarlo normal?
EH grande que hacias aqui? xdd
que ases aqui :0?
xD
Xd🤑😎👌🏾👊🤬
no encuentra justify-content
que hago?
Error: ""Unknown property justify-content
Los vídeos de este señor son muy buenos y están muy bien explicados. A la gente que pregunta por fallos en la actualización de la vista dinámica, tienen que asegurarse de que no tengan ningún fallo de sintaxis si están usando Brackets, ya que el editor no les dirá dónde está el fallo... basta con poner un "img SCR" en lugar de SRC... y ya no te sale la imagen, por ejemplo. La mayoría de los errores son por cosas como estas.
también suele ser el firewall de windows lo ha bloqueado, solo tiene que agregar brakcets al firewall para solucionar
Caballero, usted es una verraquera de profesor; excelentes tutoriales; me salvó la patria con estos 2 en particular. Ya me suscribí a su canal. Mil gracias, saludos desde Colombia.
podrías hacer como se haría una web tipo tienda online , que haga compras , que agregué cosas al carrito , que eliminé cosas que no quiera del carrito ....etc. con html y CSS por favor
En serio? 🤨
@@gianfrancogerman8889 que?
para eso necesitas javascript
No solo javascript, necesitas aprender php y mysql para guardar la info en base de datos
Tambien ajax para que no se recargue la pagina cuando agrege al carrito y los mensajes de notificaciones
Tengo todo el código bien y me salen todos lo iconos, pero al darle click no me aparece el menú desplegable help me por favor
yo tambien tengo ese problema
ni a mi :( ya lo volví a hacer todo y nada
Es que seguramente los tienes dentro de un div y lo que tienes que hacer es color el input y seguidamente el label, ojo que el input con el id por ejemplo "menu-bar" entonces el label lo tiene que llevar en el for="menu-bar".
durante varios meses había estado buscando tutoriales claros , y pensé que no los había. AMIGO eres un PRO! SUPER SAYAYIN BLUE! JEJE un abrazo desde Colombia. muchas gracias
Amigo, he buscado claridad en muchos aspectos de desarrollo web y acá encuentro mucha ayuda. Mil gracias por el tiempo
tengo un problemaa , no sé porque no se me desplaza el menu vertical de la izquierda , hago click y no me sale nada :'c
a mi tampoco me funciona :c
que tal compañero resolviste ese problema ? me tope con lo mismo
hola ale rc, solo asegurate que las etiqueta nav donde va l menu, esten dentro de las etiquetas div
My Pets
Inicio
Mascotas
Blog
Contacto
me encontré con el mismo detallle X)
bueno revisaré el tutorial específico para este tema
tal vez te falta esta dirección. oh sino
este código en el menu.css
#menu-bar:checked ~ .menu{
transform: translateX(0%);
}
espero que te sirva
Una duda, en la parte del header Kreaktiva No toma como valor la fuente asignada y tampoco separa el icono del texto, ya intente ponerle la family-font directamente al h1 y en el css y no lo toma, que pudiera ser?
Si no respondió en 4 años por algo debe ser, se que ya habrás resuelto tu problema pero igual te dejo un link de alguien que si responde a cualquier duda. th-cam.com/video/CGV9CuIUtwk/w-d-xo.html&ab_channel=KikoPalomares
Excelente Campeón, eres una gran persona compartiendo tus conocimientos con quienes están recién adentrándose al mundo del diseño web.
Gracias profe!!!!! estos son los maestros que necesitamos, que den su conocimiento con ganas...con amor.
Los Iconos del perrito ni del menú a mi no se me muestra y lo ago todobien no me falta nada que puede ser ?? un saludo
+Melania Ro Es un problema de las rutas del archivo css. En vez de llamarlo desde el index, llamas el archivo fontello.css desde estilo.css, poniendo al principio @import url(fontello.css);
y problema resuelto, si haz puesto el codigo tal cual el video indica, te aparecerán los iconos.
Saludos
Hola juan tengo el mismo problema como puedo solucionarlo, soy principiante en esto
CHRISTIAN Huapaya maylle En el video se muestra que llaman al archivo fontello.css desde el head del index. En vez de llamaro del head, llamas al archivo desde estilo.css.
Espero lo hallas solucionado, pero si aun no lo solucionas, al momento de descomprimir el archivo rar, copia las carpetas font y css completas, y pegalas en el mismo sitio donde tienes tu archivo index.html, a mi me funciono, saludos
yo tampoco puede Juan Cruz explicate mejor soy nuevo en esto
No mames como sabes tanto!
Jajajajjaja
esta gordito de conocimiento
Es cosa de práctica c:
ni en pedo man - lo lee de algun lado - ni en pedo tiras todo el code sin un solo error .
+Cyb3r Sh0ck Cuando dominas bien el lenguaje es como hablar tu idioma. Si no hay errores es porque antes de hacer el vídeo hay cierta preparación.
Muchas gracias por tu video, hoy 30 de marzo del 2022 lo estoy viendo y me ayudo mucho lo bien que explicaste todo, me ayudaste a entender muy bien la lógica para programarlo, eres un grande.
Este video lo vid e hace 4 años, y me sigue ayduando mucho hermano, eres el mejor, saludos desde MExico !!!! eres un grande bro !!!!! GRACIAS
Vengo desde los comentario de Facebook diciendo que es un buen videotutorial para aprender una web responsive completo sin frameworks ni plugins, espero aprender mucho :)
Excelente!!! Me ayudaste mucho, lo hice en Visual Studio Code, y neta neta, muchas gracias, te ganaste un suscriptor
Hola tienes las imágenes para que el sitio que exactamente igual ?
Realmente, eres una persona excelente, todo muy, pero muy bien explicado y entendible, con un tono de voz y léxico muy buen. Me has ayudado mucho, realmente muchas gracias.
Eres una maquina , aprendo más con tus videos que con 1 año de clase.
Eres un maestro, he aprendido full.... Me cuesta aprender de manera rápida porque tengo poco tiempo para practicar, pero veo lo difícil, fácil contigo...
genial, gracias. He buscado tanto y tu agrupas todos los temas necesarios, apuntando al resultado que es la pagina web. De verdad, qué capacidad de enseñar tienes. Te felicito.
Realmente muy bueno, muy buena la explicación, clara, concisa y directo al objetivo. Por sobre todo se explica como hacer un diseño responsivo sin usar ningún frame
2021 y tu contenido sigue siendo oro puro.
Explicas bastante bien, con calma y detallado, muchas gracias, excelente vídeo!
NO ME QUEDA NADA MAS QUE DECIRTE QUE ERES UN MAESTRO DE PROGRAMACION TENGO SUERTE POR VER TU VIDEO JUSTO NECESITABA ESTO GRACIAS SIGUE ADELANTE
Brother muchas gracias gran tuto , bien explicado sustancial y efectivo no cambies tu método de enseñanza
Que estupendo tutorial, pocas veces he visto uno tan claro, y eso que yo no sé nada de webs ni programación, pero contigo lo entiendo bien. Saludos!
Mejor que todas mis clases en línea. Mucho éxito amigo, todo esta muy claro en tu canal.
muchas gracias por instruir como lo haces no tiene precio lo que has hecho!!! simplemente muchas gracias!!
Muchísimas gracias y lo más cool es que subes el código.. SOS lo maximo.
E aprendido más contigo que los 5 años de universidad gracias :-)
Hey parcero que bacano!! muy bien explicado, me sirvió mucho el tutorial y los otros que tienes en tu canal también son muy buenos, de verdad que nos ahorras mucho dinero y tiempo, muchos éxitos !!! saludos desde Bogotá Colombia!!
Muy buena tu explicación. He visto montones de tutoriales de informática y la verdad es que el tuyo es genial. Enhorabuena. Sigue así. Veré más vídeos tuyos.
Felicitaciones por el curso, muy buena la explicación con todos los detalles. Cursos gratis como este con tanta explicación no se ven muy seguido.
Saludos
Excelente video y guía para los que estamos empezando en el mundo de la programación Web!
muchas gracias!
Que envidia. HERMOSA PAGINA WEB. Muy buen video. Nunca pude crear una pagina otro de los grandes sueños. Una pagina web con base de datos obviamente.
Excelente tutorial explicativo de la creacion de pagina web, sus aportes son de gran beneficio y bien recibidos para los que queremos aprender, gracias de antemano y esperamos que siga este canal para seguir aprendiendo de Ud..desde Venezuela Gracias...!
Sos muy didáctico, sos unos de los mejores de la web..!
Muchas gracias, tremendo aporte, recien me inicio en esto del diseño y programación web, he visto varios videos en cuanto a las bases de html 5 y al ver esto me doy cuenta de cuanto conocimiento me falta
Hola, saludos... Me declaro fanático de tu video
Héroe sin capa, gracias me salvaste la vida
Realmente útil, incluso sin tener muchas nociones acerca del programa, ¡muchas gracias!
amigo te felicito todo muy bien explicado, gracias por compartir tus conocimientos no sabes cuanto he aprendido con tus videos que Dios te bendiga. gracias
Muchisimas gracias maestro, me funciona perfectamente el menu..... en la pagina no lo veia, pero cuando se me ocurrio visualizador en el explorador funciona perfectamente. Muchisimas gracias por compartir tus conocimientos. Mire muchas paginas durante mucho tiempo, y tus explicaciones y tus videos, los mejores. Seguro que consiguiras milloes de suscriptores. Yo ya soy una.
me encanta!!! gracias a ti aprendí más que en mis clases de la universidad, ya le pase tus vídeos a mi profe ;), y entregare una pagina responsive diferente a mis compañeros!!
Hola, gracias por tus palabras, te invito a ver este video: th-cam.com/video/RgSWh5jIx2A/w-d-xo.html que es mejor. Saludos.
eres genial, gracias por todos tus conocimientos!!! ya he visto varios de tus videos y me han servido mucho
eres un makina amigo , mis coordiales saludos a todos que estan detras de este video...
Muy bueno el curso, muy util y recomendado, aprender nociones de paginas con css, siendo responsive para moviles, ya a entrenar y poner en practica estos ejercicios, yo con ello voy aprendiendo una barbaridad.
Eres lo mas cercano a un dios que he visto en mi vida.
Dios J&G
Genial tuto muchas gracias, voy por la parte 2!
J&G Proyectos Web Muchas gracias por tu aporte, ha sido de muchisima ayuda
Excelente!!! Un genio Jean Carlo, un abrazo desde Argentina!!!
Muy agradecido Jeancarlos, muy claro y al grano, exitos
Gracias a ti estoy logrando hacer parte de mi trabajo de grado!!! muchas gracias por compartir tus conocimientos! Saludos desde Colombia. Muchos exitos para ti ^^
Recién lo pude hacer... y sin dudas es un vídeo excelente... muchas gracias por tu paciencia, experiencias y buena onda capo... saludos desde Argentina seas de donde seas....
Mil gracias! Q bonito encontrarse con videos de calidad y explicativos como este, muchos éxitos!
Genial!! La mejor clase de CSS que he recibido hasta el momento
wow que maravilla de vídeo! tanto que eh andado batallando y me encantó la verdad la manera en la que transmites el video, suscrito y esperando más material, muchas gracias por el tiempo
Todo tu vídeo es una maravilla, me acabas de salvar la vida.
Eres excelente amigo, acabas de ganarte un nuevo suscriptor.
hace mucho tiempo que está este video y los demás, pero aunasi me ayudaste mucho a repazar
Gracias! no sabes lo que me ha ayudado ese "box-sizing"!!
En realidad si me escucho como estúpido pero este video reflexione y estoy mejorando mi ingles :) Soy nuevo suscriptor y activare la campana saludos desde california!!!
Muy buen vídeo, bien explicado. Gracias por compartir tu conocimiento! nos ayuda a todos los que queremos iniciar en la programación web responsive! Saludos desde Venezuela!
Maestro! LIKE y suscrito! Saludos desde México hermano sudamericano, me alegraste el día.... Viva America Latina Libre! 💜💜💜🌎
La explicacción excelente... Y eso que yo soy dra. Y lo entendí gracias.. Por favor sigue así con los Tutorials..
Muchas gracias, esperaba mucho un tutorial como este, me dejo sorprendido por que es parecido a lo que se puede lograr con bootstrap y no creia que fuera facil lograr el mismo efecto
Te soy franco hermano sos el pro de pro de Programadores que conozco Estudiante Actual de ADSI y he aprendido mas contigo en 117 Segundos que los 3 Días de trasnocho en TH-cam, necesito mas que todo diseñar una buena home y me vendrá bien el tutorial pero tiene algo no se material de repaso algún tuto antiguo de solo php y css, paar seguir repasando y por cierto saludos desde Barranquilla Colombia
¡SALUTRE...! ^___^
★ By SHORELESS ★
Gracias tus tutoriales son bien didácticos, deberían haber docentes como Tu.
Gracias Crack. La forma en la que explicas es fantástica.
sos un grande!!! Muchas Gracias!! realmente es increible la claridad con la que haces los videos!! muchas gracias nuevamente!!!
Gran profesor. Gracias por tomar de tu tiempo para crear estos grandiosos tutoriales