Creación de sitios web: Plantillas web y frameworks

Ir al curso

Página 13: Plantillas web y frameworks

/es/creacion-de-sitios-web/javascript/content/

Plantillas web y frameworks

Para el desarrollo web no siempre es necesario partir de cero, podemos construir sobre bases que encontramos libremente en la red.

En páginas anteriores presentamos las tres tecnologías clave de la web: HTML, CSS y JavaScript. Cada una tiene su propia complejidad y poder dominarlas todas toma tiempo, por fortuna gracias al espíritu abierto de la web podemos contar con bases desde las cuales comenzar un desarrollo.

Librerías, frameworks y plantillas

Librerías

En software una librería (library) es un componente reutilizable que facilita ciertas labores de programación. Según la tecnología puede ser un conjunto de funciones u objetos. Al integrar una librería a nuestro proyecto tendremos acceso a funcionalidades que nos tomaría mucho tiempo hacer y que en la librería han sido bien diseñadas y probadas. 

Plantillas

En el contexto del desarrollo web una plantilla (template) se refiere a una estructura de archivos establecida para un sitio web, en la que solamente es necesario modificar y adaptar ciertos datos.

Marcos de trabajo

Un marco de trabajo (framework) va un poco más allá, aunque puede ofrecer opciones similares a las librerías o plantillas su diferencia radica en que propone un modelo, es decir una forma particular para desarrollar software. Por esto un framework va acompañado de conceptos que deben ser bien comprendidos para poder usarlo.

Frontend hace referencia a los componentes visibles al usuario: páginas, estilos y scripts. Backend hace referencia a los no visibles como bases de datos y servidores web.

En la práctica no es tan fácil discernir entre librerías, plantillas y frameworks así que es importante consultar la documentación y estar seguros de qué nos ofrecen y cuáles son las necesidades de nuestro proyecto. A continuación mencionamos algunas disponibles libremente en la red.

jQuery

jQuery es una librería JavaScript que facilita la manipulación de un documento html. Existen dos librerías adicionales que son jQuery UI para componentes visuales y jQuery mobile enfocada en smartphones.

Materialize

Materialize es un framework para desarrollo web basado en el concepto de Material Design de Google. Incluye componentes visuales, animaciones e incluso paletas de colores.

Bootstrap

Bootstrap es un framework para desarrollo web orientado al diseño responsivo. Fue desarrollado al interior de Tweeter y liberado después como open source.

Angular

AngularJS es un framework de Google que extiende los elementos html para facilitar el desarrollo de aplicaciones web dinámicas.

Backbone

BackboneJS es un framework enfocado en sincronizar los cambios de datos con la forma como se presentan y con su envío al servidor en caso de un sitio web dinámico.

Diseño responsivo

Amazium y Gridism son framework css para diseño responsivo, proveen una estructura html y unos estilos predefinidos para diseñar un sitio bajo un modelo de cuadrícula (grid).

Plantillas HTML

Son varios los sitios que ofrecen plantillas html gratuitas, Tooplate ofrece una colección de plantillas para sitios web de libre descarga al igual que HTMLTemplates entre muchos otros.

Para usar un marco de trabajo o librería frontend basta con descargar sus archivos dentro de tu proyecto y referenciarlos en las páginas a través de etiquetas link para hojas de estilo y script para código JavaScript.

/es/creacion-de-sitios-web/hosting-y-dominio-web/content/