💪🏻Si te gustó este tutorial, te dejo aquí más vídeos sobre Bootstrap: 🎥7 RAZONES para usar BOOTSTRAP: th-cam.com/video/_1QYo_K6-5o/w-d-xo.html 🎥El MEJOR plugin para BOOTSTRAP en VSCODE: th-cam.com/video/BirHkAV2FcY/w-d-xo.html
1:44 una mejor forma de ver como funciona la propiedad margin con 4 valores es que cada uno se coloca en el mismo orden que se mueve la aguja de un reloj
este video lo vi cuando apenas sabia CSS basico, por lo tanto no podia aplicar estas reglas en su totalidad todavia, ahora estoy a una semana de acabar CSS avanzado y me alegra poder hacer al menos 4 de estas 5 reglas y saber que estoy haciendo buenas practicas, no tengo palabras:D
Puedo decir con toda sinceridad que era uno de los que solia cometer algunos de los errores que mencionaste, normalmente cuando te centras en aprender JS y olvidas mejorar en CSS asi fue hasta que un día sentía que mi hojas de estilos eran muy desordenadas y decido mejorar, aprender y ser un profesional en CSS hoy en día me siento muy bien al ayudar a mis compañeros en el área a tener un código limpio y enseñarles buenas practicas. Like por los consejos...
La ver DRY es uno de los errores más comunes te llegas a dar cuenta es después, se debe entender que efectivamente es una hoja en cascada, lo que ocurre es que el desarrollador debe tener una idea de que estilos comunes va a tener el proyecto para ello no redundar en líneas
realmente al colocarle estilos a un elemento por medio de javascript, los estilos quedan en las etiquetas. Así que en algunas ocasiones no es culpa de el desarrollador si no que esta hecho así.
Buenos los tips, sin embargo no es necesario estigmatizar a los que no lo usan, no importa si es o no un novato, sencillamente hay una mejor forma de hacerlo. Gracias
Lindo video. Pero el shorthand de background no me ha funcionado. Quizás podrías hablar al respecto de como usarlo correctamente con todas las propiedades. A mí no me funcionó usando position, repeat, size y origin
Si, en unos casos es mejor tener lineas más descriptivas, es una buena práctica tener el código claro y entendible para cualquier developer. No siempre una linea es la mejor opción. Yo creo que en la primera del margen tiene razón peronla del backgroun se equivoca.
A mi me están pidiendo que duplique los elementos para separarlos en color y tamaño, me parece una locura duplicar una enorme cantidad de elementos por un capricho.
la neta son muy buenos consejos lo de repetir código no se me había ocurrido verlo de esa manera jsjsjj Gracias PA, aunque otra forma de hacerlo es poniendo nth-child { aquí va el número de la etiqueta que quieres editar }
En lo único en lo que no estoy de acuerdo es que no se usen comentarios. Por mucho que el código sea muy bueno los comentarios son lo mejor del mundo del desarrollo
Hola Edwar, no dije que no se use, dije "Agrega comentarios cuando sea necesario". Los comentarios son pieza clave en todo desarrollo al margen del lenguaje de programación. Saludos
@@aulaideal casi un año de respuesta, pero creo que quiso decir a que no escatimes con los comentarios, pero (como vos dijiste también) cortos y al grano.. Yo comento todo, pero corto.. y le da también un "color" al proyecto.. un orden.. me explico bien? jaja
lo del estilo en línea, de no usarlo nunca, he leído de otros desarrolladores que se debe usar css crítico para optimizar tiempos de carga. Que hago? jaja
en el punto número uno creo que debías decir cuando en realidad es útil o no usar shorthands. pero en realidad es de mucho debate debido a que el utilizar shorthands no es tan descriptivo. yo diría que los shorthands son útiles para especificar muy bien las propiedades. Es mejor que algo sea decriptivo y largo que sea corto e ilegible. yo prefiero usar shorthands para evitar el dry pero cuando necesito especificar algo lo utilizo normal así que mala práctica no es.
Hola Danny, permiteme debatir contigo de la manera mas amigable. Las propiedades shorthands no necesitan ser descriptivas. Si recien inicias claro esta, es bueno que las propiedades describan su funcionalidad, pero si tienes años definiendo el mismo: margin-left o margin-right… llega un momento en que decides ahorrar código al margen de que sea legible o no. Y eso es progresivo y a la vez va definiendo tu nivel.
Hola, Son dos tecnologias diferentes, pero que trabajan juntas. Wordpress te permite gestionar el contenido de forma sencilla. Y Bootstrap crear la interfase del usuario de forma totalmente limpia, cargando sólo los recursos que necesitas. Yo empezaría por Bootstrap, luego por Wordpress (que es mas sencillo). Te felicito por las ganas de aprender.
El uso de shorthand no siempre es la mejor práctica a no ser que se declaren todas los valores de la propiedad, y con respecto a los nombres de las clases no es buena practica usar camel Case, esto: ".miClase" es una mala práctica que no se debe usar en CSS.
💪🏻Si te gustó este tutorial, te dejo aquí más vídeos sobre Bootstrap:
🎥7 RAZONES para usar BOOTSTRAP: th-cam.com/video/_1QYo_K6-5o/w-d-xo.html
🎥El MEJOR plugin para BOOTSTRAP en VSCODE: th-cam.com/video/BirHkAV2FcY/w-d-xo.html
Que modelo es tu pc?
Muchas gracias
1:44 una mejor forma de ver como funciona la propiedad margin con 4 valores es que cada uno se coloca en el mismo orden que se mueve la aguja de un reloj
me encantaron tus consejos , solo es chistoso e irónico que cuando dijiste "Legible" , estuviera mal escrito asi "leguible" jeje
Ahahaha achaques del oficio!
este video lo vi cuando apenas sabia CSS basico, por lo tanto no podia aplicar estas reglas en su totalidad todavia, ahora estoy a una semana de acabar CSS avanzado y me alegra poder hacer al menos 4 de estas 5 reglas y saber que estoy haciendo buenas practicas, no tengo palabras:D
Me alegra haber contribuido en tu progreso mi amigo.
Saludos
¿En donde tomaste el curso?
Puedo decir con toda sinceridad que era uno de los que solia cometer algunos de los errores que mencionaste, normalmente cuando te centras en aprender JS y olvidas mejorar en CSS asi fue hasta que un día sentía que mi hojas de estilos eran muy desordenadas y decido mejorar, aprender y ser un profesional en CSS hoy en día me siento muy bien al ayudar a mis compañeros en el área a tener un código limpio y enseñarles buenas practicas. Like por los consejos...
Voy a estudiar css este mes así que me vienen bárbaro tus consejos, gracias por compartir!
Gracias estoy por aprender css y encerio tus tips me están ayudando a aprender un poco la lógica de esto gracias ☺️
Genial!
Muchas gracias.
La ver DRY es uno de los errores más comunes te llegas a dar cuenta es después, se debe entender que efectivamente es una hoja en cascada, lo que ocurre es que el desarrollador debe tener una idea de que estilos comunes va a tener el proyecto para ello no redundar en líneas
Excelente contenido, muchas gracias
Gracias Cristian.
realmente al colocarle estilos a un elemento por medio de javascript, los estilos quedan en las etiquetas. Así que en algunas ocasiones no es culpa de el desarrollador si no que esta hecho así.
Aceves uno hace estilos son escribir el selector que es por ejemplo
.Color: red;
Qué dicer car que es un p , o ul li.
Buenos los tips, sin embargo no es necesario estigmatizar a los que no lo usan, no importa si es o no un novato, sencillamente hay una mejor forma de hacerlo. Gracias
Hola llegué a tu video buscando optimizar css y me gustó la forma como se debe realizar a poner en práctica 👩🏼💻Gracias!!
Lindo video. Pero el shorthand de background no me ha funcionado. Quizás podrías hablar al respecto de como usarlo correctamente con todas las propiedades. A mí no me funcionó usando position, repeat, size y origin
Con esos tips y con la metodologia bem, ya puedo hacer maravilla.
TE agrdeceria si haces UN video de mas tips de css y html. Thanks so much.
Buenisimo mnano gracias por el contenido
Explicas muy bien, me animo a tomar cursos contigo. Felicitaciones!
Gracias!
gracias por tu cursos son cheveres
¡Excelente! Muchas gracias. ✌😃
Muy muy buenos estos Tips, estaba buscando algo asi para crear mis css de manera profesional
Excelente video. Muy buenas ejemplos. Explicas de forma perfecta. La única pega es la calidad del sonido que no es muy buena. Por lo demás 10/10
No entendí nada jaja, recién me estoy iniciando.
Pero buena onda tu explicación Bro!
muchas gracias hermano, me gustó tu explicación.
Nuevo Suscriptor! :D
Yo creo que en primer tip la primer forma de codear es más legible que el segundo método
Puede ser legible solo para los que no conocen bien de Css, de lo contrario para un profesional en el área siempre será mejor un sola linea.
Si, en unos casos es mejor tener lineas más descriptivas, es una buena práctica tener el código claro y entendible para cualquier developer. No siempre una linea es la mejor opción.
Yo creo que en la primera del margen tiene razón peronla del backgroun se equivoca.
A mi me están pidiendo que duplique los elementos para separarlos en color y tamaño, me parece una locura duplicar una enorme cantidad de elementos por un capricho.
la neta son muy buenos consejos lo de repetir código no se me había ocurrido verlo de esa manera jsjsjj Gracias PA, aunque otra forma de hacerlo es poniendo nth-child { aquí va el número de la etiqueta que quieres editar }
¡Buren consejo, gracias!
En lo único en lo que no estoy de acuerdo es que no se usen comentarios. Por mucho que el código sea muy bueno los comentarios son lo mejor del mundo del desarrollo
Hola Edwar, no dije que no se use, dije "Agrega comentarios cuando sea necesario". Los comentarios son pieza clave en todo desarrollo al margen del lenguaje de programación.
Saludos
You right.
@@aulaideal casi un año de respuesta, pero creo que quiso decir a que no escatimes con los comentarios, pero (como vos dijiste también) cortos y al grano..
Yo comento todo, pero corto.. y le da también un "color" al proyecto.. un orden.. me explico bien? jaja
Cómo cambiarias estilos con nombres de clases o con Selectores
lo del estilo en línea, de no usarlo nunca, he leído de otros desarrolladores que se debe usar css crítico para optimizar tiempos de carga. Que hago? jaja
Muy buenos, disculpa una pregunta la metodología Bem ya no sé usas si usamos Sass?
Qué buen video 💯💯💯. te ganaste nuevo sub ❤️💻⚛️
El tip 4 solo en caso extremos si se puede usar por ejemplo si necesito acomodar elementos dinamicos con js
En su lugar agregaría clases CSS con JS. Y dichas clases realizarían el comportamiento deseado.
👉🔔
Cuando estas en css las clases o Id, se clasifican como padre padre hijo o padre hijo padre
Si mi página web tiene varias páginas internas, es buena práctica crear un CSS para cdsa HTML o se hace todo el estilo en 1 solo CSS ?
Con una función es más fácil el no repetir código, con Sass pero pues no sé si con Css sea mejor..
en el punto número uno creo que debías decir cuando en realidad es útil o no usar shorthands. pero en realidad es de mucho debate debido a que el utilizar shorthands no es tan descriptivo. yo diría que los shorthands son útiles para especificar muy bien las propiedades. Es mejor que algo sea decriptivo y largo que sea corto e ilegible. yo prefiero usar shorthands para evitar el dry pero cuando necesito especificar algo lo utilizo normal así que mala práctica no es.
Hola Danny, permiteme debatir contigo de la manera mas amigable.
Las propiedades shorthands no necesitan ser descriptivas. Si recien inicias claro esta, es bueno que las propiedades describan su funcionalidad, pero si tienes años definiendo el mismo: margin-left o margin-right… llega un momento en que decides ahorrar código al margen de que sea legible o no. Y eso es progresivo y a la vez va definiendo tu nivel.
Mounstro
Como haría para tomar cursos contigo ?
Hola Moises,
Puedes ver los cursos avanzados que tenemos en: www.aulaideal.com/cursos
Saludos
@@aulaideal Excelente Erick, tus trabajos son geniales :)
@@aulaideal Gracias
@@aulaideal Pero cual me recomiendas empezar uno de wordpress o de bootstrap? quiero aprender a hacer paginas wen hasta el punto de montarlas y todo
Hola,
Son dos tecnologias diferentes, pero que trabajan juntas. Wordpress te permite gestionar el contenido de forma sencilla. Y Bootstrap crear la interfase del usuario de forma totalmente limpia, cargando sólo los recursos que necesitas.
Yo empezaría por Bootstrap, luego por Wordpress (que es mas sencillo).
Te felicito por las ganas de aprender.
El de especificidad es el que me cuesta :c
Voy a dedicarme uno lindos poemas xd
Bienvenido sea! ajajaja
No me gusta usar Shorthand, es cuestión de gustos no de novato o profesional.
🤣🤣🤣🤣 parece que estás describiéndome, si fui exactamente como empecé.
Jajaja suele pasar…😁
En este Video, Estas enpañales no le llegas a JonMircha 😅 , es broma
El uso de shorthand no siempre es la mejor práctica a no ser que se declaren todas los valores de la propiedad, y con respecto a los nombres de las clases no es buena practica usar camel Case, esto: ".miClase" es una mala práctica que no se debe usar en CSS.
6:33 'leguible' pues... no es muy legible jajaja
jajaja...justo lo legible salió ilegible. Sabrás disculpar esa osadía.
"Leguible" dice
Gracias por tu aporte.
Esta bien pero es muy básico.
Oh estas en otro LEVEL mi amigo… ⚡️