Foundation comienza como un proyecto de ZURB para desarrollar código de interfaz de usuario más confiable y veloz. En octubre 2011, ZURB ofreció Foundation 2.0 como open source bajo licencia de MIT License. En junio 2012 ZURB ofreció una revisión importante, Foundation 3.0. En febrero 2013 ZURB liberó otra actualización importante, Foundation 4.0. En noviembre 2013 ZURB liberó otra actualización importante, Foundation 5.0. Actualmente e está revisando la próxima versión de Foundation prevista para primavera de 2.015, foundation para Email fue liberado en septiembre del 2013. Foundation para Aplicaciones fue liberado en diciembre del 2014.
Foundation se pensó y fue probado para numerosos dispositivos y navegadores. Tiene el honor de ser el precursor framework mobile first responsive basado en Sass/SCSS reportando buenas sensacionesa los desarrolladores para el diseño rápido. El framework añade las estructuras necesarias más normales, maquetando un sitio responsive rápidamente. Mediante Sass mixins, las bases de Foundation son sumamente sencillos de entender.
A partir de la versión 2.0 se soporta el diseño responsive.con la consecuencia de que el diseño gráfico de las páginas webs se ajusta de forma dinámica, en función de las características del terminal de uso (PC, tablet, mobile phone). Será, desde 4.0 cuando tomó un enfoque mobile-first, diseñando y desarrollando en primer lugar para terminales móviles, mejorando los sitios web y apps para pantallas más grandes. Foundation es open source y está disponible en Github. Las especiales características del proyecto animan a los desarrolladores a colaborar y a contribuir a la mejora continua de la plataforma.
características
Foundation es modular lo que conlleva que sean básicamente una serie de hojas de estilo Sass que implementan los diferentes componentes de la caja de herramientas. Estas hojas de estilo pueden ser añadidas a través de Sass o a través de la personalización de la primera descarga de Foundation. De esta manera los desarrolladores adaptan el archivo de Foundation en sí, eligiendo los componentes que se desean utilizar en su proyecto. Esta selección de componentes se hace mediante una hoja de estilos central de configuración. Si optamos por realizar cambios más profundos habría que modificar las variables de Sass. Las variables del lenguaje de las hojas de estilo Sass permite el uso de funciones y operadores, selectores anidados, así como los llamados mixins. A partir de la versión 3.0, la configuración de Foundation añade una opción especial Personaliza en la documentación. No obstante, los desarrolladores usan un formulario en el que eligen los componentes deseados y afinar, si lo creen conveniente, los valores de las distintas variables a sus necesidades. El paquete generado a posteriori incluye la hoja de estilos CSS pre diseñada.
¿Cuales son los sitios que utiliza foundation?
Mozilla Developer Network (MDN):
• MDN es una plataforma de recursos para desarrolladores web que ofrece documentación sobre tecnologías web como HTML, CSS, JavaScript y más. Utiliza Foundation para su interfaz de usuario.
• Implementación: MDN utiliza Foundation para su diseño responsivo y la disposición de sus elementos en diferentes dispositivos. Esto se puede observar en cómo se ajusta la disposición de la página cuando cambias el tamaño de la ventana del navegador o accedes desde dispositivos móviles.
National Geographic
• National Geographic es conocido por su contenido visualmente impactante sobre la naturaleza, la ciencia y la cultura. Su sitio web también utiliza Foundation.
• Implementación: National Geographic hace un uso extensivo de Foundation para garantizar que su sitio web sea accesible y atractivo en una amplia gama de dispositivos y tamaños de pantalla. Esto incluye la disposición de elementos como imágenes, texto y navegación, así como la adaptación de estilos para diferentes resoluciones y dispositivos.
Opinion de Foundation
El Framework de Foundation es un conjunto de herramientas y componentes de diseño desarrollado por Apple el cual facilita la creación de aplicaciones para sus dispositivos, como iPhone, iPad y Mac. Este proporciona una base sólida para el desarrollo de interfaces de usuario consistentes y atractivas, así como funcionalidades esenciales para la construcción de aplicaciones iOS y macOS.
De igual manera Foundation incluye una amplia variedad de clases y funciones que abarcan desde manejo de datos hasta gestión de archivos, comunicación en red, programación concurrente y más.
Este framework promueve las mejores prácticas de diseño y desarrollo, facilitando la creación de aplicaciones con una apariencia y funcionalidad coherentes en el ecosistema de productos de Apple. Además, Foundation proporciona soporte para características esenciales como internacionalización, manejo de fechas y horas, persistencia de datos, entre otros, lo que ayuda a los desarrolladores a construir aplicaciones robustas y de alta calidad.
Symfony
Symfony es un framework muy completo, que está diseñado para optimizar el desarrollo de aplicaciones web. Este framework separa la lógica del negocio, la lógica del servidor y la presentación de la aplicación web. También mediante el uso de varias herramientas reduce el tiempo de desarrollo de una aplicación web compleja. A parte de esto, para el desarrollador supone una gran ventaja su uso, ya que al automatizar las tareas más comunes, dicho desarrollador puede dedicarse por completo a los aspectos específicos de cada aplicación. Symfony está completamente desarrollado en PHP y es compatible con la mayoría de gestores de base de datos, y además se puede ejecutar tanto en plataformas nix, como pueden ser Linux o Unix, como en plataformas Windows.
características
• Se puede instalar en cualquier sistema operativo, pero tenemos que decirte que funcionará mejor en Windows, porque se le sacará más partido. Aun así, puedes utilizarlo con el que quieras, incluso con Linux.
• Además, se instala de manera muy sencilla. Además, se puede configurar muy rápidamente. En nada puedes estar desarrollando.
• Es muy intuitivo su manejo. Es una de las razones por las que es habitualmente utilizado por desarrolladores principiantes. Pero los más expertos también la utilizan por su profesionalidad.
• Hay muy poco código, y de esa forma el trabajo se optimiza. De hecho, se genera automáticamente el código. Se optimiza porque pierdes menos tiempo, por lo tanto, utilizas menos recursos.
• Incluye una capa de internacionalización para la traducción del texto de la interfaz, los datos y el contenido de localización.
• La presentación usa templates y layouts, que pueden ser creados por diseñadores de HTML que no posean conocimientos del framework.
• Los formularios soportan la validación automática, para asegurar una mejor calidad de los datos de la base de datos.
• La gestión de la caché reduce el ancho de banda utilizado y la carga del servidor.
• La autenticación y la gestión de credenciales simplifican la creación de secciones restringidas y la gestión de seguridad de usuario.
¿Cuales son los sitios que utilizan Symfony?
BLABLACAR
Blablacar es una plataforma de viajes compartidos que conecta a conductores con asientos libres en sus automóviles con pasajeros que buscan un viaje.
Blablacar utiliza Symfony como parte de su arquitectura de backend para gestionar todas las funcionalidades de su plataforma web. Symfony se emplea para desarrollar y mantener las API, gestionar las interacciones con la base de datos, manejar la autenticación de usuarios y proporcionar un marco robusto para la lógica del negocio.
algunos de sus componenentes con Symfony son: Doctrine ORM para el mapeo objeto-relacional, Symfony Routing para manejar las rutas de URL, Symfony Forms para la validación y procesamiento de formularios, y Symfony Security para la autenticación y autorización de usuarios.
SPOTIFY
Spotify, el popular servicio de streaming de música, utiliza Symfony en su plataforma web. Symfony se emplea en varios aspectos de su infraestructura, desde la gestión de usuarios y la autenticación hasta el manejo de las solicitudes HTTP y la lógica de negocios. Spotify aprovecha las características de Symfony como la modularidad y la reutilización de componentes para construir una aplicación web escalable y fácil de mantener
Opinion de Symfony
Symfony es un framework de desarrollo web en PHP que sigue el patrón de diseño Modelo-Vista-Controlador (MVC). El cual Fue creado para facilitar la creación y mantenimiento de aplicaciones web robustas y escalables. Symfony proporciona un conjunto de componentes reutilizables y un ecosistema de herramientas que agilizan el desarrollo. Entre ellos algunas de sus características incluyen sus componentes reutilizables del cual está construido sobre un conjunto de más de 30 componentes independientes, que pueden ser utilizados de manera individual en proyectos PHP independientes. El MVC: Que nos da a entender que adopta el patrón de diseño Modelo-Vista-Controlador, lo que facilita la separación de la lógica de negocio, la presentación y la gestión de solicitudes. Y por último de las Pruebas Automatizadas el cual Symfony fomenta las pruebas automatizadas mediante el uso de herramientas como PHPUnit, lo que facilita la creación y mantenimiento de código confiable y de alta calidad.
Symfony es ampliamente utilizado en la comunidad de desarrollo web PHP y ha sido adoptado en numerosos proyectos de diferentes escalas. Su flexibilidad, extensibilidad y enfoque en las mejores prácticas de desarrollo hacen que sea una opción popular para desarrolladores que buscan una base sólida para sus aplicaciones web.
REACT
React es una biblioteca de JavaScript desarrollada por Facebook que se utiliza para construir interfaces de usuario interactivas y eficientes. Se centra en la creación de interfaces de usuario declarativas, lo que significa que se describe cómo debería lucir la interfaz en un estado determinado y React se encarga de actualizar automáticamente la interfaz cuando los datos cambian.
React se ha vuelto muy popular en el desarrollo web debido a su enfoque en la construcción de interfaces de usuario eficientes y su flexibilidad para trabajar con otras tecnologías y bibliotecas.
características
• Componentes: React organiza la interfaz de usuario en componentes reutilizables, que pueden ser de distinto tipo y tamaño. De esta forma, se facilita la modularidad del código, simplificando la construcción y el mantenimiento de las aplicaciones, ya que cada componente se puede desarrollar y probar de forma aislada antes de integrarlo en el desarrollo final.
• Estados y Desarrollo Declarativo: React permite al desarrollador describir cómo debe verse la interfaz dependiendo del estado de la aplicación. De este modo, cuando un componente cambia de estado, React hace un seguimiento de esos cambios y actualiza la interfaz de usuario para que aparezca acorde al nuevo estado. Esto, además de simplificar la gestión del estado, implica que la interfaz siempre estará sincronizada y actualizada con los datos de la aplicación.
• Virtual DOM: React aplica las modificaciones primero en una representación virtual del DOM, de forma que posteriormente solo se apliquen al DOM real los cambios necesarios. Así, se reduce la carga en el navegador y se optimiza el rendimiento.
• JSX: React utiliza JSX (JavaScript XML), que permite escribir código que se asemeja al marcado HTML. Gracias a ello, la creación de componentes se simplifica y mejora su legibilidad.
• Unidireccionalidad de datos: esto significa que los datos solo fluyen en una dirección a través de la aplicación. Esto facilita el seguimiento y el mantenimiento, con lo que se consigue un código más predecible y fácil de depurar.
• Herramientas complementarias: React cuenta con numerosas opciones de herramientas y bibliotecas, de entre las que destacamos Redux, que facilitan y agilizan el desarrollo de plataformas en React.
¿Cuales son los sitios que utiliza REACT?
NETFLIX
Netflix es otro ejemplo de un sitio web que utiliza React en su desarrollo. Esta emplea React principalmente en su interfaz de usuario, permitiendo una experiencia de navegación suave y rápida. Utilizan React para renderizar listas de películas y programas de televisión, así como para manejar la reproducción de video de manera eficiente. Netflix también combina React con otras tecnologías, como Redux, para administrar el estado de la aplicación de manera efectiva y proporcionar una experiencia personalizada a sus usuarios.
INSTAGRAM
Instagram, propiedad de Facebook, también utiliza React en su desarrollo web. Al igual que Facebook, Instagram se beneficia de la capacidad de React para crear interfaces de usuario interactivas y rápidas. React permite a los desarrolladores de Instagram gestionar eficientemente la visualización de imágenes, comentarios y notificaciones en tiempo real. Además, React facilita la creación de componentes modulares que se pueden reutilizar en diferentes partes de la aplicación.
Opinion de REACT
El desarrollo web con React (creada por Facebook) ha demostrado ser una elección sólida y eficiente para la creación de aplicaciones interactivas y de una sola página. El cual su enfoque en componentes reutilizables y su capacidad para gestionar el estado de manera efectiva, ha simplificado el proceso de construcción de interfaces de usuario dinámicas. La arquitectura basada en componentes facilita la mantenibilidad del código y permite un desarrollo más modular. Además, la virtualización del DOM y el uso del modelo de programación declarativa han mejorado significativamente el rendimiento de las aplicaciones React. La comunidad activa y el ecosistema de herramientas y bibliotecas que rodean a React proporcionan un soporte robusto y continuo, facilitando la resolución de problemas y la implementación de nuevas características y finalmente el desarrollo web React ofrece una combinación poderosa de eficiencia, rendimiento y escalabilidad, convirtiéndolo en una opción popular para proyectos web modernos.
