¿Hay algún beneficio en codificar un sitio web desde cero frente a usar un marco como bootstrap? ¿Cuáles son las ventajas y desventajas?

¿Por qué reinventar la rueda? Utilice cualquier marco o herramienta que le facilitará las cosas. A menos que tenga necesidades personalizadas que no se puedan resolver utilizando un marco existente, siempre debe evitar hacer las cosas desde cero. Los futuros empleadores están más interesados ​​en la rapidez con la que puede publicar un código de calidad en lugar de si hizo o no todo desde cero.

Como mencionas específicamente Bootstrap, voy a asumir que principalmente estás haciendo diseño web. Trabajo para una empresa que hace diseños de alta gama y casi siempre usamos Bootstrap. Tengo que decir que los diseñadores en estos días lo han hecho. Cuando comencé a trabajar en el diseño web a principios de la década de 2000, tenía que resolver todas las peculiaridades del navegador por su cuenta, y no puedo comenzar a decirle qué pesadilla puede ser. Bootstrap generalmente elimina gran parte de la magia manual de CSS requerida para obtener la comparación entre navegadores. A menos que tenga un diseño complejo que no se puede lograr con Bootstrap, solo ahorre tiempo y use Bootstrap. Además, la experiencia Bootstrap se está convirtiendo rápidamente en una habilidad obligatoria en el mundo del diseño web, por lo que si bien puede ser bueno hacer algo desde cero, generalmente será mejor utilizar herramientas como Bootstrap.

Supuse que, desde cero, te refieres a usar java-script, jquery y todo, en resumen, sin ningún código listo.

Tomemos un ejemplo

Actualmente estás en Mumbai, quieres ir a Delhi. Tienes muchas opciones como ir a pie, en moto, en coche, en tren, en avión. Ya sabes que si tomas un vuelo llegarás más rápido y caminarás mucho tiempo y también te cansarás.

Pero aquí la ventaja de caminar es que recordará todo lo que ve, como cada calle por la que pasa, diferentes personas, restaurantes, hoteles. En resumen, sabrá todo sobre cómo ir a Delhi desde Mumbai, qué tipo de personas encuentra, cuál es un buen hotel, cuál es un buen restaurante, etc. Si alguien viene a usted y le pregunta sobre cualquier cosa que sea relacionado con esta ruta definitivamente puede responder con buenos detalles. Pero nuevamente tomará una gran cantidad de tiempo, requiere paciencia.

Ahora, en segundo lugar, si viaja en avión, no sabe de qué ruta se dirige, no tendrá la oportunidad de comer en ninguno de los restaurantes que se encuentran en el medio, no tendrá la oportunidad de hablar con diferentes personas y muchas oportunidades que perderá si toma un vuelo. Pero llegarás a Delhi en muy poco tiempo, y hasta esta hora caminando no habrías cubierto entre 20 y 30 km.

Point is framework proporciona casi todas las características necesarias para desarrollar un buen sitio web, y es más flexible y tiene que escribir muy pocas líneas de código. Pero la desventaja aquí es que solo puede implementar las características que proporcionan, por lo que estará en un límite y no sabrá lo que está sucediendo en segundo plano.

Desarrollar un sitio sin framework realmente apesta, quiero decir que tienes que aprender cada cosa y escribir un código enorme que framework hace en pocas líneas, pero la ventaja aquí es que sabes lo que está sucediendo en segundo plano, te enfrentas a errores que hacen Usted se siente frustrado pero frustrado mientras la programación es necesaria, porque cuando depure ese código recordará ese problema (y también la solución) toda su vida. Eventualmente, este tipo de experiencias lo convertirá en un experto en el mundo web.

Por lo tanto, para fines de aprendizaje, recomendaría desarrollar un sitio sin usar ningún marco, y si encuentra alguna dificultad, Stack Overflow siempre estará allí para usted, en cualquier momento y en cualquier lugar.

Pero si eres profesional o no tienes mucho tiempo, bueno, no me dejaste otra opción, ¡elige el marco!

Siguiendo su pregunta, me parece que acaba de ingresar al desarrollo web.

Entonces, desde el punto de vista de un principiante, no ir con bootstrap y otros marcos te brinda una experiencia de aprendizaje, por lo que realmente entiendes lo que está sucediendo en el fondo de los marcos. Por lo tanto, es mejor prescindir de ellos solo si quieres aprender cómo funcionan las cosas.

Sin embargo, si está desarrollando un producto, le recomiendo que los use, ya que se utilizan a nivel profesional y será útil adquirir experiencia con ellos mientras trabaja en otros proyectos. También conoce los diversos consejos y trucos para solucionar varios errores en estos marcos (aunque no encuentra ningún problema como tal la mayor parte del tiempo).

En cuanto a las ventajas de usarlos, en realidad no es mucho más que ahorrar mucho tiempo que habría invertido en reinventar la rueda y ahora puede utilizarlo en otro lugar.
La única desventaja de usarlos es que no podrás entender adecuadamente lo que hay debajo del capó. Pero si está familiarizado con cómo funciona, este punto no se aplica a usted.

¡Todo lo mejor!

He creado dos marcos front-end hasta ahora:

  • Syonet Bootstrap: utilizado en Syonet para nuestro CRM, está documentado en portugués. Necesitábamos ser compatibles con nuestro código existente.
  • Frontkit: para mis propios proyectos personales. Me gustó Angular y no me gustó Twitter Bootstrap.

Me llevó mucho trabajo encontrar esos marcos, pero como resultado, obtuve una comprensión muy profunda de varias características CSS y DOM que no obtendría de otra manera.

Si usé Twitter Bootstrap desde el principio en ambos casos, probablemente no sabría cómo trabajar con el DOM sin jQuery, por ejemplo. Me costaría crear una grilla CSS simple.
Sin embargo, mi trabajo se haría mucho antes.

Otra ventaja de usar Twitter Bootstrap es que tienes una comunidad realmente grande lista para brindarte una gran variedad de complementos, y esto es lo que he estado buscando últimamente.
Es muy difícil oponerse a este punto, incluso si utiliza otro marco bastante popular como la interfaz de usuario semántica o la Fundación.

Una de las ventajas de crear un sitio web desde cero es que puedes personalizarlo todo lo que puedas pero luego depende de lo hábil que seas. Tomo alrededor de una semana para elaborar el marco, conozco a un colega mío que puede elaborarlo en 2 días. La desventaja es el tiempo necesario para desarrollarlo. Por lo tanto, la gran ventaja de usar un marco listo es el tiempo. Pero el revés es que necesita poder comprender los códigos porque cada uno codifica de manera diferente. 🙂 Todo lo mejor. 🙂