👉👉SUSCRÍBITE para no perderte nada tinyurl.com/y78ronqd👈👈 🏷️Curso de REACT 2020: www.udemy.com/course/react-desde-cero-2020/?couponCode=LOWEST-PRICE-JUNE
@@almatute Boostrap es necesario para un desarrollo rápido. Quieres una navegación, toma copia y pegalo. Quieres un modal ? Toma copia y pegalo Quieres un card ? Toma copia y pegalo Te lo dice un desarrollador FullStack, el cliente final no le importa un sorete si lo hiciste con puro css, lo único que le importa es que se haga rápido y funcional y que se vea bien
Unas observaciones sobre el video:: Minuto 5:59 indica que el elemento div "no significa absolutamente nada" , pero hay que recordar que la etiqueta define una división o una sección en un documento HTML, en otras palabras (y enunciando la documentación de MDN web docs) el elemento de división de contenido HTML ( ) es el contenedor genérico para el contenido de flujo. No tiene ningún efecto sobre el contenido o el diseño hasta que se diseña con CSS . Referencia: developer.mozilla.org/en-US/docs/Web/HTML/Element/div En el minuto 6.02 indica que: "hay un h5 que debería ser hijo de un h4 y a su vez de un h3 este de un h2 y este de un h1", sin embargo basándome en la documentación del W3C: www.w3.org/community/webed/wiki/HTML/Elements/h1,_h2,_h3,_h4,_h5,_and_h6 No esta indicado que los elementos h1 hasta h6 sean elementos que deban estar anidados uno dentro de otro para ser utilizados Let's call it a draw(ing surface) Diving in Simple shapes Canvas coordinates Canvas coordinates diagram Paths Me parece bueno comentar lo anterior a fin de no confundir a la gente con poca experiencia en HTML, nunca esta de mas ir a la documentación oficial de referencia. Saludos
@@elfen_lied x q no usar un font entonces, y me parece que el signifiado de los hx es justamente mantener una jerarquía: These elements represent headings for their sections. These elements have a rank given by the number in their name. The h1 element is said to have the highest rank, the h6 element has the lowest rank, and two elements with the same name have equal rank.
Ya, ¿y Bootstrap 5? Bootstrap 5 ha cambiado bastante, ya no usan ese h5 impertinente. Sería bueno que hagas una Revisión actualizada de lo que está vigente, y también sobre las restricciones de su JS.
5 років тому+23
De verdad, buen vídeo, pero lamentablemente en la mayoría de empresas piden que construyas con este framework, lo que yo hago en esos casos es eliminar el CSS y JS que no utilizo. Es trabajoso hacer eso, pero prefiero hacerlo para una mejor optimización de la web. Yo recomiendo tener un reset.css propio y si se puede, hacer también un minwork de columnas, margenes, padding con Less o Sass
yo hago lo mismo. lo copio de trabajos mios anteriores, boostrap me lleva mas tiempo porque si quiero cambiar el aspecto me tengo que poner a leer cada codigo que copie, en css pura ya se como lo escribi
Creo que no hay que ser tan extremistas y dejar de usar los frameworks al final la tecnología se invento para facilitarnos y agilizar procesos, lo malo es que la gente siempre le va a encontrar problemas a cualquier tecnología
Buena explicación, vale la pena revisar varios puntos y separar temas en los que personas con poca experiencia suelen cometer errores. Bootstrap es muy bueno como otros muchos frameworks CSS. 1. Si no les gusta algo de Bootstrap: lo pueden personalizar de diversas formas. 2. Si aún así no les gusta o es "pesado", se puede personalizar y construir solamente con los elementos que se necesitan. Esto se hace con la capacidad BUILD del sitio de bootstrap donde pueden ponerle los colores, tamaños, etc a los elementos que quieran y se construye a como lo necesiten. 3. Si aún así no les gusta, está bien, no tiene por qué gustar, es una herramienta que puede funcionar o no para proyectos. PERO vale la pena aclarar que muchos errores son del usuario en la implementación (en semántica), Bootstrap sí implementa semántica pero depende de nosotros saber usarla (como todo html tag). Otro punto positivo pero que muchos critican porque no lo saben o no comprenden, es que Boostrap utiliza muchos tags que parecen inútiles, pero son parte de formatos para accesibilidad y fácil integración con screen readers, y es fácil de mejorar. 12:03 (no utilizar framework y en su lugar crear en CSS a mano para cada proyecto). PERFECTO y te felicito, *soy de la misma tendencia, sin embargo hay proyectos en que sí uso Bootstrap por razones muy sencillas y básicamente porque hacerlo a mano termina siendo peor* . De base aún es necesario resetear propiedades y estilos de CSS porque aún no son absolutamente universales los diferentes navegadores aparte de diferencias entre plataformas, por lo cual muchos tags en frío no se ven igual del lado del cliente, pues Bootstrap hace esto de inicio (igual que otros frameworks css). Luego existen proyectos que por su índole requieren estilos de muchos elementos (botones, navegaciones, menúes, dropdowns, etc) y cuando los creamos a mano en CSS resultamos al final con un montón de CSS (inevitable) casi igual que Bootstrap, más si le agregamos el responsive y requerimos media queries para diferentes resoluciones... poco a poco de a mano en muchos proyectos el CSS termina siendo un primo de Bootstrap, pero para proyectos pequeños que no requieren tantos elementos sí hay ganancia en css a mano. La realidad es que el CSS de cualquier sitio que hagamos, contiene TODOS los elementos utilizados en el sitio, incluso los que no se están utilizando en la página que estamos viendo en ese momento. Esto es ya otro tema, y en cualquier caso siempre podemos (si queremos), reducir el css para específicos, aunque eso ya requiere mucho más trabajo y a veces procesadores que reducen antes de entregar al cliente en navegador. Existen muchísimos casos donde CSS a mano resulta con archivos de 1K o menos, fantástico, aunque utilizando build y personalizando bootstrap podemos lograr lo mismo o muy similar. En general entre más años se llevan creando sitios web y programando, más fácil es ir comprendiendo por qué muchas cosas funcionan como funcionan. Y no todos los frameworks permiten build personalizados como Bootstrap, es un punto a favor.
En vez de dedicarme a estudiar bootstrap y aprender todas sus nombres de clases, prefiero aprender css puro, a largo plazo es mejor porque estoy entiendiendo lo que hago y eso me sirve para construir mi conocimiento como web devloper. Si voy a usar un framework, será en partes especificas, no en toda la p pagina
Te resumo "se un mediocre" ... para los que no quieran ser mediocres, sin obsesionarte si lo puedes hacer mejor, hazlo, no se trata de hacer todo siempre desde cero, se trata de ir aprendiendo realmente e ir armando tu propio framework llevando las mejores prácticas posibles...
Es bueno ayudarte con un documento css adicional al de boots cosa q las cosas q no te gustan irías cambiando es optimizar el código a tus necesidades y claro para una persona q quiere ser desarrollador no es bueno estancarse en bootstrap pero puedes agarrarlo como ejemplo para próximas páginas el vídeo no está bien definido solo da su punto de vista que quede claro eso y todos los desarrolladores no piensan igual que el
Hombre gracias por el aporte, me parece que tiene informacion muy concreta y con fundamento. Pero difiero en el tema de el codigo pesado, veras es sierto que bootstrap trae demasiadas cosas inecesarias pero cuando descargas la version sourse te muestra el codigo sass sin compilar y ahi tu puedes decidir que componentes usar
Lo uso por qué me ayuda a desarrollar vistas de manera más rápida, pero si quiera una interfaz con requerimientos estrictos uso css como animaciones específicas, detalles específicos pues.
A ver, resumiendo un poco: 1. Los estándares no recomiendan usar important! 2. Un código más difícil de leer por muchas clases. 3. Mayor peso de archivo. 4. Afectación del SEO. Creo que no se me escapa nada, ahora déjame decirte porque nada de lo que comentas tiene un peso realmente significativo para no utilizar este marco de trabajo. En primera descartemos el peso de los archivos, ya no estamos en la era de los 56k, las páginas con un buen host y bien optimizadas cargan super rápido. He visto páginas de varios megas super mal optimizadas cargar rapidísimo solo por optimizar bien su servidor. Un simple par de fotografías tienen todo el peso de bootstrap minificado, lo cual es nada, ademas ¿Que sitios hoy en día no utilizan imágenes? O sliders, solo por decir algo, así que el peso definitivamente no es un factor decisivo. 2. Hablas de la semántica y que eso puede afectar al SEO pero lo haces sonar demasiado trágico para lo que realmente es. En el SEO si es verdad que hay etiquetas que semánticamente tienen mayor relevancia pero, es un poco exagerado decir que solo por eso te van a penalizar. ¿Y la calidad del contenido del sitio? ¿Los backlinks? ¿El CTR? ¿La experiencia de usuario? ¿Eso no cuentan o que? De nada me sirve tener la mejor semantica HTML si voy descuidar completamente todos esos otros factores así que tampoco es un factor decisivo tema. 3. Sobre la difícil lectura, porfavor! Tampoco es como si se tratara de un lenguaje de programación en el que requieres de un esfuerzo mayor para leer código y entender la lógica, si lo comparas con Bootstrap tampoco es que sea el mayor reto del mundo. Admito que es menos complicado leer y usar tus propias clases pero vamos, tampoco es el super reto. Puedes formatear el código para hacerlo más legible y perfectamente complementarlo con css personalizado. 4. Y por último lo de important! Volvemos a lo mismo. ¿A quien le afecta eso realmente? ¿Cuál es el verdadero propósito de hacer diseño web? ¿Complacer a W3C, a Mozilla? Trabajamos para el cliente final o para nosotros mismos, no para esas comunidades. Si prefieres solo usar CSS porque a ti te gusta más tipear tu código perfecto 👌 hazlo, pero si no, no afecta en nada usar este framework, hay más ventajas que desventajas y cada quien sabrá adaptarlo a su propio estilo y necesidades. Listo que tengas un buen día!
4. Afectación al SEO? El SEO tiene que ver totalmente con la estructura HTML, no con CSS. Nada en absoluto. Si un CSS es malo o antiestético y lleno de conflictos, es simplemente una mala práctica de un maquetador muy malo, pero no afecta al SEO si el HTML es pe4feto y validado 100% con la W3C.
Afecta al SEO=== agregar div a lo tonto para usar unas clases 🙄 Papi sos un técnico verdad... Desde el punto de vista de un ingeniero no es recomendable usar Boostrap todos me han dicho lo mismo. Hay una diferencia enorme en código que funciona a un buen código son cosas totalmente diferente Antes no era muy recomendable usar Boostrap pero ahora con flex-box y grid es una pésima idea usar Boostrap Lo malo es que hay Fanboy de Boostrap al igual JQuery , recuerda que no hay herramienta mala lo malo es usar una herramienta para todo 🙄🙄🙄
@@toma1610 jaja con tu respuesta me di cuenta que no sabes nada de CSS men para que Boostrap pueda usar el 100% de las ventajas de flex-box tendría que haber unas 25 clases y si juegas con los ejes serían como 50 clases para que Boostrap pueda usar las ventajas de flex-box Ahora imagina que tan increíble es grid layout que por más que Boostrap intente no podra aprovechar todas las ventajas de este
Bootstrap para creadores de contenido pequeños, vue-bootstrap para un proyecto mas grande como aplicaciones web y demas, y react para algo supergrande... En conclusión si estas empezando usa bootstrap, wordpress y no te quedes con solo eso, ve avanzando, ahora estan de moda las imagenes 3D lo cual 1 tienen un peso de 1000 veces frameworks como bootstrap, la web de hoy no es como la web débil de hace decadas, ponle mucho peso a tu web y mas bien optimizala, una recomendación es que hagas una web de una tematica que te interese muchisimo asi le metes caña y nunca te estancaras o desanimaras, porque va a necesitar q la actualizes mucho!!! En el largo plazo
4 роки тому
Estás confundiendo las cosas, bootstrap no tiene nada que ver con los framework react, vue etc
Creo que tienes toda la razón pero es cierto que para alguien que esté empezando y quiera crear cosas sencillas y rápidas Bootstrap te ayuda a poder dormir por las noches,
Siempre y cuando comprendas cómo funciona el CSS puro. Nadie te pide que te aprendas las sintaxis o los selectores de memoria, pero si no sabes lo fundamental, hasta el mismo Bootstrap te podría parecer frustrante, pero si sabes toda la teoría del CSS, Bootstrap será tu gran aliado y amigo.
Hermano, gracias por su gran opinión, me estoy integrando en esto del desarrollo web y CSS, en mi opinión, no es tan sencillo de dominar!, por la mayoría se lanza a Boostrap!, aunque también hay que entenderlos si dicha empresa donde trabajan se lo exigen por el simple hecho de Ahorrar tiempo.
En algún momento solo quisiera usar su GRID de 12 columnas y sus media queries. Sus colores contextuales son importantes porque ellos saben porqué los han definido así. Es lo que debe ser según sus stándares.
Agradezco el vídeo. Hace ya años hacía páginas web, ahora me ha tocado hacer la mia y claro, he tirado por boostrap (por aquello de la tecnología y tal). La verdad, que lo que me ha pasado es desprender los principios del html5. Toda la razón. Ahora creo que la haré con la técnica de antes.
Tengo poca experiencia en web. Siempre te recomiendan aprender Bootstrap, por su rapidez, simpleza, documentación, etc. De los trabajos que hice al principio siempre empezaba con Bootstrap, pero cuando necesitaba algo en concreto, el FW no me lo daba, al final terminaba eliminando las clases que ponía en un principio y ponía CSS puro, para acomodarlo a lo que necesitaba. No se si es problema mío, pero se ma hace mas el CSS puro que Bootstrap. Igual no he experimentado con otro FW, pero hasta el momento es mi opinión. Saludos
Pues ni idea quienes son esas personas y seguramente son personas que se van a tope con los frameworks xD pero a mi siempre me han recomendado el codigo puro, no tiene nada de malo, pero eso que dices suena a personas que no saben nada xd.
Estoy de acuerdo con tu punto de vista. Cuando se usa un framework con este tambien vienen sus bugs y problemas. Y tenes que adaptarte. Excelente trabajo.
Cuando use la versión 3 de Bootstrap a me di cuenta lo mucho que me limitaba Bootstrap y amarraba la su diseño y limitaba mi creatividad. Fue en una empresa donde que empecé como FrontEnd que me dieron un diseño de UX/UI echo en Sketch dónde me di cuenta que solo sabía bootstrap jajaja Tuve que documentarme en Flexbox, CSS Pure etc.. tanque si quería tener diseños más allá tenían que ser echos por mi Para no hacerle el cuento largo me tocó volver a estudiar CSS desee 0 buscar en canales y conocí este canal comencé hacer Buenas prácticas. este Sr o joven me enseñó buenas cosa en ese camino
Me paso lo mismo, en mi caso con proyectos de inspiraciones que encontraba navegando y los quería replicar, pero no podía actualmente estoy en un curso de Udemy de 0. Y encontré este canal el cual veré los cursos también.
A mi me paso alrevez, me mate aprendiendo CSS puro y hace poco me pase a Bootstrap y simplemente no puedo, casi no puedo hacer nada de lo que podia hacer cuando usaba CSS puro y ahora ando aprendiendo tailwind Aunque tengo entendido que bootsrap incluye flexbox no?
Perfecto!!. Yo creo que con una metodología CSS y usándolo vanilla no hay nada que envidiar a las librerías CSS . Siempre que intente aprender una librería CSS termino frustrado porque siento que se agregan cosas de más que se pueden optimizar haciéndolo vanilla
Si quieres reducir el peso de bootsrap, una vez que terminas tu projecto, eliminas todas las reglas que no necesitas de bootstrap... Pero hay una ENORME diferencia entre usar o no bootstrap y es muy IMPORTANTE.. Si yo busco un snnipet de tu código en internet.. no lo voy a encontrar, pero si busco uno de boostrap seguro lo encuentro y eso me va a ahorrar horas, días o meses de trabajo.. que al final es $$$
cuando lei el titulo me golpeaste el orgullo. jaja . bootstrap me ayudo mucho sobre todo cuando me hice mas programador backend y tuve que abandonar un poco el frontend . no usar un framework y usar puro css es tedioso , y al pasar el tiempo bootstrap es el framework mas elegido por otros frameworks css y dejo varios en el camino como foundation...Espero que mejore bootstrap y se optimice aun mas la proxima version . Muy bueno el video
Pero Bootstrap es un framework de css, el HTML lo construyes tu, solo debes de estar pendiente de utilizar sus clases que segun se google no las toma en cuenta para indexar
No se puede comparar Bootstrap con un ejemplo particular tendrias que escribir css para todos los casos posibles ahi podrias medirlos por tamaño todos los que critican estos framework son los maniáticos del css para un desarrollador BackEnd es ahorrar mucho tiempo por eso es tan usado ojo que con esto no quiero decir que boostrap sea el mejor saludos
Estoy haciendo un curso de desarrollo web. Para el primer tp (sitio web) una consigna era usar un componente de Bootstrap, al verificar el sitio en la w3c validator los únicos errores que me tiraba eran de Bootstrap y eran como 30 errores. No me gusto, no le dedique tiempo a aprenderlo, y ahora que veo este video me alivia y me siento bien por mi decisión, ya que he visto que en algunas empresas lo piden, pero a mi no me terminaba de cerrar.
Jajaa pos haces mal es como los puristas que dicen no aprendas jquery, lamentablente a menos que vayas a trabajar en Facebook o Google, cosa que la mayoría no, se usa mucho tecnología antigua también etc, entonces toca aprender, ahora si trabajas en Google pos si trabajarán con lo más nuevo
@@IsaacGarcia-qq8oq Hola Isaac, espero que estés bien. Si fueran puristas solo usarían vanilla JS y CSS. Existiendo muchísimas librerías y frameworks mejores que Bootstrap y JQuery no veo por que motivo deberíamos sentirnos obligados a aprender tecnologías que en unos años deberemos olvidar, y que hoy en día ya casi no se encuentran en la sección de requisitos o excluyentes de las ofertas laborales actuales. Cada uno elige que camino quiere tomar de los muchos que hay, y cada uno tendrá las razones de por qué lo hace. Deberías ser un poco mas humilde y no estar diciéndole con el dedo índice a las personas que es lo que hacen bien o mal según tu criterio, te ayudara mucho en tu vida personal y profesional. Saludos.
@@aldanahern jaja pero al del vídeo que señala con dedo lo aplaudes no ? Eso es ser doble cara jaja, no se piden como requisitos? Claro que se pide aún jquery y boostrap, hay lenguajes más antiguos que siguen funcionando, sabes Porque? Por lo mismo que comenté son empresas que trabajan con cosas de antes y no las terminan de quitar ( por eso mencioné a Google o Facebook) si trabajas en compañías grandes como Google nunca en tu vida si quiera vas a tocar jquery o boostrap porque ellos trabajan con lo más nuevo siempre actualizados pero como la mayoría trabaja para consultoras o tal, terminan viendolas te guste o no admitirlo
H1 solo se debe usar una sola vez en tu HTML tenga buena semantica y pues cuando usas boostrap4 si vas a usar una nav en tu header para un menú tiene muchas clases que a la hora de editar es muy tedioso y más cuando no sabes de dónde sale las cosas
Si fue interesante el video, y soy un principiante apenas, pero es inegable que muchas veces para los trabajos piden este framework, si es cierto lo que dices de las etiquetas y eso, para el SEO es importante pero no es intocable, igualmente si lo modificamos nos ahorramos un montón de tiempo y cumplirá con lo que se quiere para el SEO (repirto soy requete principiante pero así lo veo, solo se html y CSS )
Bootstrap esta pensado para ser usado con scss y compilar solo las partes que requieres o solo usar su grid por eso en github esta disponible el grid asi como usarlo de manera mudular con sus helpers como my-5 que agrega un margen arriba y abajo
No creo que hoy en día, con las velocidades de descarga que tenemos, 200Kb supongan una diferencia en lo mas mínimo. Por otro lado si que es importante el tema de las penalizaciones de google para posicionar. Pero tengo claro, que en un entorno de intranet, donde se cuenta con una velocidad muy muy alta de descarga, y donde no es necesario que haya posicionamiento en los buscadores por que son herramientas internas, para el desarrollo de CRMs o aplicaciones similares este framework ahorra muchísimo trabajo y proporciona muchas características.
El problema de Bootstrap para un proyecto pequeño es el peso (el archivo minificado o gziped pesa mucho). Es como cargar la caja de herramientas de la NASA para ir a arreglar un PC. Cargarás muchísimo peso que no utilizarás, por lo mismo la carga será más lenta y por ende el SEO se ve afectado.
Pensé lo mismo y si para un proyecto pequeño no hay problema o tal vez si eres backend y quieres una interfaz rápida te serviría mucho Boostrap Recuerda que no hay herramienta mala lo malo es usar una herramienta para todo , saludos...
@@edicion.scontreras Para eso está la opción de trabajar con los CDN, más rápido, más práctico. Bajarlos a la computadora solo para trabajarlos a nivel local cuando la conexión sea muy lenta o no la haya.
Creo que Bootstrap es bueno para hacer un prototipo o maqueta de una página web, ya que puedes hacer la página muy rápido, pero para algo de producción no es nada bueno usarlo.
Si quieren reinventar la rueda allá ustedes yo uso bootstrap con gulp y te puedes optimizar el css con procesadores antes de hacer despliegue... Si tienes un diseñador en tu equipo de trabajo especialmente para el diseño, es mejor hacer css desde cero si no es válido usar bootstrap en 2020 o 2021 no vale quejarse si crees que puedes ayudar a mejorarlo pues hace un pull request que para eso es open source...
Muy de acuerdo, ir pensando que lo importante es que "funcione" es de mediocres, para los que no quieran ser mediocres, sin obsesionarte si lo puedes hacer mejor, hazlo, no se trata de hacer todo siempre desde cero, se trata de ir aprendiendo realmente e ir armando tu propio framework llevando las mejores prácticas posibles...
En mi experiencia, puedo estar equivocado, pero bootstrap te pone un ejemplo de estructura html para que incorpores sus clases, pero muy fácilmente al copiar el código de ejemplo, puedes cambiar todas las etiquetas que quieras, ya que bootstrap funciona con las clases css no con las etiquetas html, por ejemplo si tiene una etiqueta small y no me parece correcto, yo puedo cambiarla a spam y el css va a funcionar igual (spam es un ejemplo puede ser la etiqueta que amerite la ocasión). Por otro lado me parece que podrías borrar del css de bootstrap todas las clases que no utilices y de esa manera disminuir su peso, sin que afecte su funcionamiento. Cada uno tiene su punto de vista y su opinión y eso es bueno porque nos hace pensar desde distintos puntos de vista.
Exacto. Es como que construyendo un programa en python, por ejemplo, a cada módulo que importes, cargues todos sus funciones, eso no tiene sentido además de sobrecargar de modo innecesario el programa. Yo también soy de la idea de entender lo que uno hace y hacerlo uno mismo, y tal como dice Dorian, como lo muestra, no es precisamente lo más eficiente. Sin embargo en mi situación, lo veo como una forma de sacarle provecho para sacar algo rápido, luego cuando está finalizado la forma final, pues ir puliendo de forma progresiva el código no me parece tan mala idea.
Bueno, sigue estudiando que no sabes nada... detras de un framework hay mucho trabajo... muuuuucho. Y bootstrap es casi un standar para la web. Y en cada actualización se mejoran muchas cosas. Saludos
Pero en realidad 164k con la velocidad de procesador y velocidad de internet actual afecta? osea cuantos nano segundos te estas ahorrando? aparte yo creo que el sentido de los frameworks es tener un estandar, que un developer nuevo pueda llegar y darle mantenimiento sin tener que aprender un css que hizo no se quien en cada web.
la única diferencia real sería en caso de que tengas un sitio web con Muchisimo trafico mensual porque dependiendo del hosting algunos te dan un limite. Y lo más probable es que si tienes un sitio web super popular también tengas un servidor dedicado a ello, asi que tampoco le veo mucho sentido a estar optimizando tanto el tamaño de los archivos.
Yo le veo mejor hacer un código Css propio, no fuí ágil para entender boostrap, lo veo mejor por cuenta propia.
4 роки тому
Pues, yo he trabajado de desarrollador y bootstrap hace que toda la maquetación quedé muy rápido. Puede ser que, como solo he desarrollado herramientas empresariales pues sea lo mejor para agilizar el desarrollo
Tipo que grande eres, estaba buscando curso de expresiones regulares y encontre tus vídeos me los Vi y me encantaron, luego me vi el minicurso de gulp, te ganaste un seguidor, sigue así
La cuestion aca es gustos subjetivos. Hay puristas que se niegan a dejar el css nativo o el vanilla js. Y esta la gente que prefiere trabajar un poco mas comoda con la sintaxis de jquery y lo amigable que puede ser bootstrap a la hora de un responsive.
06:50 Sí lo había notado. Sin embargo, todos esos DIVs se pueden cambiar por las etiquetas semánticas del html5. Ese div class flex lo llamaría mejor , luego un h1 para el título. Creo que lo que pone bootstrap es una especie de sugerencia general. Algo que no me gusta de bootstrap es que usa muchos divs anidados pero que a su vez permite mayor control de los containers. Hay varias cosas que se pueden hacer con puro css, como los cards. Una vez quise usarlos y no pude, pero lo intenté con css y sí lo hice incluso más rápido, menos código y más preciso.
Buen video e interesante el análisis. Sin embargo, hay que considerar que Bootstrap en su documentación indica la forma de poder cargar sólo los componentes necesarios como una forma de optimizar el rendimiento de los sitios webs y no tener que cargar todo el código.
En mi opinión, decir que deberían usar un framework/librería o no, debe ser dependiendo de la problemática, pues no todos saben o tienen el rol de frontend, no siempre hay tiempo suficiente para hacer nuestro propio código de cero, etc. Ademas, no todo desarrollo web se usa para publicarlo bajo un dominio, pues también el desarrollo web se usa para resolver una problemática y usarla de forma local, así que es irrelevante, en este escenario, si sale posicionado en el buscador de Google o no.
Increíble, antes pensaba que Bootstrap era un buen framework cuando no tenia conocimientos acerca del desarrollo web, pero ahora veo esto y me parece increíble la cantidad de errores semánticos que tiene.
Bueno, el propósito de boostrap no es solo facilitar algunas tareas del desarrrollo...es estandarizar el desarrollo de tu equipo de trabajo. Y por supuesto, puede haber malas practicas o malos usos de un implementacion. Hacer un análisis de un framework o librería es algo que siempre tendrá opiniones encontradas.
yo estoy tirando para backend y he aprendido algo de bootstrap mas que todo por que almenos le doy mas prioridad a la funcionalidad que al diseño en si a la hora de desarrollar aplicaciones eso del seo si lo tenia en cuenta me preguntaba estaré haciendo algo mal usando puros frameworks o ellos ya se encargan de esas cosas pero no se que tan importante sera el seo para aplicaciones que son privadas
Si la aplicación es privada y no se puede buscar en google porque no existe fuera de la empresa / organización el SEO da igual, SEO significa optimizacion para los motores de búsqueda. Un saludo!! ☺️
Es una mala comparación, bootstrap se usa para realizar sistemas internos donde el equipo carece de diseñador. Por otro lado, para hacer una web el único modulo recomendado de bootstrap es el grid, ya que te maneja todo el tema de contenedores y responsive de una manera sencilla. Este modulo tiene un peso pequeño y no necesita de js
Al titulo deberias de agregarle "para proyectos pequeños", que aunque es entendido indirectamente pueden tachar a bootstrap de malo, es una muy buena opinión con razones justificables que de hecho comparto, pero en proyectos donde ocuparas una cantidad grande o almenos variada de elementos a los cuales no puedes dejar sin estilos, es de las mejores opciones que se pueden llegar a elegir.
Usar o crear un sistema de diseño y un buen preprocesador como SASS O LESS y una buena metodología de nombramiento como BEM. Escribir con CSS puro de una forma estandarizada, siempre va ser la mejor opción.
YO creo que no le diste el enfoque correcto al video, lo hiciste desde peso, pero recuerdad que no todo mundo no sabe css y este nacio con la necesidad de estandarizar las vistas, una persona que no sabia css, y aplicaba bootstrap obtenia resultados muy buenos, lo que yo hubiera explicado, es mas bien utiliza lo que necesites, por ejemplo la grilla, la utilities son magnificas, pero no todo el framework, por que muchas veces no se necesitan todoas las utilidades y eso va representar peso.
En un proyecto grande vendria bien la verdad, y si eres backender con mas razon vendria a ser util, pero si en paginas sencillas si tienes solidos conocimientos en css tambien pienso q es mejor no usar el bootstrap, no es q a todos nos guste semanas y semanas de codificar las interfaces no?
Me sorpende ver en los comentarios a personas que dicen que usaban bootsrap, pero no tienen ni idea de css puro. Soy yo el raro que comence aprendiendo CSS puro, he hecho todos mis proyectos con css puro? De verdad me sorpende, pense que todos comenzaban con CSS puro (es como querer aprender React sin antes aprender javascript puro, que es lo que estoy haciendo, quiero aprender react, pero estoy primero aprendiendo y usando js puro
Naturalmente, para pequeños diseños...no hay ahorro en temas de kb; pero no todo desarrollador domina el css con javascript. Siempre escribir algo propio es más limpio para el desarrollador; porque se tiene total dominio del tema...en mi caso me gusta boostrap; sólo para las grillas y para maquetar...es todo. Pero con Grid layout...pues...
Se me hace que lo hicieron mal a los encabezados a propósito, nadie puede ser tan bruto, lo hicieron para que no posicione esas páginas, ya que son ejemplos, esa es mi hipotesis .
Hola buen d+ia, muy buenos argumentos señor Dorian. me gustaría que hiciese un tutoral explicando como se pueden personalizar a gran escala los combo box o select box de los formularios, he buscado en internet pero no han sido del todo nuenos los ejemplos que he encontrado. Yo busco algo parecido o igual a los que se pueden hacer con el framework Materialize, pero yo no quiero tener que llamar desde una CDN o descargar el framework completo para usar solo un modulo y lo demas que me ocupe espacio innecesario . Para despedirme le agradezco todo lo que ha compartido con todos nosotros.
Muchas gracias José Manuel!!! Tu pregunta es muy buena y tiene una respuesta muy frustrante. No existen clases para personalizar los select, es una pena pero aún no tenemos nada que podamos hacer. La forma en la que se personalizan es creando nuestro propio select en lugar de usar el de HTML, es decir, un div, con los options en etiquetas p o span en lugar de usar la etiqueta option y otro elemento que haga de flecha para desplegar si quieres el mismo formato. Y después con javascript detectas el click y despliegas. De momento es lo mejor que podemos hacer para que todo tenga el estilo totalmente personalizado. Un saludo y espero haberte ayudado
@@DorianDesings Me ha ayudado bastante, lo que me desconcertó en aquel entonces y aun me desconcertar es que en la documentación de materialize en el código de ejemplo usaban las etiquetas select y option para contruir combo box llamativos, pero de ser que implementan alguna libreria externa y crean elementos dentro de estos por medio de vitual DOM. Gracias por todo, un saludo grande desnde Venezuela y espero su proximoo video.
@@josemanuelfernadezmateran699 Cierto, no lo había visto, de todas formas si inspeccionas el código cuando haces click, verás que se genera un ul con li, es otra opción, mejor que la que te dí yo antes. De todas formas es el mismo concepto. Un saludo!
Y para los que no somos expertos en CSS, si no es recomendable usar bootrtrap ¿que es lo que debemos usar? En el ejemplo que analizaste ¿no sera que esta mal usado boostrap en lugar de que el framework sea malo? No soy experto en CSS soy desarrollador mas que diseñador grafico, tengo trrabajar con el Front End, pero no al extremo de maquetarlo o diseñarlo, ¿que puedo usar en lugar de bootstrap?
aprender css y manejarlo bien es mas facil que entender como manejar y editar sitios hechos con boostrap. porcierto el ejemplo que usa es el de la documentacion oficial.
Nunca me gustó bootstrap porque encontraba que entorpecía mi aprendizaje y además era imposible saber como se hacían varias cosas. Así que opte por CSS puro, además nada es mas satisfactorio que crear todo desde 0.
Seria bueno que clonaras alguna de las paginas de: StartBootstrap Buen video, me abriste los ojos x'd aunque, yo no conozco nada de CSS, me entristece que tengo que usar si o si BT
Simplemente porque usa muchos divs y eso puede presentar muchos problemas al desarrollador, tanto a nivel visual (confusión de que div hace cada cosa) cómo a nivel de convenciones, en una entrevista de prueba que tuve me indicaron que por buenas prácticas hay que tener un documento HTML más limpio y semántico, además que posiciona mejor la página, y en los empleos requieren tener buenas prácticas. Igual siempre sean consistentes con su código ;)
yo usaba jquery Bootstrap y un pocoton de librerias XD de un tiempo un poco... me di cuenta exactamente de lo que tu dices... por que realmente tienes una libreria con un monton de cosas que no usas! solo dos o tres cositas!!! y en donde trabajo donde estoy imparti eso.. y se dieron cuenta que es mejor ahcer todo y solo reciclar el codigo de nosotros mismo....
Tienes razón en todo y le di like al video pero la realidad es que es el framework que más piden en empresas y a ellos les importa poco eso. Igualmente me encantó el vídeo todo un logro
Es cierto que lo piden, pero para eso vamos a proponer mejores prácticas de código, la proactividad es muy bien vista y si somos propositivos podemos alcanzar mejores puestos.
Para un desarrollador full stack.... Es nesesario y util.... Amenos k seas solo sea front-end... Pero cada uno tiene su opinión.. Y respeto tu opinión.
Ok. Todo muy lindo. Pero si trabajas en un proyecto con 200 desarrollador. Algo grande. Cómo haces? Usar en esos casos donde tienes estándares es muy bueno. Y cuando un important del framework moleste se saca. Vamos. Para eso se estudio CSS
Gracias por el análisis, Es bueno conocer las limitantes y desventajas de cada tecnología. Entiendo que el la finalidad de Bootstrap es la de crear un prototipado de manera rápida y no para versiones finales. O por lo menos esa es la noción que tengo al respecto.
👉👉SUSCRÍBITE para no perderte nada tinyurl.com/y78ronqd👈👈
🏷️Curso de REACT 2020: www.udemy.com/course/react-desde-cero-2020/?couponCode=LOWEST-PRICE-JUNE
En resumen, si buscas un desarrollo ágil usa bootstrap pero si quieres un sitio con optimizacion SEO y mejorar tus ventas implementa css puro.
Desarrollo ágil? no es óptimo su uso con flexbox y css grid, bootstrap es innecesario.
@@almatute estoy aprendiendo mucho css... Entonces no aprendo Bootstrap y Sass?
@@darianmorat Sass es muy bueno
@@almatute Boostrap es necesario para un desarrollo rápido.
Quieres una navegación, toma copia y pegalo.
Quieres un modal ? Toma copia y pegalo
Quieres un card ? Toma copia y pegalo
Te lo dice un desarrollador FullStack, el cliente final no le importa un sorete si lo hiciste con puro css, lo único que le importa es que se haga rápido y funcional y que se vea bien
@@franciscocolman5714yo quiero un card!
Unas observaciones sobre el video::
Minuto 5:59 indica que el elemento div "no significa absolutamente nada" , pero hay que recordar que la etiqueta define una división o una sección en un documento HTML, en otras palabras (y enunciando la documentación de MDN web docs) el elemento de división de contenido HTML ( ) es el contenedor genérico para el contenido de flujo. No tiene ningún efecto sobre el contenido o el diseño hasta que se diseña con CSS .
Referencia:
developer.mozilla.org/en-US/docs/Web/HTML/Element/div
En el minuto 6.02 indica que: "hay un h5 que debería ser hijo de un h4 y a su vez de un h3 este de un h2 y este de un h1", sin embargo basándome en la documentación del W3C:
www.w3.org/community/webed/wiki/HTML/Elements/h1,_h2,_h3,_h4,_h5,_and_h6
No esta indicado que los elementos h1 hasta h6 sean elementos que deban estar anidados uno dentro de otro para ser utilizados
Let's call it a draw(ing surface)
Diving in
Simple shapes
Canvas coordinates
Canvas coordinates diagram
Paths
Me parece bueno comentar lo anterior a fin de no confundir a la gente con poca experiencia en HTML, nunca esta de mas ir a la documentación oficial de referencia.
Saludos
La misma observación tuve 🙌
Semanticamente.
Si lo del h1 al h6 me quede como, verga que mierda estudie \:v/
@@elfen_lied x q no usar un font entonces, y me parece que el signifiado de los hx es justamente mantener una jerarquía: These elements represent headings for their sections.
These elements have a rank given by the number in their name. The h1 element is said to have the highest rank, the h6 element has the lowest rank, and two elements with the same name have equal rank.
No tiene ningún efecto sobre el contenido o el diseño hasta que se diseña con CSS . Tú mismo lo dijiste jsjs.
Ya, ¿y Bootstrap 5? Bootstrap 5 ha cambiado bastante, ya no usan ese h5 impertinente. Sería bueno que hagas una Revisión actualizada de lo que está vigente, y también sobre las restricciones de su JS.
De verdad, buen vídeo, pero lamentablemente en la mayoría de empresas piden que construyas con este framework, lo que yo hago en esos casos es eliminar el CSS y JS que no utilizo. Es trabajoso hacer eso, pero prefiero hacerlo para una mejor optimización de la web.
Yo recomiendo tener un reset.css propio y si se puede, hacer también un minwork de columnas, margenes, padding con Less o Sass
yo hago lo mismo. lo copio de trabajos mios anteriores, boostrap me lleva mas tiempo porque si quiero cambiar el aspecto me tengo que poner a leer cada codigo que copie, en css pura ya se como lo escribi
Creo que no hay que ser tan extremistas y dejar de usar los frameworks al final la tecnología se invento para facilitarnos y agilizar procesos, lo malo es que la gente siempre le va a encontrar problemas a cualquier tecnología
La idea de Bootstrap es para trabajo en equipo para que todos puedan trabajar sin generar un tallarin de codigo. Saludos
Buena explicación, vale la pena revisar varios puntos y separar temas en los que personas con poca experiencia suelen cometer errores. Bootstrap es muy bueno como otros muchos frameworks CSS.
1. Si no les gusta algo de Bootstrap: lo pueden personalizar de diversas formas.
2. Si aún así no les gusta o es "pesado", se puede personalizar y construir solamente con los elementos que se necesitan. Esto se hace con la capacidad BUILD del sitio de bootstrap donde pueden ponerle los colores, tamaños, etc a los elementos que quieran y se construye a como lo necesiten.
3. Si aún así no les gusta, está bien, no tiene por qué gustar, es una herramienta que puede funcionar o no para proyectos.
PERO vale la pena aclarar que muchos errores son del usuario en la implementación (en semántica), Bootstrap sí implementa semántica pero depende de nosotros saber usarla (como todo html tag). Otro punto positivo pero que muchos critican porque no lo saben o no comprenden, es que Boostrap utiliza muchos tags que parecen inútiles, pero son parte de formatos para accesibilidad y fácil integración con screen readers, y es fácil de mejorar.
12:03 (no utilizar framework y en su lugar crear en CSS a mano para cada proyecto). PERFECTO y te felicito, *soy de la misma tendencia, sin embargo hay proyectos en que sí uso Bootstrap por razones muy sencillas y básicamente porque hacerlo a mano termina siendo peor* . De base aún es necesario resetear propiedades y estilos de CSS porque aún no son absolutamente universales los diferentes navegadores aparte de diferencias entre plataformas, por lo cual muchos tags en frío no se ven igual del lado del cliente, pues Bootstrap hace esto de inicio (igual que otros frameworks css). Luego existen proyectos que por su índole requieren estilos de muchos elementos (botones, navegaciones, menúes, dropdowns, etc) y cuando los creamos a mano en CSS resultamos al final con un montón de CSS (inevitable) casi igual que Bootstrap, más si le agregamos el responsive y requerimos media queries para diferentes resoluciones... poco a poco de a mano en muchos proyectos el CSS termina siendo un primo de Bootstrap, pero para proyectos pequeños que no requieren tantos elementos sí hay ganancia en css a mano.
La realidad es que el CSS de cualquier sitio que hagamos, contiene TODOS los elementos utilizados en el sitio, incluso los que no se están utilizando en la página que estamos viendo en ese momento. Esto es ya otro tema, y en cualquier caso siempre podemos (si queremos), reducir el css para específicos, aunque eso ya requiere mucho más trabajo y a veces procesadores que reducen antes de entregar al cliente en navegador.
Existen muchísimos casos donde CSS a mano resulta con archivos de 1K o menos, fantástico, aunque utilizando build y personalizando bootstrap podemos lograr lo mismo o muy similar. En general entre más años se llevan creando sitios web y programando, más fácil es ir comprendiendo por qué muchas cosas funcionan como funcionan. Y no todos los frameworks permiten build personalizados como Bootstrap, es un punto a favor.
resumen+
Si las empresas lo piden hay que aprenderlo papu. corta.
En vez de dedicarme a estudiar bootstrap y aprender todas sus nombres de clases, prefiero aprender css puro, a largo plazo es mejor porque estoy entiendiendo lo que hago y eso me sirve para construir mi conocimiento como web devloper. Si voy a usar un framework, será en partes especificas, no en toda la p pagina
Create una hoja css extra, evitas colocar important, y a los div sueltos ponele clases ... fin del problema aguante boostrap
A propósito, el archivo CSS original de Bootstrap tiene no sé cuántos !important, pero ahí... funciona perfecto.
Te resumo "se un mediocre" ... para los que no quieran ser mediocres, sin obsesionarte si lo puedes hacer mejor, hazlo, no se trata de hacer todo siempre desde cero, se trata de ir aprendiendo realmente e ir armando tu propio framework llevando las mejores prácticas posibles...
Es bueno ayudarte con un documento css adicional al de boots cosa q las cosas q no te gustan irías cambiando es optimizar el código a tus necesidades y claro para una persona q quiere ser desarrollador no es bueno estancarse en bootstrap pero puedes agarrarlo como ejemplo para próximas páginas el vídeo no está bien definido solo da su punto de vista que quede claro eso y todos los desarrolladores no piensan igual que el
Igual si a alguien no le le interesa o llama mucho la atención en frontend podría usar boostrap para ahorrarse tiempo. Un backend por ejemplo.
Hombre gracias por el aporte, me parece que tiene informacion muy concreta y con fundamento. Pero difiero en el tema de el codigo pesado, veras es sierto que bootstrap trae demasiadas cosas inecesarias pero cuando descargas la version sourse te muestra el codigo sass sin compilar y ahi tu puedes decidir que componentes usar
el video mas interesante de la semana. muy buana profe =) gracias, super interesante
Lo uso por qué me ayuda a desarrollar vistas de manera más rápida, pero si quiera una interfaz con requerimientos estrictos uso css como animaciones específicas, detalles específicos pues.
A ver, resumiendo un poco:
1. Los estándares no recomiendan usar important!
2. Un código más difícil de leer por muchas clases.
3. Mayor peso de archivo.
4. Afectación del SEO.
Creo que no se me escapa nada, ahora déjame decirte porque nada de lo que comentas tiene un peso realmente significativo para no utilizar este marco de trabajo. En primera descartemos el peso de los archivos, ya no estamos en la era de los 56k, las páginas con un buen host y bien optimizadas cargan super rápido. He visto páginas de varios megas super mal optimizadas cargar rapidísimo solo por optimizar bien su servidor. Un simple par de fotografías tienen todo el peso de bootstrap minificado, lo cual es nada, ademas ¿Que sitios hoy en día no utilizan imágenes? O sliders, solo por decir algo, así que el peso definitivamente no es un factor decisivo.
2. Hablas de la semántica y que eso puede afectar al SEO pero lo haces sonar demasiado trágico para lo que realmente es. En el SEO si es verdad que hay etiquetas que semánticamente tienen mayor relevancia pero, es un poco exagerado decir que solo por eso te van a penalizar. ¿Y la calidad del contenido del sitio? ¿Los backlinks? ¿El CTR? ¿La experiencia de usuario? ¿Eso no cuentan o que? De nada me sirve tener la mejor semantica HTML si voy descuidar completamente todos esos otros factores así que tampoco es un factor decisivo tema.
3. Sobre la difícil lectura, porfavor! Tampoco es como si se tratara de un lenguaje de programación en el que requieres de un esfuerzo mayor para leer código y entender la lógica, si lo comparas con Bootstrap tampoco es que sea el mayor reto del mundo. Admito que es menos complicado leer y usar tus propias clases pero vamos, tampoco es el super reto. Puedes formatear el código para hacerlo más legible y perfectamente complementarlo con css personalizado.
4. Y por último lo de important! Volvemos a lo mismo. ¿A quien le afecta eso realmente? ¿Cuál es el verdadero propósito de hacer diseño web? ¿Complacer a W3C, a Mozilla? Trabajamos para el cliente final o para nosotros mismos, no para esas comunidades. Si prefieres solo usar CSS porque a ti te gusta más tipear tu código perfecto 👌 hazlo, pero si no, no afecta en nada usar este framework, hay más ventajas que desventajas y cada quien sabrá adaptarlo a su propio estilo y necesidades. Listo que tengas un buen día!
4. Afectación al SEO? El SEO tiene que ver totalmente con la estructura HTML, no con CSS. Nada en absoluto. Si un CSS es malo o antiestético y lleno de conflictos, es simplemente una mala práctica de un maquetador muy malo, pero no afecta al SEO si el HTML es pe4feto y validado 100% con la W3C.
Que tiene que ver el seo con css? Deja de afirmar estupideces. Desinformacion total
Afecta al SEO=== agregar div a lo tonto para usar unas clases 🙄
Papi sos un técnico verdad...
Desde el punto de vista de un ingeniero no es recomendable usar Boostrap todos me han dicho lo mismo.
Hay una diferencia enorme en código que funciona a un buen código son cosas totalmente diferente
Antes no era muy recomendable usar Boostrap pero ahora con flex-box y grid es una pésima idea usar Boostrap
Lo malo es que hay Fanboy de Boostrap al igual JQuery , recuerda que no hay herramienta mala lo malo es usar una herramienta para todo 🙄🙄🙄
@@erickrapa8122 Pero si Bootstrap usa FlexBox solo que le aumentó clases para no tipear tanto pero ahí tienes "d-column" basado en el mismo flexbox.
@@toma1610 jaja con tu respuesta me di cuenta que no sabes nada de CSS men para que Boostrap pueda usar el 100% de las ventajas de flex-box tendría que haber unas 25 clases y si juegas con los ejes serían como 50 clases para que Boostrap pueda usar las ventajas de flex-box
Ahora imagina que tan increíble es grid layout que por más que Boostrap intente no podra aprovechar todas las ventajas de este
Bootstrap para creadores de contenido pequeños, vue-bootstrap para un proyecto mas grande como aplicaciones web y demas, y react para algo supergrande...
En conclusión si estas empezando usa bootstrap, wordpress y no te quedes con solo eso, ve avanzando, ahora estan de moda las imagenes 3D lo cual 1 tienen un peso de 1000 veces frameworks como bootstrap, la web de hoy no es como la web débil de hace decadas, ponle mucho peso a tu web y mas bien optimizala, una recomendación es que hagas una web de una tematica que te interese muchisimo asi le metes caña y nunca te estancaras o desanimaras, porque va a necesitar q la actualizes mucho!!! En el largo plazo
Estás confundiendo las cosas, bootstrap no tiene nada que ver con los framework react, vue etc
@Gustavo Chura Alay Bootstrap te da la oportunidad de crear tus propios estilos también
Creo que tienes toda la razón pero es cierto que para alguien que esté empezando y quiera crear cosas sencillas y rápidas Bootstrap te ayuda a poder dormir por las noches,
Siempre y cuando comprendas cómo funciona el CSS puro. Nadie te pide que te aprendas las sintaxis o los selectores de memoria, pero si no sabes lo fundamental, hasta el mismo Bootstrap te podría parecer frustrante, pero si sabes toda la teoría del CSS, Bootstrap será tu gran aliado y amigo.
Diciembre 202 ya casi no se ven anuncios de ofertas laborales pidiendo Bootstrap como requisito ¡Grande Dorian!
Hermano, gracias por su gran opinión, me estoy integrando en esto del desarrollo web y CSS, en mi opinión, no es tan sencillo de dominar!, por la mayoría se lanza a Boostrap!, aunque también hay que entenderlos si dicha empresa donde trabajan se lo exigen por el simple hecho de Ahorrar tiempo.
En algún momento solo quisiera usar su GRID de 12 columnas y sus media queries.
Sus colores contextuales son importantes porque ellos saben porqué los han definido así. Es lo que debe ser según sus stándares.
Agradezco el vídeo.
Hace ya años hacía páginas web, ahora me ha tocado hacer la mia y claro, he tirado por boostrap (por aquello de la tecnología y tal).
La verdad, que lo que me ha pasado es desprender los principios del html5.
Toda la razón.
Ahora creo que la haré con la técnica de antes.
Tengo poca experiencia en web. Siempre te recomiendan aprender Bootstrap, por su rapidez, simpleza, documentación, etc. De los trabajos que hice al principio siempre empezaba con Bootstrap, pero cuando necesitaba algo en concreto, el FW no me lo daba, al final terminaba eliminando las clases que ponía en un principio y ponía CSS puro, para acomodarlo a lo que necesitaba. No se si es problema mío, pero se ma hace mas el CSS puro que Bootstrap. Igual no he experimentado con otro FW, pero hasta el momento es mi opinión. Saludos
Pues ni idea quienes son esas personas y seguramente son personas que se van a tope con los frameworks xD pero a mi siempre me han recomendado el codigo puro, no tiene nada de malo, pero eso que dices suena a personas que no saben nada xd.
Estoy de acuerdo con tu punto de vista. Cuando se usa un framework con este tambien vienen sus bugs y problemas. Y tenes que adaptarte. Excelente trabajo.
Totalmente de acuerdo!
Cuando use la versión 3 de Bootstrap a me di cuenta lo mucho que me limitaba Bootstrap y amarraba la su diseño y limitaba mi creatividad.
Fue en una empresa donde que empecé como FrontEnd que me dieron un diseño de UX/UI echo en Sketch dónde me di cuenta que solo sabía bootstrap jajaja
Tuve que documentarme en Flexbox, CSS Pure etc.. tanque si quería tener diseños más allá tenían que ser echos por mi
Para no hacerle el cuento largo me tocó volver a estudiar CSS desee 0 buscar en canales y conocí este canal comencé hacer Buenas prácticas.
este Sr o joven me enseñó buenas cosa en ese camino
Me paso lo mismo, en mi caso con proyectos de inspiraciones que encontraba navegando y los quería replicar, pero no podía actualmente estoy en un curso de Udemy de 0.
Y encontré este canal el cual veré los cursos también.
A mi me paso alrevez, me mate aprendiendo CSS puro y hace poco me pase a Bootstrap y simplemente no puedo, casi no puedo hacer nada de lo que podia hacer cuando usaba CSS puro y ahora ando aprendiendo tailwind
Aunque tengo entendido que bootsrap incluye flexbox no?
Perfecto!!. Yo creo que con una metodología CSS y usándolo vanilla no hay nada que envidiar a las librerías CSS . Siempre que intente aprender una librería CSS termino frustrado porque siento que se agregan cosas de más que se pueden optimizar haciéndolo vanilla
Si quieres reducir el peso de bootsrap, una vez que terminas tu projecto, eliminas todas las reglas que no necesitas de bootstrap...
Pero hay una ENORME diferencia entre usar o no bootstrap y es muy IMPORTANTE..
Si yo busco un snnipet de tu código en internet.. no lo voy a encontrar, pero si busco uno de boostrap seguro lo encuentro y eso me va a ahorrar horas, días o meses de trabajo.. que al final es $$$
Conéctalo por CDN y ahorras recursos.
cuando lei el titulo me golpeaste el orgullo. jaja . bootstrap me ayudo mucho sobre todo cuando me hice mas programador backend y tuve que abandonar un poco el frontend . no usar un framework y usar puro css es tedioso , y al pasar el tiempo bootstrap es el framework mas elegido por otros frameworks css y dejo varios en el camino como foundation...Espero que mejore bootstrap y se optimice aun mas la proxima version . Muy bueno el video
Que bueno ver a alguien con un poco de sensatez en el desarrollo web, gracias!
Pero Bootstrap es un framework de css, el HTML lo construyes tu, solo debes de estar pendiente de utilizar sus clases que segun se google no las toma en cuenta para indexar
Muchas gracias Dorian por la informacion y tu opinion, lo voy a tener en cuenta. Saludos.
Muchas gracias!!
No se puede comparar Bootstrap con un ejemplo particular tendrias que escribir css para todos los casos posibles ahi podrias medirlos por tamaño todos los que critican estos framework son los maniáticos del css para un desarrollador BackEnd es ahorrar mucho tiempo por eso es tan usado ojo que con esto no quiero decir que boostrap sea el mejor saludos
2023 Es el Frame Work HTML, CSS y JavaScript más usado!
Estoy haciendo un curso de desarrollo web. Para el primer tp (sitio web) una consigna era usar un componente de Bootstrap, al verificar el sitio en la w3c validator los únicos errores que me tiraba eran de Bootstrap y eran como 30 errores. No me gusto, no le dedique tiempo a aprenderlo, y ahora que veo este video me alivia y me siento bien por mi decisión, ya que he visto que en algunas empresas lo piden, pero a mi no me terminaba de cerrar.
Jajaa pos haces mal es como los puristas que dicen no aprendas jquery, lamentablente a menos que vayas a trabajar en Facebook o Google, cosa que la mayoría no, se usa mucho tecnología antigua también etc, entonces toca aprender, ahora si trabajas en Google pos si trabajarán con lo más nuevo
@@IsaacGarcia-qq8oq Hola Isaac, espero que estés bien. Si fueran puristas solo usarían vanilla JS y CSS. Existiendo muchísimas librerías y frameworks mejores que Bootstrap y JQuery no veo por que motivo deberíamos sentirnos obligados a aprender tecnologías que en unos años deberemos olvidar, y que hoy en día ya casi no se encuentran en la sección de requisitos o excluyentes de las ofertas laborales actuales. Cada uno elige que camino quiere tomar de los muchos que hay, y cada uno tendrá las razones de por qué lo hace. Deberías ser un poco mas humilde y no estar diciéndole con el dedo índice a las personas que es lo que hacen bien o mal según tu criterio, te ayudara mucho en tu vida personal y profesional. Saludos.
@@aldanahern jaja pero al del vídeo que señala con dedo lo aplaudes no ? Eso es ser doble cara jaja, no se piden como requisitos? Claro que se pide aún jquery y boostrap, hay lenguajes más antiguos que siguen funcionando, sabes Porque? Por lo mismo que comenté son empresas que trabajan con cosas de antes y no las terminan de quitar ( por eso mencioné a Google o Facebook) si trabajas en compañías grandes como Google nunca en tu vida si quiera vas a tocar jquery o boostrap porque ellos trabajan con lo más nuevo siempre actualizados pero como la mayoría trabaja para consultoras o tal, terminan viendolas te guste o no admitirlo
H1 solo se debe usar una sola vez en tu HTML tenga buena semantica y pues cuando usas boostrap4 si vas a usar una nav en tu header para un menú tiene muchas clases que a la hora de editar es muy tedioso y más cuando no sabes de dónde sale las cosas
Yo: estuviste despierto toda la noche leyendo comentarios
Also me: creo que estoy ciego
Si fue interesante el video, y soy un principiante apenas, pero es inegable que muchas veces para los trabajos piden este framework, si es cierto lo que dices de las etiquetas y eso, para el SEO es importante pero no es intocable, igualmente si lo modificamos nos ahorramos un montón de tiempo y cumplirá con lo que se quiere para el SEO (repirto soy requete principiante pero así lo veo, solo se html y CSS )
Bootstrap esta pensado para ser usado con scss y compilar solo las partes que requieres o solo usar su grid por eso en github esta disponible el grid asi como usarlo de manera mudular con sus helpers como my-5 que agrega un margen arriba y abajo
Hola,me puedes enviar el link de grid en GitHub!! gracias.
No creo que hoy en día, con las velocidades de descarga que tenemos, 200Kb supongan una diferencia en lo mas mínimo. Por otro lado si que es importante el tema de las penalizaciones de google para posicionar. Pero tengo claro, que en un entorno de intranet, donde se cuenta con una velocidad muy muy alta de descarga, y donde no es necesario que haya posicionamiento en los buscadores por que son herramientas internas, para el desarrollo de CRMs o aplicaciones similares este framework ahorra muchísimo trabajo y proporciona muchas características.
Tal vez el uso de bootstrap a un proyecto a gran escala no sería lo mas recomendable pero a algo pequeño podría considerarlo que esta bien?
Totalmente, no tiene nada de malo en un proyecto simple
El problema de Bootstrap para un proyecto pequeño es el peso (el archivo minificado o gziped pesa mucho). Es como cargar la caja de herramientas de la NASA para ir a arreglar un PC. Cargarás muchísimo peso que no utilizarás, por lo mismo la carga será más lenta y por ende el SEO se ve afectado.
Pensé lo mismo y si para un proyecto pequeño no hay problema o tal vez si eres backend y quieres una interfaz rápida te serviría mucho Boostrap
Recuerda que no hay herramienta mala lo malo es usar una herramienta para todo , saludos...
@@edicion.scontreras Para eso está la opción de trabajar con los CDN, más rápido, más práctico. Bajarlos a la computadora solo para trabajarlos a nivel local cuando la conexión sea muy lenta o no la haya.
Si lo usas en cdn es muy probable que ya esté en la caché del navegador y no tardaría nada en descargar...
Creo que Bootstrap es bueno para hacer un prototipo o maqueta de una página web, ya que puedes hacer la página muy rápido, pero para algo de producción no es nada bueno usarlo.
Si quieren reinventar la rueda allá ustedes yo uso bootstrap con gulp y te puedes optimizar el css con procesadores antes de hacer despliegue... Si tienes un diseñador en tu equipo de trabajo especialmente para el diseño, es mejor hacer css desde cero si no es válido usar bootstrap en 2020 o 2021 no vale quejarse si crees que puedes ayudar a mejorarlo pues hace un pull request que para eso es open source...
lo mejor es SASS(o less etc) y tener tus recursos de css, usarlos allá adónde sea necesario. Rápido, reutilizable y CSS puro.
Me identifico mucho con tu postura, talvez trabajar con CSS requiera de un mayor esfuerzo, pero a la larga lo vas a agradecer.
Muy de acuerdo, ir pensando que lo importante es que "funcione" es de mediocres, para los que no quieran ser mediocres, sin obsesionarte si lo puedes hacer mejor, hazlo, no se trata de hacer todo siempre desde cero, se trata de ir aprendiendo realmente e ir armando tu propio framework llevando las mejores prácticas posibles...
En mi experiencia, puedo estar equivocado, pero bootstrap te pone un ejemplo de estructura html para que incorpores sus clases, pero muy fácilmente al copiar el código de ejemplo, puedes cambiar todas las etiquetas que quieras, ya que bootstrap funciona con las clases css no con las etiquetas html, por ejemplo si tiene una etiqueta small y no me parece correcto, yo puedo cambiarla a spam y el css va a funcionar igual (spam es un ejemplo puede ser la etiqueta que amerite la ocasión). Por otro lado me parece que podrías borrar del css de bootstrap todas las clases que no utilices y de esa manera disminuir su peso, sin que afecte su funcionamiento.
Cada uno tiene su punto de vista y su opinión y eso es bueno porque nos hace pensar desde distintos puntos de vista.
Exacto. Es como que construyendo un programa en python, por ejemplo, a cada módulo que importes, cargues todos sus funciones, eso no tiene sentido además de sobrecargar de modo innecesario el programa.
Yo también soy de la idea de entender lo que uno hace y hacerlo uno mismo, y tal como dice Dorian, como lo muestra, no es precisamente lo más eficiente. Sin embargo en mi situación, lo veo como una forma de sacarle provecho para sacar algo rápido, luego cuando está finalizado la forma final, pues ir puliendo de forma progresiva el código no me parece tan mala idea.
Siendo un principante, te agradezco mucho el video!
Estas comparando mal el peso, usando 1 solo cuadro. NO creo que alguien implemente Boot solo para eso.
te sorprenderias :/
Concuerdo con todo lo que dijo. Soy estudiante de desarrollo de software de Argentina
Bueno, sigue estudiando que no sabes nada... detras de un framework hay mucho trabajo... muuuuucho. Y bootstrap es casi un standar para la web. Y en cada actualización se mejoran muchas cosas. Saludos
Pero en realidad 164k con la velocidad de procesador y velocidad de internet actual afecta? osea cuantos nano segundos te estas ahorrando? aparte yo creo que el sentido de los frameworks es tener un estandar, que un developer nuevo pueda llegar y darle mantenimiento sin tener que aprender un css que hizo no se quien en cada web.
la única diferencia real sería en caso de que tengas un sitio web con Muchisimo trafico mensual porque dependiendo del hosting algunos te dan un limite.
Y lo más probable es que si tienes un sitio web super popular también tengas un servidor dedicado a ello, asi que tampoco le veo mucho sentido a estar optimizando tanto el tamaño de los archivos.
Buen punto, sobre todo para aquellos que damos mantenimiento a las aplicaciones de otros y éstas no tienen ni pies ni cabeza
Yo le veo mejor hacer un código Css propio, no fuí ágil para entender boostrap, lo veo mejor por cuenta propia.
Pues, yo he trabajado de desarrollador y bootstrap hace que toda la maquetación quedé muy rápido. Puede ser que, como solo he desarrollado herramientas empresariales pues sea lo mejor para agilizar el desarrollo
Muy buen video. Muchas gracias por tan buen contenido. Saludos
Tipo que grande eres, estaba buscando curso de expresiones regulares y encontre tus vídeos me los Vi y me encantaron, luego me vi el minicurso de gulp, te ganaste un seguidor, sigue así
La cuestion aca es gustos subjetivos. Hay puristas que se niegan a dejar el css nativo o el vanilla js. Y esta la gente que prefiere trabajar un poco mas comoda con la sintaxis de jquery y lo amigable que puede ser bootstrap a la hora de un responsive.
06:50 Sí lo había notado. Sin embargo, todos esos DIVs se pueden cambiar por las etiquetas semánticas del html5. Ese div class flex lo llamaría mejor , luego un h1 para el título. Creo que lo que pone bootstrap es una especie de sugerencia general. Algo que no me gusta de bootstrap es que usa muchos divs anidados pero que a su vez permite mayor control de los containers.
Hay varias cosas que se pueden hacer con puro css, como los cards. Una vez quise usarlos y no pude, pero lo intenté con css y sí lo hice incluso más rápido, menos código y más preciso.
Buen video e interesante el análisis. Sin embargo, hay que considerar que Bootstrap en su documentación indica la forma de poder cargar sólo los componentes necesarios como una forma de optimizar el rendimiento de los sitios webs y no tener que cargar todo el código.
Mozilla no es la W3C y puedes hacer más pequeño el bootstrap con webpack
no hay tecnologia mala, solo gente que la usa mal xd
En mi opinión, decir que deberían usar un framework/librería o no, debe ser dependiendo de la problemática, pues no todos saben o tienen el rol de frontend, no siempre hay tiempo suficiente para hacer nuestro propio código de cero, etc. Ademas, no todo desarrollo web se usa para publicarlo bajo un dominio, pues también el desarrollo web se usa para resolver una problemática y usarla de forma local, así que es irrelevante, en este escenario, si sale posicionado en el buscador de Google o no.
Si es cierto lo que dicen aquí uno que va empezando es muy difícil entender todo el código en Bootstrap
Increíble, antes pensaba que Bootstrap era un buen framework cuando no tenia conocimientos acerca del desarrollo web, pero ahora veo esto y me parece increíble la cantidad de errores semánticos que tiene.
Además, si lo usas en remoto, usando su CDN, no consumes recursos, ¿no?
Bueno, el propósito de boostrap no es solo facilitar algunas tareas del desarrrollo...es estandarizar el desarrollo de tu equipo de trabajo. Y por supuesto, puede haber malas practicas o malos usos de un implementacion. Hacer un análisis de un framework o librería es algo que siempre tendrá opiniones encontradas.
Y que piensas de Elementor?
yo estoy tirando para backend y he aprendido algo de bootstrap mas que todo por que almenos le doy mas prioridad a la funcionalidad que al diseño en si a la hora de desarrollar aplicaciones eso del seo si lo tenia en cuenta me preguntaba estaré haciendo algo mal usando puros frameworks o ellos ya se encargan de esas cosas pero no se que tan importante sera el seo para aplicaciones que son privadas
Si la aplicación es privada y no se puede buscar en google porque no existe fuera de la empresa / organización el SEO da igual, SEO significa optimizacion para los motores de búsqueda. Un saludo!! ☺️
Yo utilizo bootstrap-table para representar tablas son muy útiles y me ahorran muchos quebraderos de cabeza
Es una mala comparación, bootstrap se usa para realizar sistemas internos donde el equipo carece de diseñador. Por otro lado, para hacer una web el único modulo recomendado de bootstrap es el grid, ya que te maneja todo el tema de contenedores y responsive de una manera sencilla. Este modulo tiene un peso pequeño y no necesita de js
Pues, CSS ya tiene por defecto propiedades tanto de flexbox como de grid
Al titulo deberias de agregarle "para proyectos pequeños", que aunque es entendido indirectamente pueden tachar a bootstrap de malo, es una muy buena opinión con razones justificables que de hecho comparto, pero en proyectos donde ocuparas una cantidad grande o almenos variada de elementos a los cuales no puedes dejar sin estilos, es de las mejores opciones que se pueden llegar a elegir.
Hola, ¿Qué framework en reemplazo de Bootstrap recomendarías?
Bulma.
Usar o crear un sistema de diseño y un buen preprocesador como SASS O LESS y una buena metodología de nombramiento como BEM. Escribir con CSS puro de una forma estandarizada, siempre va ser la mejor opción.
YO creo que no le diste el enfoque correcto al video, lo hiciste desde peso, pero recuerdad que no todo mundo no sabe css y este nacio con la necesidad de estandarizar las vistas, una persona que no sabia css, y aplicaba bootstrap obtenia resultados muy buenos, lo que yo hubiera explicado, es mas bien utiliza lo que necesites, por ejemplo la grilla, la utilities son magnificas, pero no todo el framework, por que muchas veces no se necesitan todoas las utilidades y eso va representar peso.
y tail wind? es recomendable usarlo?
En un proyecto grande vendria bien la verdad, y si eres backender con mas razon vendria a ser util, pero si en paginas sencillas si tienes solidos conocimientos en css tambien pienso q es mejor no usar el bootstrap, no es q a todos nos guste semanas y semanas de codificar las interfaces no?
Me sorpende ver en los comentarios a personas que dicen que usaban bootsrap, pero no tienen ni idea de css puro. Soy yo el raro que comence aprendiendo CSS puro, he hecho todos mis proyectos con css puro? De verdad me sorpende, pense que todos comenzaban con CSS puro (es como querer aprender React sin antes aprender javascript puro, que es lo que estoy haciendo, quiero aprender react, pero estoy primero aprendiendo y usando js puro
Naturalmente, para pequeños diseños...no hay ahorro en temas de kb; pero no todo desarrollador domina el css con javascript. Siempre escribir algo propio es más limpio para el desarrollador; porque se tiene total dominio del tema...en mi caso me gusta boostrap; sólo para las grillas y para maquetar...es todo. Pero con Grid layout...pues...
Yo estoy empezando y con CSS no puedo hacer mucho, soy medio lelo voy a tratar de usar menos Bootstrap
Se me hace que lo hicieron mal a los encabezados a propósito, nadie puede ser tan bruto, lo hicieron para que no posicione esas páginas, ya que son ejemplos, esa es mi hipotesis
.
No uses jQuery. Se consecuente y montate el código a pedal
@@toma1610 Si ves el video detalladamente comprenderás mi comentario. O el "se consecuente" está ahí para decorar?
Impecable! Genio!
Muchas gracias!!
jajaja creo que el adjetivo genio los has devualuado niveles insospechados
Me rompes el corazón =( me gusto me suscribo, que opinas de la maquetación con flexbox? Saludos
Aprende de css grid también para maquetar!
Gracias por el video amigo. Me encantaria saber la opinion que teienes jquery gracias maestro.!
ua-cam.com/video/9buxCYlm9RM/v-deo.html
Hola buen d+ia, muy buenos argumentos señor Dorian.
me gustaría que hiciese un tutoral explicando como se pueden personalizar a gran escala los combo box o select box de los formularios, he buscado en internet pero no han sido del todo nuenos los ejemplos que he encontrado.
Yo busco algo parecido o igual a los que se pueden hacer con el framework Materialize, pero yo no quiero tener que llamar desde una CDN o descargar el framework completo para usar solo un modulo y lo demas que me ocupe espacio innecesario .
Para despedirme le agradezco todo lo que ha compartido con todos nosotros.
Muchas gracias José Manuel!!!
Tu pregunta es muy buena y tiene una respuesta muy frustrante. No existen clases para personalizar los select, es una pena pero aún no tenemos nada que podamos hacer. La forma en la que se personalizan es creando nuestro propio select en lugar de usar el de HTML, es decir, un div, con los options en etiquetas p o span en lugar de usar la etiqueta option y otro elemento que haga de flecha para desplegar si quieres el mismo formato. Y después con javascript detectas el click y despliegas. De momento es lo mejor que podemos hacer para que todo tenga el estilo totalmente personalizado. Un saludo y espero haberte ayudado
@@DorianDesings Me ha ayudado bastante, lo que me desconcertó en aquel entonces y aun me desconcertar es que en la documentación de materialize en el código de ejemplo usaban las etiquetas select y option para contruir combo box llamativos, pero de ser que implementan alguna libreria externa y crean elementos dentro de estos por medio de vitual DOM.
Gracias por todo, un saludo grande desnde Venezuela y espero su proximoo video.
@@josemanuelfernadezmateran699 Cierto, no lo había visto, de todas formas si inspeccionas el código cuando haces click, verás que se genera un ul con li, es otra opción, mejor que la que te dí yo antes. De todas formas es el mismo concepto. Un saludo!
@@DorianDesings saludos bien recibidos.Nos escribimos en otro video jejejeje
No es que Bootstrap sea malo, es que si no lo sabes usar simplemente no te contratan al igual que jquery
EXCELENTE!
Y para los que no somos expertos en CSS, si no es recomendable usar bootrtrap ¿que es lo que debemos usar? En el ejemplo que analizaste ¿no sera que esta mal usado boostrap en lugar de que el framework sea malo? No soy experto en CSS soy desarrollador mas que diseñador grafico, tengo trrabajar con el Front End, pero no al extremo de maquetarlo o diseñarlo, ¿que puedo usar en lugar de bootstrap?
aprender css y manejarlo bien es mas facil que entender como manejar y editar sitios hechos con boostrap. porcierto el ejemplo que usa es el de la documentacion oficial.
estudia bien flexbox y grid, sobre todo grid, y segui usando las clases de css puro
Qué frameworks de CSS recomendarías?
Ninguno.
Nunca me gustó bootstrap porque encontraba que entorpecía mi aprendizaje y además era imposible saber como se hacían varias cosas. Así que opte por CSS puro, además nada es mas satisfactorio que crear todo desde 0.
¿Framework? ¿No es Librería?
Seria bueno que clonaras alguna de las paginas de: StartBootstrap
Buen video, me abriste los ojos x'd aunque, yo no conozco nada de CSS, me entristece que tengo que usar si o si BT
Puedes aprenderlo ua-cam.com/play/PLROIqh_5RZeAoysDfEpB_asxV0cItZOL_.html
aprende css y sass , te convertiras en un verdadero dios del diseño web
Simplemente porque usa muchos divs y eso puede presentar muchos problemas al desarrollador, tanto a nivel visual (confusión de que div hace cada cosa) cómo a nivel de convenciones, en una entrevista de prueba que tuve me indicaron que por buenas prácticas hay que tener un documento HTML más limpio y semántico, además que posiciona mejor la página, y en los empleos requieren tener buenas prácticas. Igual siempre sean consistentes con su código ;)
Muy buen desmenuzado sobre el tema
yo usaba jquery Bootstrap y un pocoton de librerias XD de un tiempo un poco... me di cuenta exactamente de lo que tu dices... por que realmente tienes una libreria con un monton de cosas que no usas! solo dos o tres cositas!!! y en donde trabajo donde estoy imparti eso.. y se dieron cuenta que es mejor ahcer todo y solo reciclar el codigo de nosotros mismo....
Aun así no dejare de usar bootstrap, no es perfecto pero son mas los beneficios que aporta
Pero excelente punto a considerar
Tienes razón en todo y le di like al video pero la realidad es que es el framework que más piden en empresas y a ellos les importa poco eso. Igualmente me encantó el vídeo todo un logro
Es cierto que lo piden, pero para eso vamos a proponer mejores prácticas de código, la proactividad es muy bien vista y si somos propositivos podemos alcanzar mejores puestos.
Lo bueno de bootstarp es que la curva de aprendizaje es casi nula, te puedes poner un fin de semana en eso y ya lo dominas
el video que youtube ni nadie necesitaba xd
Te acabas de ganar un suscriptor hermano! 💪
Para un desarrollador full stack.... Es nesesario y util.... Amenos k seas solo sea front-end... Pero cada uno tiene su opinión.. Y respeto tu opinión.
Ok. Todo muy lindo. Pero si trabajas en un proyecto con 200 desarrollador. Algo grande. Cómo haces? Usar en esos casos donde tienes estándares es muy bueno. Y cuando un important del framework moleste se saca. Vamos. Para eso se estudio CSS
Para existen los sistemas de diseño.
Gracias por el análisis, Es bueno conocer las limitantes y desventajas de cada tecnología. Entiendo que el la finalidad de Bootstrap es la de crear un prototipado de manera rápida y no para versiones finales. O por lo menos esa es la noción que tengo al respecto.
hay que usar las herranientas ,