🧡 10 BUENAS PRÁCTICAS en HTML 👍 [haz tu código limpio]
ฝัง
- เผยแพร่เมื่อ 26 ส.ค. 2024
- ¿Quieres aprender HTML de la mejor forma posible?
👇👇 ACCEDE al CURSO GRATIS
bit.ly/2NPcGMR
Aquí teneis la lista de todas las etiquetas: www.w3schools....
🎁 GUIA GRATIS: 5 Técnicas de ChatGPT para Desarrolladores 👉 crz.dev/tecnic...
📚 Recursos de programación 👉 crz.dev/sub
👨💻 Formación de IA para Desarrolladores:
crz.dev/ia-star
👨💻 Todos mis cursos gratis:
kiko.pro/cursos
📚 Puedes ver todos mis libros aquí:
kiko.pro/libros
📘 MI LIBRO "No todo es programar":
notodoesprogra...
🦊 100 Fábulas para Programadores
kiko.pro/100fa...
📙 Libro: Aprende HTML
kiko.pro/libro...
👁️ Puedes encontrar cosas más interesantes en:
kiko.pro/
🖱️ Si quieres ver el mi setup completo 👉 kiko.pro/setup
🎉 Continua la fiesta en mis otras redes sociales:
Discord: kiko.pro/discord
Instagram: kiko.pro/insta...
Twitter: kiko.pro/twitter
TikTok: kiko.pro/tiktok
GitHub: kiko.pro/github
kikopalomares....
Algunos de los enlaces son enlaces de afiliados, por lo que quizás reciba alguna pequeña comisión por compras a través de esos enlaces.
![🧡 Cómo crear CITAS y MENCIONES en HTML [Curso de HTML desde cero]](http://i.ytimg.com/vi/g2aCQkmC0zU/mqdefault.jpg)
![🧡 Cómo crear CITAS y MENCIONES en HTML [Curso de HTML desde cero]](/img/tr.png)
CURSO GRATIS de HTML AQUÍ 👉 bit.ly/2NPcGMR
Hola Kiko, estoy empezando en programación de hecho con ópalo. Me compartes el enlace a las etiquetas de HTML que no lo veo 😅 gracias.
@@carlosandresperezbarros2082 genial Carlos!! ya tienes el enlace en la descripción del vídeo! nos vemos por Ópalo! 😁
Tengo 16 años, recién empeze esto en el desarrollo web por hobby, gracias a los tutoriales de youtube y a los buenos consejos que me dieron, aplico todas las buenas prácticas, enserio me siento orgulloso.
que bueno!! 💪
como te ha ido master?
@@moisescoronado4680 vas a iniciat bro? Yo empeze Ayer jaja
@@jrzze9034 como vas
Yo empecé con 13-14 y es lo mejor, sin presiones, hacerlo por hobby y saber que puedes dejarlo cuando quieras si no te gusta. Ánimo!
Muy bueno! soy arquitecto. Pero la verdad mi pasión es la tecnología y la programación. Me he traido de allá la idea del BIM y los estándares de producción y pensé, seguro existe una metodología lean o alguna forma limpia de comenzar´Cada vez que me embarco en algo nuevo trato de estandarizar mis caminos para ahorrarme dolores de cabeza y andar más rápido. Te agradezco, se nota que sabes mucho. Eso es una luz para nosotros, los que estamos empezando con la programación.
no llego ni a declararme con junior, pero me alegra hacer todas las buenas practicas de este video, ¿podrias hacer mas videos como este? en html y otros lenguajes. saludos
Me gusto tu playera.
😁 es de mi tienda de camisetas kikopalomares.creator-spring.com/
Vaya yo ni idea tenia ahora si ya pondré en práctica lo del alt😅
Llevo un mes estudiando diariamente desarrollo web y el tema de los espacios lo resuelvo a base de un plugin😅, claramente no me pasó las normas de identificación por alto siempre trato de hacerlo manual pero ese plugin están bueno 😂, por otro lado gracias por la información de la página de las etiquetas...
Que tal te fue?
He aprendido HTML, contigo un abrazo KIKO..
EXCELENTE! Brutal hombre. Eres el mejor!!!
Conclusion del video: hay que hidratarse
totalmente!! super importante! 🚰
Acabo de ver este video mientrras me afeitaba. Excelente!!!
Gracias, había cosas que no sabía! Ahora ya la sé! Muchísimas gracias!!!
genial!!! 😁
Amigo mil gracias por tus cursos, estoy estudiando con freecodecamp, pero siento que me enreda más que ayudar , mientras que con tus vídeos aprendo de forma más detallada, eficiente y divertida.
Muy buenas sugerencias gracias!!!
Gracias, estoy iniciando apenas y esta clase de videos ayudan mucho un abrazo crack
me alegro! ánimo!
¡Excelente! Muchas gracias Maestro. ✌😃
Gracias por enseñar.
Tabs o espacios: Tabs, por siempre, ya me acostumbre mucho a esos.
la mayor parte de las practicas ya las aplico. Lo que me surgió la duda fue que: si tengo contenido dinamico, es decir, la cantidad de elementos puede variar segun los resultados de una busqueda ¿Es necesario usar tablas? yo en mi caso he usado Divs dentro de un contenedor que le metia las propiedades de float: left; y un width de 30%, asi se iban ubicando como si fuese una "tabla" sin llamar al tag de Table, por supuesto sabia de su existencia, pero me era mas cómodo hacerlo con divs. Aclaro que use javascript para generar los htmls y que lo cargue dentro del contenedor xD
Depende de lo que metas dentro de la tabla, si lo estás haciendo para maquetar los divs están bien, pero si es información la cual iría en una tabla, tipo un Excel o algo así, es más correcto usar una tabla. Depende del tipo de información que metas dentro no de si lo haces por JavaScript o no, eso es lo de menos
Oye viejo. Hace años lei en El Gran Libro de HTML5, CSS3 y JavaScript (asi se llama) que en cuanto a las etiquetas de una sola etiqueta se recomienda cerrar con un slash /.
Por ejemplo:
En realidad no, es invalido hacerlo así como dices, en HTML5 es sin cerrarlo, pero mucha gente acostumbrada a XML lo pone así como dices, pero en realidad está mal, sólo que los navegadores hacen la conversión a sin el slash antes de leerlo.
muchas gracias kiko :)
Gracias!
Gracias por la listaaa
gracias Kiko por tu buenas practicas no se si puede realizar un vídeo sobre buenas practica de programación
Igual por ahora te va bien ver este vídeo: th-cam.com/video/_oRd_8jSbrU/w-d-xo.html
excelente data!
Estoy en la Universidad y estos cursos me han ayudado mucho para hacer mis practicas, te lo agradezco, nuevo sub.
me alegro!! bienvenido!! 🙌
Tengo una duda .En el 5:21 el Nav no tendria que estar dentro del Header? O solo se hizo asi para el ejemplo?
Hola, creo que con algún titulo o encabezado y luego
navegación abajo.
Intento aprender como tu, suerte y ojala logres dominarlo
No es obligatorio, puede ir dentro como fuera del header, eso va a depender de la estructura de la pagina, el header por ejemplo, aparte de colocarlo como cabecera de tu web donde va el logo entre otras cosas puedes colocarlo dentro de un article indicando que es la cabecera de tu articulo, lo mismo con el footer, pero esto no sucede en todas las tags, por ejemplo no puedes poner una etiqueta de lista o sea un ul dentro de una etiqueta p de parrafo, no te marca error pero el navegador automaticamente lo corrige colocando el ul fuera del p
gracias por el contenido del html5
Me alegra saber que aprendi estas cosas por mi cuenta.
💪
Gracias hasta ahora esto comenzando a programar ....vaya tela,, jaja
buen video kiko,saludos
muy bueno
siendo honesto aun siendo despues de tres años estos videos son fantasticos, apenas me adrentro al maravilloso mundo de html y la programacion y saber estos consejos de calidad para mejorar mis paginas se agradece mucho
muchas gracias nuevo sub
gracias!! bienvenido!!! 😁
¿Donde podría practicar html? es decir sitios donde te manden hacer proyectos
En esa botella puedes saciar la sed de medio país. Buen video
xD
Sigo usando el div para todo 🙄
Justo cuando empezó la intro tomé mi botella para tomar agua, y luego Kiko también estaba tomando agua jajaja
sincronización!!! xD
cuando iba a secundaria y me enseñaban HTML la profe nos recomendaba cada vez que vayamos a abrir una etiqueta, inmediatamente después cerrarlo, y luego empezar a escribir entre medio, así nos aseguramos de abrir y cerrar las etiquetas y en el orden que deben ser, porque por ahí también hay etiquetas que van entre medio de otras etiquetas
De hecho esto ya lo hacen automáticamente la gran mayoría de los editores de código
@@kikopalomares jajaja, la verdad no sabia eso, cuando estábamos aprendiendo en la escuela hacíamos el HTML en el bloc de notas jajaja, recién ahora estoy tomando de nuevo esto de programación y diseño web porque estoy quiero hacer un portafolios... aunque debía habermelo imaginado porque para programacion de aplicaciones de ordenador te cierran y abren las estructuras como para hacer un while, if, etc.
Una gran aporte compañero ;) saludos!
muchas gracias!! =D
sobre el punto 6: Entonces no debo usar Tailwind?
10/10 me siento orgulloso de mí :'D
Hola! Saben como puedo crear u obtener un html con el cual al ingresar un codigo me de un texto en específico? (O un link)
Te falto el enlace de las etiquetas pero ante todo gran aporte un abrazo.
cierto!! gracias por recordármelo!! Te lo dejo por aquí también: www.w3schools.com/tags/default.asp
super
Alt y tittle funcionan igual?
Apenas estoy aprendiendo, pero soy de aprendizaje rápido, lo de meta a dónde va? Al principio o al final?
Inicio, eso es lo que lee el navegador al momento de ejecutar la Web
I ❤️
div
yo utilizo un tab de 4 espacios XD o dos espacios dependiendo del lenguaje
Es curios pero la mayoria de estas practicas ya me bienen por defecto en el visual studio code.
¿Qué hay de los espacios entre bloques? ¿Es recomendable dar espacios de lineas entre bloques para que sea más legible o da igual?
da igual. Cuando subas tu pagina web a producción todo se unirá
La clásica divitis
Te faltó en que momento utilizar article y section, as vídeo sobre eso por favor, sigo singo sin entender :(
revisa el curso de HTML de mi canal, hay un video sobre elementos semánticos 👍
En la secundaria nos *prohibieron* el espacio desde 4° año XD
bien, primer comentario creo xD
eso parece!! 🥇
Segundo
🥈
Ayúdame a encriptar mi código
Viene otro desarrollador, utiliza bootstrap y lo deja más sucio que un baño público
me gusto el video, pero me incomoda cada vez que acerca la cara, mientras habla y me mira fijamente....