Web Responsivo
HTML5 Boilerplate
1 Definicion
Es un conjunto de archivos y carpetas predefinidos que proporciona una estructura inicial para el desarrollo de sitios web actualmente. Incluye archivos HTML, CSS, JavaScript, así como también configuraciones y recursos útiles para comenzar un proyecto web de manera rápida y eficiente.
2 Características
1. Multinavegador
2. Estructura base solida: Proporciona una hoja de estilo bien estructurada que nos ayuda a desarrollar paginas webs de forma rapida y limpia
3. Optimizaciones para la visualización en navegadores móviles
4. Extensibilidad: Puede ampliarse y personalizarse segun la necesidad requerida
5. Perfiles de JavaScript según el navegador
6. Una hoja de estilos de impresión óptima
7. Solución para PNG en IE6
3 Ejemplos
* Microsoft
* Nike SB
PHP
Laravel
1 Definicion
Es poder construir aplicaciones sólidas y estables, que sean fáciles de desarrollar y la utilización de parte del código preprogramada, para que pueda aprovecharse y reutilizarse, evitando así la reescritura del código en la misma aplicación.
2 Características
1. Adopta el patrón arquitectónico MVC (Modelo-Vista-Controlador), que aporta estructura y escalabilidad al desarrollo de aplicaciones web.
2. Autenticación y autorización:Se puede configurar con sólo unos pocos comandos Artisan
3. Interfaz de línea de comandos (CLI) de Artisan: Artisan CLI de Laravel 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.
4. Mapeador Objeto-Relacional (ORM) Eloquent: Simplifica la gestión de bases de datos.
5. Motor de plantillas Blade: Es una valiosa herramienta para crear vistas dinámicas y reutilizables
6. Bibliotecas orientadas a objetos: son librerias que nos facilitan el uso del framework
3 Ejemplos
* Startups.com
* Grupo hotelero Morgans
Desarrollo Web
Angular
1 Definicion
es un Framework de JavaScript de código abierto escrito en TypeScript. Su objetivo principal es desarrollar aplicaciones de una sola página.Google se encarga del mantenimiento y constantes actualizaciones de mejoras para este framework.
1 Características
1. Document Object Model (DOM): trata un documento XML o HTML como una estructura de árbol en la que cada nodo representa una parte del documento.
2. Utiliza TypeScript para que los usuarios les ayuda a entender mas rapido por escribirse en javascript
3.Data Binding (Enlace de datos): es un proceso que permite a los usuarios manipular elementos de la página web a través de un navegador web.
4. Testing (Pruebas): Usa el Framework de prueba Jasmine.
5. Servicios: Ofrece una forma de encapsular la lógica de negocio y compartir datos y funcionalidades entre componentes mediante servicios.
6. Directivas: Proporciona un conjunto de directivas que permiten extender el HTML con funcionalidades adicionales y crear componentes personalizados.
2 Ejemplos
* YouTube
* PayPal
Opinión
HTML5 Boilerplate
Este frameworks al poseer una estructura desde el comienzo nos ayuda a ahorrar tiempo y esfuerzo en organización en el desarrollo web. Al tener esta facilidad de uso sin comenzar desde cero es algo increíble, ya que nos facilita llevar a cabo proyectos.
Laravel
Para desarrollar un proyecto en este framework me otorga tranquilidad y seguridad, al tener librerías que podemos utilizar para poder tener mayor seguridad, facilitar el desarrollo y optimización en una página web.
Angular
Al tener Google de su lado le otorga un gran ecosistema de información que nos permite aprender de diferentes formas, como videos, foros y documentación extensa que se tiene sobre Angular. Además, como se crea una sola página donde se realizará todas las configuraciones, nos permite realizarlas de forma dinámica y escalable.