Framework

¿Que  es un framework?

es un conjunto estandarizado de conceptos, prácticas y criterios para enfocar un tipo de problemática particular que sirve como referencia, para enfrentar y resolver nuevos problemas de índole similar.

En el desarrollo de software, un entorno de trabajo es una estructura conceptual y tecnológica de asistencia definida, normalmente, con artefactos o módulos concretos de software, que puede servir de base para la organización y desarrollo de software. Típicamente, puede incluir soporte de programas, bibliotecas, y un lenguaje interpretado, entre otras herramientas, para así ayudar a desarrollar y unir los diferentes componentes de un proyecto.

Ventajas de utilizar Framework

• El programador no necesita plantearse una estructura global de la aplicación, sino que el framework le proporciona un esqueleto que hay que “rellenar”.
• Facilita la colaboración. Cualquiera que haya tenido que “pelearse” con el código fuente de otro programador (¡o incluso con el propio, pasado algún tiempo!) sabrá lo difícil que es entenderlo y modificarlo; por tanto, todo lo que sea definir y estandarizar va a ahorrar tiempo y trabajo a los desarrollos colaborativos.
• Es más fácil encontrar herramientas (utilidades, librerías) adaptadas al framework concreto para facilitar el desarrollo.

Desventajas de utilizar framework:

• Limita tu libertad
• Añade código extra
• Te fuerza a usar la semántica propia de la framework
• No son aptas para todos los proyectos

Frameworks CSS mas usados:

• Bootstrap
• Fundation
• Bulma
• Ulkit
• Semantic UI

Boostrap

Facilita la creación de paginas web con CSS y Javascript y su principal característica es que posee un diseño adaptivo (responsive design) lo cual permite que nuestro proyecto se adapte automáticamente al dispositivo desde el cual el usuario accede, contiene varios elementos predefinidos como botones, menus desplegables etc que pueden ser utilizados en cualquier pagina.

Ventajas del uso de Bootstrap:

• Integracion de HTML5 y CSS3 que permite que el desarrollo web sea mas ligero y flexible logrando resultados mas satisfactorios y ventajosos.
• Maneja diversos componentes y lenguajes como HTML5, CSS, OOCSS, jQuery UI, GitHUb y LESS.
• Contiene el Grid system el cual incluye 12 columnas fijas o fluidas. Partiendo si tu diseño sera responsivo  no, desarrollándola de una forma mas intuitiva.
• Esta orientado hacia le concepto Mobile First (Diseñar pensando en los moviles primero)

Materialize

Materialize CSS es un framework que hace más fácil el proceso de creación de diseño web. Es un framework moderno y responsivo que se basa en Material Design. Tiene muchos componentes y clases predefinidas, para hacer uso de ellas mucho fácilmente.Aumenta el ritmo de desarrollo.

Ritmo de desarrollo
Materialize cuenta con componenetes personalizados con unos estilos por defecto, que se pueden manejar fácilmente para generar animaciones y ciertas transiciones, de tal manera que para el desarrollador web es mucho más fácil hacer su tarea de diseño web.

Pure CSS