Optimización del desarrollo Front-end aplicando frameworks de diseño web: Bootstrap, Foundation y Bulma

• Luis René Quisaguano Collaguazo ^[1] ; Alvaro Jesús Lasluisa Alajo ^[1] ; Liliana Maribel Oto Usuño ^[1] ; Gladys Geoconda Esquivel Paula ^[2]
  1. [1] Universidad Técnica de Cotopaxi

     Universidad Técnica de Cotopaxi

     Latacunga, Ecuador

     
  2. [2] Evolution Soft, Ecuador
• Localización: UTCiencia, ISSN-e 2602-8263, ISSN 1390-6909, Vol. 11, Nº. 1, 2024 (Ejemplar dedicado a: Abril 2024), págs. 17-31
• Idioma: español
• Títulos paralelos:
  • Front-end development optimization applying web design frameworks: Bootstrap, Foundation and Bulma
• Enlaces
  • Texto completo
• Resumen
  • español

    El presente trabajo de investigación explora la relevancia de los frameworks front-end en el proceso de desarrollo web actual, centrándose en tres de las opciones más populares: Bootstrap, Foundation y Bulma. Se evidencia la creciente demanda de interfaces web atractivas y responsivas, lo que demanda la adopción de estos frameworks en el diseño de interfaces gráficas de usuario en ambiente web. Cada uno de los frameworks seleccionados para el estudio proporcionan herramientas y componentes predefinidos para agilizar el proceso de desarrollo web. La metodología empleada se basa en una revisión exhaustiva de fuentes bibliográficas para analizar las características, ventajas y desventajas de cada framework, enfocándose en aspectos como rendimiento, eficiencia, escalabilidad y mantenibilidad. Los resultados comparativos revelan que Bootstrap destaca por su amplia documentación y variedad de componentes, lo que lo hace idóneo para una implementación rápida de aplicaciones web. Por otro lado, Foundation se distingue por su flexibilidad y capacidad de personalización, mientras que Bulma sobresale por su ligereza y modularidad. Se concluye que la elección entre estos frameworks depende de las necesidades específicas del proyecto, aunque las tres opciones ofrecen soluciones eficaces para optimizar el desarrollo front-end y mejorar la experiencia de usuario (UX) en aplicaciones web modernas.

  • English

    The present research explores the relevance of front-end frameworks in the current web development process, focusing on three of the most popular options: Bootstrap, Foundation, and Bulma. The increasing demand for attractive and responsive web interfaces highlights the need for adopting these frameworks in the design of user interfaces in the web environment. Each of the selected frameworks provides tools and predefined components to streamline the web development process. The methodology relies on a comprehensive review of bibliographic sources to analyze the characteristics, advantages, and disadvantages of each framework, focusing on aspects such as performance, efficiency, scalability, and maintainability. Comparative results reveal that Bootstrap stands out for its extensive documentation and variety of components, making it suitable for rapid implementation of web applications. On the other hand, Foundation is distinguished by its flexibility and customization capabilities, while Bulma excels in its lightweight nature and modularity. It is concluded that the choice between these frameworks depends on the specific project needs, although all three options offer effective solutions to optimize front-end development and enhance user experience (UX) in modern web applications.