Framework web

Bootstrap

img Bootstrap

Caracteristicas

Bootstrap es un popular framework de front-end que proporciona una serie de características y componentes predefinidos para facilitar el desarrollo web. Combina los lenguajes de programación CSS y JavaScript para estilizar los elementos de una página HTML. Por eso, ofrece muchas más funcionalidades que, simplemente, cambiar la forma y el color de botones y enlaces. Bootstrap destaca por las siguientes características:

Interectividad

Bootstrap ofrece una gran interactividad en la página, gracias a una serie de componentes que facilitan la interacción con el usuario, como menús de navegación, barras de progreso y controles de página.

Diseño

El objetivo principal de este framework es construir sitios web responsive para dispositivos móviles. De una forma muy sencilla y organizada, permite diseñar páginas especialmente adaptadas para funcionar en smartphones, tablets y desktop.

Biblioteca de componentes

Otra interesante función de Bootstrap es la cantidad de componentes que ofrece para mejorar la comunicación con el usuario: diferentes tipos de alerta; carrusel de diapositivas para facilitar la visualización de imágenes; y una barra de navegación que permite múltiples configuraciones.

Bootstrap.CSS

Contiene los estilos de los diferentes elementos de Bootstrap. Para utilizarlos o modificarlos, los programadores tan solo tienen que hacer referencia al componente que deseen.

Bootstrap.js

Contiene la lógica de funcionamiento del framework y es el responsable de la interactividad del sitio web. También, es el encargado de reinterpretar el diseño según el tamaño de la pantalla de cada usuario.

Glyphicons

Proporciona una galería de iconos gratuitos que los desarrolladores pueden utilizar, aunque también se pueden descargar iconos adicionales premium.

2 Ejemplos de sitios que lo usan

Prezi

Prezi es una empresa de software para presentaciones que ofrece una alternativa única e interactiva a las diapositivas tradicionales. El sitio web presenta un diseño limpio y moderno, mostrando eficazmente sus características y ventajas.

Mahara

Mahara es una plataforma de Portfolio de código abierto que permite a los usuarios crear y gestionar sus portafolios digitales. El sitio web presenta un diseño limpio y sencillo, que presenta eficazmente sus funciones y los recursos de la comunidad.

Opinion del Framework

Botstrap es una herramienta muy poderosa que puede acelerar el diseño web al proporcionarnos componetnes y estilos que nos permite crear sitios web atractivos y responsivo de manera rapida

Laravel

img Bootstrap

Caracteristicas

Es un framework PHP multiplataforma muy útil para crear aplicaciones web. Es de código abierto y tiene todas las herramientas que encontrarías en frameworks PHP como CodeIgniter y Yii

Con su rendimiento, escalabilidad y funcionalidad, Laravel es la mejor opción tanto para proyectos pequeños como grandes. Tiene un gran rendimiento, características impresionantes, y puede escalar como un campeón

Laravel incluye varias características esenciales incorporadas que permiten a los desarrolladores crear aplicaciones web. Estas son las características que los desarrolladores PHP adoran de Laravel:

Arquitectura MVC

Laravel adopta el patrón arquitectónico MVC (Modelo-Vista-Controlador), que aporta estructura y escalabilidad al desarrollo de aplicaciones web. Con MVC, los desarrolladores pueden crear bases de código bien organizadas y mantenibles para aplicaciones de cualquier tamaño.

Laravel permite un desarrollo eficiente. Varios desarrolladores pueden trabajar simultáneamente en diferentes componentes (vistas y controladores), lo que agiliza el proceso de desarrollo. El framework también soporta múltiples vistas para un modelo y asegura que la duplicación de código se minimiza mediante la separación de la lógica de negocio de la lógica de presentación.

Autenticación y autorización

El framework proporciona un andamiaje de autenticación integrado, funcionalidad de restablecimiento de contraseñas y compatibilidad perfecta con permisos basados en roles y control de acceso.

Interfaz de línea de comandos (CLI) de Artisan

es una herramienta integrada de línea de comandos diseñada para manejar tareas de programación repetitivas que de otro modo requerirían intervención manual.

Con la ayuda de Artisan CLI de Laravel, el desarrollo web se convierte en un juego de niños. Esta potente herramienta de línea de comandos ofrece características como la generación de código y la gestión eficiente de bases de datos, todo a sólo unos comandos de distancia

Mapeador Objeto-Relacional (ORM) Eloquent

El framework Laravel incluye Eloquent, un impresionante ORM que simplifica la gestión de bases de datos

Motor de plantillas Blade

Blade, el motor de plantillas PHP proporcionado por Laravel, es una valiosa herramienta para crear vistas dinámicas y reutilizables. Ofrece una serie de características, incluyendo la herencia de plantillas, estructuras de control, y la perfecta integración de código PHP dentro de HTML.

Bibliotecas orientadas a objetos

Su biblioteca de autenticación, por ejemplo, ofrece funciones como el restablecimiento de contraseñas, la supervisión activa de usuarios, el hashing Bcrypt y la protección CSRF. El framework también es modular y sigue los principios de PHP, lo que facilita a los desarrolladores la creación de aplicaciones modulares y con capacidad de respuesta.

2 Ejemplos de sitios que lo usan

Koel

Es un sistema diseñado para escuchar audio o música en streaming. Se considera un clon de Spotify en Laravel o Apple Music. No obstante, lo puedes alojar en tu propio servidor

Vuedo

Vuedo es un proyecto para crear blogs, al igual que Koel, se utiliza Vue para el frontend y Laravel para el backend.

Opinion del Framework

Este framework considero que es muy completo puesto que nos ofrece varios componentes para agilizar nuestro trabajo asi como ser escalable y consigo llegar a crear paginas web muy protedores. considero que este framework, combinado con botstrap seria muy bueno dado que podriamos crear una aplicacion web que pueda adaptarse en los distintos dispositivos inteligentes.

Angular

img Bootstrap

Caracteristicas

Angular es un framework de ingeniería de software de código abierto mantenido por Google, que sirve para desarrollar aplicaciones web de estilo Single Page Application (SPA) y Progressive Web App (PWA). Sirve tanto para versiones móviles como de escritorio.

Uso de DOM regular

Un Document Object Model (DOM) es un documento XML o HTML que tiene una estructura de árbol en la que cada nodo representa una parte del documento. Angular hace uso de DOM regular, lo que permite una mejor organización conforme avanza el desarrollo web.

Enlace de datos o data binding

El enlace de datos es un proceso con el que los usuarios pueden manipular elementos de una página web a través de un navegador. Entre sus principales ventajas es que no requiere secuencias de comandos ni programaciones complejas, además de que emplea HTML dinámico. También permite una mejora en la visualización de una página web, sobre todo cuando contiene una gran cantidad de datos.

Compatibilidad móvil y de escritorio

Como ya lo mencionamos anteriormente, Angular funciona tanto para el desarrollo de aplicaciones móviles como de escritorio. Esto también significa que puede ejecutarse en la mayoría de navegadores web.

Velocidad y rendimiento

Angular cuenta con código de generación que permite convertir tus plantillas en códigos altamente optimizados. Esto te ofrece todos los beneficios del código escrito a mano con la productividad de un marco.

Productividad

Angular permite la creación rápida de vistas de interfaz de usuarios con una sintaxis de plantilla muy sencilla y eficaz. Además, con sus herramientas de líneas de comandos puedes comenzar a construir en menor tiempo y agregar componentes, pruebas e implementaciones al instante.

Enlace bidireccional de datos

Angular enlaza JavaScript y HTML, y una de sus principales ventajas es que el código de ambos está sincronizado, lo que ahorra mucho tiempo para los desarrolladores web.

2 Ejemplos de sitios que lo usan

Google

es una compañía estadounidense fundada en septiembre de 1998 cuyo producto principal es un motor de búsqueda creado por Larry Page y Sergey Brin

Microsoft

es una compañía estadounidense vinculada al desarrollo, fabricación, entrega de licencias y respaldo de un amplio rango de productos de software y servicios para diferentes tipos de dispositivos computacionales.

Opinion del Framework

angular es un potente aliado para crear paginas web, por lo que optar por usarlo es una buena opcion. es una herramienta muy potente puesto que ofrece poder construir web robstas y escalables, tiene buen rendimeinto, esta optimizado, tiene soporte de google y su comunidad es muy activa.

Referencias https://fp.uoc.fje.edu/blog/que-es-bootstrap-y-cuales-son-sus-caracteristicas/ https://www.santanderopenacademy.com/es/blog/que-es-bootstrap.html https://www.startechup.com/es/blog/what-is-laravel/#The_Features_of_Laravel https://fullstackseries.com/proyectos-open-source-laravel-1/ https://www.latirus.com/blog/2021/08/06/top-7-1-proyectos-de-codigo-abierto-innovadores-realizados-con-laravel/ https://blog.hubspot.es/website/que-es-angular