🚫 Porqué NO deberías usar Bootstrap 4 🚫 - opinión 2019

[@DorianDesings]

👉👉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

[@fluttermega1639]

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

[@abraham2193]

La misma observación tuve 🙌

[@jaimefer2949]

Semanticamente.

[@elfen_lied]

Si lo del h1 al h6 me quede como, verga que mierda estudie \:v/

[@cg7464]

@@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.

[@cg7464]

No tiene ningún efecto sobre el contenido o el diseño hasta que se diseña con CSS . Tú mismo lo dijiste jsjs.

[@gomz810]

En resumen, si buscas un desarrollo ágil usa bootstrap pero si quieres un sitio con optimizacion SEO y mejorar tus ventas implementa css puro.

[@almatute]

Desarrollo ágil? no es óptimo su uso con flexbox y css grid, bootstrap es innecesario.

[@darianmorat]

@@almatute estoy aprendiendo mucho css... Entonces no aprendo Bootstrap y Sass?

[@edwina.espinaltaveras4222]

@@darianmorat Sass es muy bueno

[@franciscocolman5714]

@@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

[@Wolframio_74]

@@franciscocolman5714yo quiero un card!

[@toma1610]

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.

[@DescubreAntigua]

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.

[@aluissp]

resumen+

[@warriors000]

el video mas interesante de la semana. muy buana profe =) gracias, super interesante

[@facundoarlingtoncodorniu9961]

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

[@Gabriela-pt8my]

y tail wind? es recomendable usarlo?

[@facundogutierrez1132]

Muchas gracias Dorian por la informacion y tu opinion, lo voy a tener en cuenta. Saludos.

[@JauriaTop]

Totalmente de acuerdo!

[@josuecaceres5784]

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

[@toma1610]

¿Framework? ¿No es Librería?

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

[@claugardenes1974]

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

[@toma1610]

Además, si lo usas en remoto, usando su CDN, no consumes recursos, ¿no?

[@samuelromanguerra2760]

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.

[@crazycolectioncupcakes]

Quise usar bootstrap segui unos tutoriales de como instalar en vs code y nomas no funciona :(

[@dinopalacios6263]

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

[@faustinomera582]

Muchas gracias!!

[@LuisEnMarroquin]

Mozilla no es la W3C y puedes hacer más pequeño el bootstrap con webpack

[@TheANTxD]

no hay tecnologia mala, solo gente que la usa mal xd

[@luisjorgelopez7422]

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

[@JoseSalazar1950]

Y que piensas de Elementor?

[@kennethdelgado6576]

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.

[@ManiiLugo]

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

[@javierquiroga6774]

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?

[@systemofadown1986]

Totalmente, no tiene nada de malo en un proyecto simple

[@edicion.scontreras]

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.

[@erickrapa8122]

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...

[@toma1610]

​@@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.

[@renamate]

Si lo usas en cdn es muy probable que ya esté en la caché del navegador y no tardaría nada en descargar...

[@leonciopizarro8325]

hay que usar las herranientas ,

[@AudioMezcla]

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.

[@renamate]

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...

[@aldanahern]

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.

[@IsaacGarcia-qq8oq]

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

[@aldanahern]

@@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.

[@IsaacGarcia-qq8oq]

@@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

[@console_warn]

Muy buen video. Muchas gracias por tan buen contenido. Saludos

[@Nanoseo]

¿Alguna opinión sobre strapi.io?

[@TheGangstaSanchez]

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.

[@magdielworkout6392]

Como hablar de algo con lo cual no se tiene experiencia ?

[@dariovega]

Hola, ¿Qué framework en reemplazo de Bootstrap recomendarías?

[@ratasobreviviendoenlascloa4847]

Bulma.

[@wilsonandresosoriom8217]

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.

[@kymoto7524]

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

[@DorianDesings]

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!! ☺️

[@israelcasado5214]

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,

[@toma1610]

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.

[@videoslordsnivy]

Me rompes el corazón =( me gusto me suscribo, que opinas de la maquetación con flexbox? Saludos

[@goten9248]

Aprende de css grid también para maquetar!

[@HeySoyGabo]

Hola que tal! Bueno yo tengo poco más de unos 4 meses. Trabajando con boostrap ya que antes usaba mi css personalizado. Y la verdad es que me sigo quedando con boostrap :) el sistema de grid es por mucho lo más importante. Evitas posibles errores en el reponsive. Lo cual es espléndido! Tienes al alcanse hacer botones listas incluso tablas. Con unas pocas clases. Y cuando quieres personalizarlo es super sencillo. Sólo agregar una clase extra propia y metes los cambios ahí. De verdad que el tiempo que me he ahorrando usando boostrap en comparación a hacerlo manual es impresionante. Y el peso en términos generales es lo de menos. Más puede pesar una imagen que el framework. Para lo que más uso el framework. La parte de java script. Aunque se programar aveces es tedioso tener que hacer pantallas modals o menús desplegables. Etc. Boostrap lo hace colocando poco menos de una línea de código. Que no me gusta de boostrap ? Que trabaja con jquery. Del resto sin quejas. Es flexible fácil de aprender y cuando eres freelancer el tiempo es oro.

[@toma1610]

¿Y qué tiene de malo que trabaje con jQuery? Sé que ya está en decadencia, pero su facilidad y estabilidad hasta ahora sigue siendo única.

[@ramosaparicioerickgiancarl2824]

@@toma1610 no es que sea malo es que es gran parte jQuery es obsoleto osea es como cargar una mochila con piedras y sólo usar un lápiz Es mejor sólo cargar el lápiz y punto JS hace lo mismo que jQuery pero de forma nativa(sin la mochila) Css hace lo mismo que Boostrap pero de forma nativa (sin la mochila) Investiga sobre las áreas en grid te va a explotar la cabeza es como es sistema de grid-boostrap pero sin Row , pueden ser más de 12 o menos de 12 columnas pueden ser filas columnas y sin estar repitiendo Row Y lo mejor sólo con 4 líneas de código y sin cargar esa mochila llena de piedras

[@tonsofcode2478]

@@ramosaparicioerickgiancarl2824 jQuery si bien es algo viejo, sigue siendo totalmente util igual que el bootstrap, solo que hay muchos puristas que se niegan a utilizarlos porque piensan "Para que voy a usar eso si lo puedo hacer con css nativo y vanilla js". Sencillamente tu punto no tiene sentido, es cuestión de subjetividad a la hora de sentirse cómodo usando un api o framework.

[@ARMANDOMURILLOG]

La nueva versión va a venir sin jquery

[@seyfergames9733]

@@tonsofcode2478 hay que recordar que Jquery fue una solucion muy util cuando JS era muy pobre aun, al dia de hoy JS por si solo hace las cosas de forma mas facil que JQuery y con codigo mas limpio, agil y optimizado(esto ultimo depende del desarrollador claro esta)

[@aldanahern]

Diciembre 202 ya casi no se ven anuncios de ofertas laborales pidiendo Bootstrap como requisito ¡Grande Dorian!

[@cristinacarrascoangulo]

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.

[@chinoxiox]

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.

[@enriqueruiz320]

Buen punto, sobre todo para aquellos que damos mantenimiento a las aplicaciones de otros y éstas no tienen ni pies ni cabeza

[@MrBudin2012]

La idea de Bootstrap es para trabajo en equipo para que todos puedan trabajar sin generar un tallarin de codigo. Saludos

[@emmanaorg8836]

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 $$$

[@toma1610]

Conéctalo por CDN y ahorras recursos.

[@omarbarra3456]

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.

[@chelorockertrimal]

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

[@getseneko7004]

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.

[@lucianobv007]

Siendo un principante, te agradezco mucho el video!

[@xisoka1222]

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

[@MrEzeedge]

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

[@soran2290]

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

[@wilianestali6341]

Hola,me puedes enviar el link de grid en GitHub!! gracias.

[@benjamindomador1074]

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 )

[@toma1610]

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.

[@borjafelipe]

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

[@mauriciorojas5285]

@Gustavo Chura Alay Bootstrap te da la oportunidad de crear tus propios estilos también

[@jodedordefeno1608]

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?

[@wilberjosematusgonzalez1221]

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.

[@claugardenes1974]

estudia bien flexbox y grid, sobre todo grid, y segui usando las clases de css puro

[@kennymerino6558]

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?

[@ivanabreu5010]

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.

[@jeysonramos1418]

Gracias por el video amigo. Me encantaria saber la opinion que teienes jquery gracias maestro.!

[@DorianDesings]

kzbin.info/www/bejne/b5PYqXaPodJsiK8

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

[@toma1610]

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.

[@Nebillle]

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

[@g2.electrohouse]

Yo estoy empezando y con CSS no puedo hacer mucho, soy medio lelo voy a tratar de usar menos Bootstrap

[@oxk4r01]

Qué frameworks de CSS recomendarías?

[@JamLightman]

Ninguno.

[@jorgeyanez8804]

Que bueno ver a alguien con un poco de sensatez en el desarrollo web, gracias!

[@gos5955]

Si las empresas lo piden hay que aprenderlo papu. corta.

[@theargento7216]

Que significa mignificado

[@theargento7216]

1:53

[@theargento7216]

ah ya encontre el significado. MINIFICADO: Que el codigo no tengas salto de linea, ni sangria, ni ningun otro espacio en blanco, agilizando la carga de la pagina web.

[@gosudev]

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

[@carlosdanieldelacruzmorale9818]

Pues, CSS ya tiene por defecto propiedades tanto de flexbox como de grid

[@lenin_inzunza]

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.

[@tonsofcode2478]

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.

[@saurion]

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.

[@batman68477]

Lo único que utilizo son los botones

[@bernipalomino55]

Si es cierto lo que dicen aquí uno que va empezando es muy difícil entender todo el código en Bootstrap

[@josemanuelfernadezmateran699]

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.

[@DorianDesings]

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

[@josemanuelfernadezmateran699]

@@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.

[@DorianDesings]

@@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!

[@josemanuelfernadezmateran699]

@@DorianDesings saludos bien recibidos.Nos escribimos en otro video jejejeje

[@frankcasanova2132]

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.

[@wilsonandresosoriom8217]

Me identifico mucho con tu postura, talvez trabajar con CSS requiera de un mayor esfuerzo, pero a la larga lo vas a agradecer.

[@nixcco2310]

Yo: estuviste despierto toda la noche leyendo comentarios Also me: creo que estoy ciego

[@yormian]

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

[@AlejoRomero69]

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.

[@DienerNoUta]

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?

[@torrecelli2]

Create una hoja css extra, evitas colocar important, y a los div sueltos ponele clases ... fin del problema aguante boostrap

[@toma1610]

A propósito, el archivo CSS original de Bootstrap tiene no sé cuántos !important, pero ahí... funciona perfecto.

[@CO_Legend]

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...

[@boodofangel]

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

[@abstractlym8320]

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.

[@weekendvideo7056]

2023 Es el Frame Work HTML, CSS y JavaScript más usado!

[@Cod3f1re]

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.

[@cable123]

Yo utilizo bootstrap-table para representar tablas son muy útiles y me ahorran muchos quebraderos de cabeza

[@ElektroEvilTVStore]

Estas comparando mal el peso, usando 1 solo cuadro. NO creo que alguien implemente Boot solo para eso.

[@CarlosEnriqueBuffaloBleed]

te sorprenderias :/

[@fernandopoveda5485]

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.

[@DienerNoUta]

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

[@jonathanbatres8773]

Será una buena idea NO usar frameworks CSS en 2019?

[@carlos126q]

Yo trabajo sin frameworks, llevo 3 meses , css puro y entiendo todo mi codigo

[@cristianfernando2951]

que theme de vscode usas? saludos

[@DorianDesings]

kzbin.info/www/bejne/gWPEcnavo6msgK8

[@keybor97]

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.

[@delacror]

Bootstrap tengo entendido para hacer paginas responsivas, estas analizando un codigo como tu dices que lo puedes hacer a tu manera, pero tu pagina es reponsiva? los componentes se acomodan en la pantalla de un movil?

[@CarlosEnriqueBuffaloBleed]

css grid soluciona muchos esos problemas, y mientras tus contenedores sean relativos, el responsive no tendria que ser problema

[@luissanchez-mw2sd]

amigo entonces en un editor de codigo puedo hacerlo escribiendo yo mismo el código sin usar ningun tipo de bootstrap y no tendre ningún problema en otras cosas?

[@DorianDesings]

Exacto, css existe antes de cualquier framework. En el canal tienes un curso entero de cómo escribir css correcto y sin problemas. Un saludo!!

[@luissanchez-mw2sd]

@@DorianDesings gracias amigo genial !

[@geranjian1]

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.

[@CO_Legend]

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...

[@santyjoell]

Te acabas de ganar un suscriptor hermano! 💪

[@mikehurtado4772]

No uses jQuery. Se consecuente y montate el código a pedal

[@mikehurtado4772]

@@toma1610 Si ves el video detalladamente comprenderás mi comentario. O el "se consecuente" está ahí para decorar?

[@alecipolatti]

Qué tema usas en VS Code?

[@DorianDesings]

Voy variando, los cojo de vscodethemes.com

[@fernandopoveda9861]

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...

[@zabax]

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.

[@enriquepereira5918]

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.

[@raulfg]

Esta es tu opinión sobre bootstrap? Solo has dicho que tiene 1600 important y que ocupa 160kb???? El resto es un analisis de un html que solo pretende mostrar el uso de los contenedores.... es como considerar un error comprar un coche porque las fotos del catálogo están mal encuadradas, dejando a un lado sus características. Es mi humilde opinión.

[@agentsmith2189]

Cual es el video que hiciste después de este... una pagina simple hecho con puro ccs escrito por ti ?

[@mauriciomonaca5252]

Para ti hay frameworks mejores con menos peso?

[@hippie6069]

Por supuesto, materialize

[@marcosMartinez-wm7bd]

EXCELENTE!

[@jhonnysan6688]

Que framework de estilos recomiendas??

[@DorianDesings]

Pregunta complicada, no utilizo frameworks casi nunca, prefiero escribir mi propio CSS, si no tengo alternativa uso el que tenga el proyecto en el que esté trabajando.

[@KmeOst]

Yo le veo mejor hacer un código Css propio, no fuí ágil para entender boostrap, lo veo mejor por cuenta propia.

[@javierquiroga6774]

Pero excelente punto a considerar

[@lordsithelement]

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

[@wilsonandresosoriom8217]

Para existen los sistemas de diseño.

[@osmeig6025]

Impecable! Genio!

[@DorianDesings]

Muchas gracias!!

[@3Designer_col]

jajaja creo que el adjetivo genio los has devualuado niveles insospechados